*{box-sizing:border-box;max-width:100%;margin:0;padding:0}html,body,#root,.app-container,.main-content{max-width:100vw!important}html{width:100%;max-width:100vw;font-size:62.5%;overflow-x:hidden}@media (width>=1800px){html{font-size:75%}}@media (width<=1440px){html{font-size:62.5%}}@media (width<=1200px){html{font-size:56.25%}}@media (width<=998px){html{font-size:50%}}@media (width<=768px){html{font-size:43.75%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#fff;width:100%;max-width:100vw;margin:0;font-family:Times New Roman,serif;font-size:1.6rem;line-height:1.5;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:Arial,sans-serif;transition:background-color .2s,border-color .2s}button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.6}input[type=radio]{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-family:Times New Roman,serif}p{margin-bottom:1em}.text-center{text-align:center}.mt-10{margin-top:1rem}.mb-10{margin-bottom:1rem}.auth-container{background-color:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:#fff;border-radius:8px;width:100%;max-width:450px;padding:2rem;box-shadow:0 4px 12px #0000001a}.back-button-global{z-index:1000;color:#2563eb;cursor:pointer;min-width:unset;background:#fff;border:2px solid #2563eb;border-radius:24px;width:auto;padding:.5rem 1.25rem;font-size:1.08rem;font-weight:600;transition:background .2s,color .2s,border .2s;position:fixed;top:24px;left:32px;box-shadow:0 2px 8px #2c3e5014}.back-button-global:hover{color:#fff;background:#2563eb;border-color:#2563eb}.auth-card h2{text-align:center;color:#333;margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#555;font-weight:500}.form-group input{border:1.2px solid #111;border-radius:2rem;padding:.85rem 1.2rem;font-size:1.32rem;font-weight:400;transition:border-color .3s}.form-group input:focus{border-color:#3b82f6;outline:none}.auth-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:2rem;margin-top:1rem;padding:.85rem 0;font-size:1.32rem;font-weight:400;transition:background-color .3s}.auth-button:hover{background-color:#2563eb}.auth-button:disabled{cursor:not-allowed;background-color:#93c5fd}.auth-links{text-align:center;justify-content:center;align-items:center;margin-top:1.5rem;display:flex}.auth-links a{color:#3b82f6;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-error{color:#b91c1c;background-color:#fee2e2;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.profile-container{box-sizing:border-box;width:95%;max-width:1400px;margin:0 auto;padding:2rem}.profile-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.profile-actions{gap:1rem;display:flex}.user-info{background-color:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.user-info-content{flex-direction:column;gap:.5rem;display:flex}.user-info h2{color:#334155;margin:0;font-size:1.5rem;font-weight:600}.user-email{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.email-label{color:#475569;font-weight:500}.stats-container{background-color:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 10px #00000014}.stats-container h2{color:#334155;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.ranking-stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.ranking-stat-card{background-color:#f0f7ff;border-left:5px solid #3b82f6;border-radius:12px;align-items:flex-start;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #3b82f626}.ranking-stat-card:nth-child(2){background-color:#f0fff4;border-left:5px solid #10b981}.ranking-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #3b82f633}.ranking-stat-icon{color:#3b82f6;background-color:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-right:1.25rem;display:flex}.ranking-stat-card:nth-child(2) .ranking-stat-icon{color:#10b981;background-color:#dcfce7}.ranking-stat-content{flex:1}.ranking-stat-content h3{color:#1e40af;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.ranking-stat-card:nth-child(2) .ranking-stat-content h3{color:#047857}.ranking-stat-value{color:#1e3a8a;margin:0 0 .75rem;font-size:2.5rem;font-weight:700;line-height:1}.ranking-stat-card:nth-child(2) .ranking-stat-value{color:#065f46}.ranking-value-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ranking-percentage{color:#4b5563;background-color:#fff;border-radius:10px;align-items:center;margin-right:.5rem;padding:1rem 1.2rem;font-size:1.25rem;font-weight:600;display:flex;box-shadow:0 3px 6px #0000001f}.ranking-percentage svg{color:#f59e0b;margin-right:.75rem;font-size:1.5rem}.ranking-info{color:#4b5563;background-color:#fff;border-radius:6px;align-items:center;max-width:fit-content;padding:.5rem .75rem;font-size:.95rem;display:flex;box-shadow:0 1px 3px #0000001a}.ranking-info svg{color:#f59e0b;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{color:#3b82f6;font-size:1.5rem;animation:1.5s linear infinite spin;display:inline-block}.ranking-stat-card:nth-child(2) .loading-spinner{color:#10b981}.calculating-text{color:#6b7280;font-size:1rem;font-style:italic;position:relative;overflow:hidden}.calculating-text:after{content:"...";animation:1.5s infinite ellipsis;position:absolute;right:-10px}@keyframes ellipsis{0%{opacity:0}50%{opacity:1}to{opacity:0}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:#f8fafc;border-radius:8px;align-items:center;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #0000000f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:1rem;display:flex}.stat-card:first-child .stat-icon{background-color:#3b82f6}.stat-card:nth-child(2) .stat-icon{background-color:#8b5cf6}.stat-card:nth-child(3) .stat-icon{background-color:#ec4899}.stat-card:nth-child(4) .stat-icon{background-color:#10b981}.stat-card:nth-child(5) .stat-icon{background-color:#f59e0b}.stat-content h3{color:#64748b;margin:0 0 .25rem;font-size:.875rem;font-weight:500}.stat-value{color:#334155;margin:0;font-size:1.5rem;font-weight:700}.action-buttons{flex-wrap:wrap;gap:1rem;display:flex}.auth-button.primary{background-color:#3b82f6}.auth-button.secondary{background-color:#10b981}.auth-button.primary:hover{background-color:#2563eb}.auth-button.secondary:hover{background-color:#059669}.notification-settings{background-color:#fff;border-radius:8px;margin-top:2rem;padding:1.5rem;box-shadow:0 2px 10px #00000014}.results-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.results-header{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr 1fr 1fr;padding:1rem;font-weight:500;display:grid}.results-list{max-height:500px;overflow-y:auto}.result-item{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr 1fr 1fr;padding:1rem;display:grid}.result-item:last-child{border-bottom:none}.no-results{text-align:center;color:#6b7280;padding:2rem}.auth-button.google-signin{background-color:#4285f4}.auth-button.google-signin:hover{background-color:#357ae8}.google-signin-container{flex-direction:column;align-items:stretch;margin-bottom:1.5rem;display:flex}.auth-button.google-signin.full-width{border:1.2px solid #111;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 0;font-size:1.32rem;font-weight:400;transition:box-shadow .2s,background .2s,border .2s;display:flex;position:relative;box-shadow:0 2px 8px #4285f426;color:#111!important;background-color:#ffe6e6!important}.auth-button.google-signin.full-width:hover{border:1.2px solid #111;border-radius:2rem;box-shadow:0 4px 16px #ffa07a2e;color:#111!important;background-color:#ffe6e6!important}.google-icon-wrapper{justify-content:center;align-items:center;min-width:32px;margin-left:8px;display:flex}.google-icon{background:0 0;width:22px;height:22px;display:block}.google-btn-text{margin-left:8px;margin-right:8px}.divider{align-items:center;width:100%;margin:1.2rem 0 .5rem;display:flex}.divider span{color:#b0b0b0;z-index:1;background:#fff;padding:0 1rem;font-size:1rem}.divider:before,.divider:after{content:"";z-index:0;background:#e0e0e0;flex:1;height:1px}.auth-signup-prompt{color:#1d3557;background:#e3edff;border:2px solid #3b82f6;border-radius:2rem;margin-top:2rem;padding:1rem 1.5rem;font-size:1.18rem;font-weight:600;box-shadow:0 2px 8px #3b82f614;margin-left:auto!important;margin-right:auto!important;display:block!important}.auth-signup-prompt a{color:#2563eb;margin-left:.3em;font-weight:700;text-decoration:underline}.auth-signup-prompt a:hover{color:#174ea6;text-decoration:underline}.verify-email-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.verify-email-card{text-align:center;background-color:#fff;border-radius:20px;width:100%;max-width:600px;padding:60px 50px;box-shadow:0 20px 60px #0000004d}.verify-email-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 30px;display:flex;box-shadow:0 10px 30px #667eea4d}.verify-email-icon svg{color:#fff;width:50px;height:50px}.verify-email-title{color:#1e293b;margin:0 0 20px;font-size:2.5rem;font-weight:700;line-height:1.2}.verify-email-description{color:#64748b;margin:0 0 40px;font-size:1.125rem;line-height:1.6}.verify-email-description strong{color:#667eea;word-break:break-all;margin-top:8px;font-weight:600;display:inline-block}.verify-warning-box{text-align:left;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:16px;align-items:flex-start;gap:20px;margin-bottom:30px;padding:25px;display:flex;box-shadow:0 4px 12px #f59e0b26}.warning-icon{background-color:#f59e0b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.warning-icon svg{color:#fff;width:24px;height:24px}.warning-content h3{color:#78350f;margin:0 0 10px;font-size:1.125rem;font-weight:700}.warning-content p{color:#92400e;margin:0;font-size:.9375rem;line-height:1.6}.verify-message{border-radius:12px;margin-bottom:30px;padding:20px 25px;font-size:1rem;font-weight:500;line-height:1.5}.verify-message-success{color:#065f46;background-color:#d1fae5;border:2px solid #10b981}.verify-message-error{color:#991b1b;background-color:#fee2e2;border:2px solid #ef4444}.verify-actions{flex-direction:column;gap:15px;margin-top:40px;display:flex}.verify-button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 32px;font-size:1.125rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.verify-button-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.verify-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.verify-button-secondary{color:#475569;background-color:#f1f5f9;border:2px solid #cbd5e1}.verify-button-secondary:hover:not(:disabled){background-color:#e2e8f0;border-color:#94a3b8}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.verify-button-secondary .button-spinner{border-color:#475569 #4755694d #4755694d}@media (width<=640px){.verify-email-card{padding:40px 30px}.verify-email-title{font-size:2rem}.verify-email-description{font-size:1rem}.verify-warning-box{text-align:center;flex-direction:column;gap:15px}.warning-icon{margin:0 auto}.warning-content{text-align:center}.verify-actions{gap:12px}.verify-button{padding:16px 24px;font-size:1rem}}:root{--primary-color:#4a90e2;--primary-color-dark:#3a7ac8;--text-color-on-primary:#fff;--text-color-sidebar-link:#c5cee0;--text-color-sidebar-link-hover:#fff;--background-color-sidebar:#11182c;--background-color-sidebar-hover:#31343c;--background-color-sidebar-active:var(--primary-color);--border-color-sidebar:#4a5568;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius-sm:.25rem}.sidebar{background-color:var(--background-color-sidebar);width:240px;height:100vh;color:var(--text-color-on-primary);box-shadow:var(--shadow-sm);z-index:100;flex-direction:column;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-header{text-align:left;border-bottom:1px solid var(--border-color-sidebar);padding:20px 0}.sidebar-header h3{color:var(--text-color-on-primary);margin:0;padding-left:35px;font-size:1.5rem;font-weight:600}.sidebar-membership{justify-content:center;margin-top:.75rem;display:flex}.sidebar-nav{flex-grow:1;padding-top:15px;position:relative;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-track{background:var(--background-color-sidebar)}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:4px;transition:background-color .2s}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff40 var(--background-color-sidebar)}.sidebar-collapse{background-color:var(--background-color-sidebar);width:40px;height:40px;color:var(--text-color-on-primary);cursor:pointer;z-index:101;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,background-color .3s;display:flex;position:absolute;top:20px;right:-20px;box-shadow:0 2px 8px #00000026}.sidebar-collapse:hover{background-color:var(--background-color-sidebar-hover);transform:scale(1.1)}.sidebar:not(.sidebar-collapsed) .sidebar-collapse{transform:translate(-45px)}.sidebar:not(.sidebar-collapsed) .sidebar-collapse:hover{transform:translate(-45px)scale(1.1)}@keyframes pulse-animation{0%{box-shadow:0 0 #4a90e2b3}70%{box-shadow:0 0 0 12px #4a90e200}to{box-shadow:0 0 #4a90e200}}.sidebar.sidebar-collapsed .sidebar-collapse{animation:2s infinite pulse-animation}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav li a{color:var(--text-color-sidebar-link);border-left:3px solid #0000;align-items:center;padding:14px 20px;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.sidebar-nav li a:hover{background-color:var(--background-color-sidebar-hover);color:var(--text-color-sidebar-link-hover)}.sidebar-nav li.active a{background-color:var(--background-color-sidebar-active);color:var(--text-color-on-primary);border-left-color:var(--secondary-color,#50e3c2);font-weight:500}.sidebar-icon{text-align:center;width:20px;margin-right:15px;font-size:1.2rem;display:inline-block}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;transition:opacity .2s;overflow:hidden}.sidebar.sidebar-collapsed .sidebar-nav li{position:relative}.sidebar.sidebar-collapsed .sidebar-label{z-index:110;background-color:var(--background-color-sidebar-hover);color:var(--text-color-sidebar-link-hover);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;pointer-events:none;padding:8px 12px;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:calc(100% + 15px);transform:translateY(-50%)}.sidebar.sidebar-collapsed .sidebar-nav li:hover .sidebar-label{opacity:1;visibility:visible;transition-delay:.15s}.sidebar-footer{text-align:left;color:var(--text-color-sidebar-link);border-top:1px solid var(--border-color-sidebar);padding:20px 0;font-size:.8rem}.sidebar-footer p{padding-left:35px}.sidebar.sidebar-collapsed{width:80px}.sidebar.sidebar-collapsed .sidebar-header h3,.sidebar.sidebar-collapsed .sidebar-footer p{display:none}.sidebar.sidebar-collapsed .sidebar-nav li a{justify-content:center;padding:14px 10px}.sidebar.sidebar-collapsed .sidebar-icon{margin-right:0;font-size:1.4rem}.sidebar.sidebar-collapsed .sidebar-header,.sidebar.sidebar-collapsed .sidebar-footer{padding:20px 10px}.sidebar-overlay{z-index:99;background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar.sidebar-mobile{z-index:102}.sidebar.sidebar-mobile.sidebar-collapsed{width:240px;transform:translate(-100%)}.sidebar.sidebar-mobile:not(.sidebar-collapsed){width:240px;transform:translate(0)}@media (width>=769px) and (width<=1024px){.sidebar{width:80px}.sidebar:not(.sidebar-collapsed) .sidebar-label,.sidebar:not(.sidebar-collapsed) .sidebar-header h3,.sidebar:not(.sidebar-collapsed) .sidebar-footer p{display:none}.sidebar:not(.sidebar-collapsed) .sidebar-nav li a{justify-content:center;padding:14px 10px}.sidebar:not(.sidebar-collapsed) .sidebar-icon{margin-right:0;font-size:1.4rem}.sidebar:not(.sidebar-collapsed) .sidebar-header,.sidebar:not(.sidebar-collapsed) .sidebar-footer{padding:20px 10px}}.pro-badge{color:#7da5d6;text-transform:uppercase;background-color:#4a90e22e;border-radius:4px;flex-shrink:0;margin-left:.5em;padding:2px 5px;font-size:.6rem;font-weight:500;line-height:1}.sidebar-logo{margin:0 0 10px;display:block}.sidebar-home-icon{color:#fff;margin:0 auto 10px;font-size:2rem;display:block}.pro-feature-modal-overlay{z-index:1000;background-color:#00000080;position:fixed;inset:0}.pro-feature-modal{color:#ecf0f1;z-index:1001;background-color:#2c3e50;border:1px solid #34495e;border-radius:8px;width:280px;padding:15px;position:absolute;transform:translateY(-50%);box-shadow:-8px 0 15px #00000040}.pro-feature-modal-header{border-bottom:1px solid #34495e;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.pro-feature-modal-title{color:#fff;margin:0;font-size:1.1rem}.pro-feature-modal-close{color:#bdc3c7;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.pro-feature-modal-close:hover{color:#fff}.pro-feature-modal-body p{margin:0 0 15px;font-size:.9rem;line-height:1.4}.pro-feature-modal-upgrade-btn{color:#fff;cursor:pointer;text-align:center;background-color:#3498db;border:none;border-radius:5px;width:100%;padding:10px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .3s;display:block}.pro-feature-modal-upgrade-btn:hover{background-color:#2980b9}.ultrasat-logo{cursor:pointer;align-items:center;gap:10px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;transition:transform .2s;display:flex}.ultrasat-logo:hover{transform:scale(1.02)}.ultrasat-logo .logo-icon{background:var(--primary-green,#5fcf7f);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.ultrasat-logo .logo-text{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.ultrasat-logo .logo-text-container{color:#fff;letter-spacing:-.02em;align-items:center;font-weight:700;display:flex}.ultrasat-logo .logo-prefix,.ultrasat-logo .logo-suffix{color:#fff}.ultrasat-logo .logo-highlight{color:var(--primary-green,#5fcf7f)}.ultrasat-logo--small .logo-icon{width:28px;height:28px}.ultrasat-logo--small .logo-text{font-size:.9rem}.ultrasat-logo--small .logo-text-container{font-size:1rem}.ultrasat-logo--medium .logo-icon{width:40px;height:40px}.ultrasat-logo--medium .logo-text{font-size:1.2rem}.ultrasat-logo--medium .logo-text-container{font-size:1.5rem}.ultrasat-logo--large .logo-icon{width:50px;height:50px}.ultrasat-logo--large .logo-text{font-size:1.5rem}.ultrasat-logo--large .logo-text-container{font-size:1.8rem}.ultrasat-logo--sidebar{margin:0 0 10px 20px}.ultrasat-logo--sidebar .logo-text-container{color:var(--text-color-on-primary,#fff)}.ultrasat-logo--sidebar .logo-highlight{color:var(--primary-green,#5fcf7f)}.ultrasat-logo--landing .logo-text-container{color:#fff}.ultrasat-logo--landing .logo-highlight{color:var(--primary-green,#5fcf7f)}@media (width<=768px){.ultrasat-logo--medium .logo-text-container{font-size:1.3rem}.ultrasat-logo--large .logo-text-container{font-size:1.6rem}}@media (width<=480px){.ultrasat-logo--medium .logo-text-container{font-size:1.2rem}.ultrasat-logo--large .logo-text-container{font-size:1.4rem}}.top-navbar{background-color:var(--background-color-sidebar);color:var(--text-color-on-primary);z-index:101;justify-content:center;align-items:center;width:100%;height:70px;transition:height .3s;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.top-navbar.minimized{height:60px}.top-navbar ul{justify-content:space-around;align-items:center;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.top-navbar li{flex:1;justify-content:center;display:flex}.top-navbar li a{color:var(--text-color-sidebar-link);flex-direction:column;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:8px 4px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.top-navbar li a:active{transform:scale(.95)}.top-navbar li.active a{color:var(--text-color-on-primary)}.nav-icon{margin-bottom:2px;font-size:1.5rem}.top-navbar.minimized .nav-icon{font-size:1.3rem}.nav-label{white-space:nowrap;font-size:.75rem;font-weight:500}.top-navbar.minimized .nav-label{font-size:.7rem}.top-navbar li.secondary-nav{display:none}.more-menu-container{position:relative}.more-menu-button{color:var(--text-color-sidebar-link);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:8px 4px;font-size:12px;transition:all .2s;display:flex}.more-menu-button:active{transform:scale(.95)}.more-menu-container.active .more-menu-button{color:var(--text-color-on-primary)}.more-menu-overlay{z-index:100;background:#0000004d;position:fixed;inset:70px 0 0}.top-navbar.minimized~.more-menu-overlay{top:60px}.more-menu-dropdown{background:var(--background-color-sidebar);z-index:101;border-top:1px solid #ffffff1a;animation:.2s ease-out slideUp;position:fixed;bottom:70px;left:0;right:0;box-shadow:0 -4px 12px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.more-menu-item{width:100%;color:var(--text-color-sidebar-link);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1rem;transition:background .2s;display:flex}.more-menu-item:hover,.more-menu-item.active{color:var(--text-color-on-primary);background:#ffffff1a}.more-menu-item .nav-icon{margin-bottom:0;font-size:1.3rem}.more-menu-item .nav-label{font-size:1rem;font-weight:500}.profile-dropdown-container{margin-right:20px;display:inline-block;position:relative}.profile-trigger-btn{cursor:pointer;color:#f39c12;background:0 0;border:2px solid #007bff;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex;box-shadow:0 2px 4px #0003}.profile-trigger-btn:hover{color:#e67e22}.dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #eee;border-radius:8px;width:250px;padding:8px 0;font-size:13px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.dropdown-header{border-bottom:1px solid #f0f0f0;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:8px;padding:12px 16px;display:flex}.dropdown-header span{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-left:12px;font-size:13px;font-weight:500;display:inline-block;overflow:hidden}.dropdown-item,.dropdown-item-logout{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:10px 16px;font-size:13px;text-decoration:none;display:flex}.dropdown-item:hover,.dropdown-item-logout:hover{background-color:#f5f5f5}.dropdown-icon{color:#555;margin-right:12px}.upgrade-link{color:#007bff;font-weight:700}.upgrade-link .dropdown-icon{color:#007bff}.dropdown-divider{background-color:#f0f0f0;height:1px;margin:8px 0}.dropdown-item-logout,.dropdown-item-logout .dropdown-icon{color:#d9534f}@media (width<=768px){.profile-dropdown-container{margin-right:0;position:relative}.profile-trigger-btn{padding:2px}.dropdown-menu{z-index:9999;border:2px solid #007bff;width:calc(100vw - 40px);max-width:320px;max-height:calc(100vh - 90px);position:fixed;top:70px;left:50%;right:auto;overflow-y:auto;transform:translate(-50%)}.dropdown-header{padding:10px 12px}.dropdown-header span{max-width:calc(100vw - 100px);font-size:12px}.dropdown-item,.dropdown-item-logout{padding:12px 16px;font-size:14px}.dropdown-icon{margin-right:10px}.dropdown-menu:before{content:"";z-index:-1;background:#0000004d;position:fixed;inset:0}}.membership-badge{border:1px solid;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.membership-badge-small{gap:.25rem;padding:.125rem .5rem;font-size:.75rem}.membership-badge-medium{gap:.5rem;padding:.25rem .75rem;font-size:.875rem}.membership-badge-large{gap:.75rem;padding:.5rem 1rem;font-size:1rem}.membership-badge-icon{align-items:center;font-size:1em;display:flex}.membership-badge-text{white-space:nowrap}.membership-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.membership-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 8px #0000001a}.membership-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.membership-card-compact{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);padding:1rem}.membership-card-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.membership-card-info{flex:1}.membership-card-title{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.membership-card-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.membership-card-expiry{text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:.75rem}.membership-expiry-text{color:#475569;margin:0;font-size:.875rem}.membership-expiry-days{color:#059669;font-size:1.125rem;font-weight:700}.membership-expiry-text.expired{color:#dc2626}.membership-card-features{margin-bottom:1.5rem}.membership-card-features h4{color:#374151;margin:0 0 .75rem;font-size:1rem;font-weight:600}.membership-card-features ul{margin:0;padding:0;list-style:none}.membership-card-features li{color:#4b5563;padding:.375rem 0 .375rem 1.5rem;font-size:.875rem;position:relative}.membership-card-features li:before{content:"✓";color:#059669;font-weight:700;position:absolute;left:0}.membership-card-actions{justify-content:center;margin-top:1rem;display:flex}.membership-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #3b82f64d}.membership-upgrade-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.membership-upgrade-btn:active{transform:translateY(0)}@media (width<=768px){.membership-card{padding:1rem}.membership-card-header{flex-direction:column;gap:.75rem}.membership-card-title{font-size:1.125rem}}.membership-gate{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;min-height:300px;margin:1rem 0;padding:2rem;display:flex}.membership-gate-content{text-align:center;width:100%;max-width:400px}.membership-gate-loading{color:#64748b;justify-content:center;align-items:center;min-height:100px;font-size:.875rem;display:flex}.membership-gate-icon{opacity:.7;margin-bottom:1rem;font-size:3rem}.membership-gate-title{color:#1e293b;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.membership-gate-description{color:#64748b;margin:0 0 1.5rem;line-height:1.5}.membership-gate-tiers{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.membership-gate-current,.membership-gate-required{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.membership-gate-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.membership-gate-benefits{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.membership-gate-benefits h4{color:#374151;text-align:center;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.membership-gate-benefits ul{margin:0;padding:0;list-style:none}.membership-gate-benefits li{color:#4b5563;padding:.25rem 0 .25rem 1.25rem;font-size:.875rem;position:relative}.membership-gate-benefits li:before{content:"✓";color:#059669;font-weight:700;position:absolute;left:0}.membership-gate-actions{flex-direction:column;gap:.75rem;display:flex}.membership-gate-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #3b82f64d}.membership-gate-upgrade-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.membership-gate-learn-more-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.membership-gate-learn-more-btn:hover{color:#475569;background:#f1f5f9;border-color:#94a3b8}@media (width<=768px){.membership-gate{min-height:250px;padding:1rem}.membership-gate-tiers{flex-direction:column;gap:.75rem}.membership-gate-current,.membership-gate-required{width:100%}.membership-gate-actions{gap:.5rem}}.upgrade-prompt-widget{background-color:#f0f7ff;border:1px solid #b3d7ff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px;display:flex;box-shadow:0 2px 4px #0000000d}.upgrade-prompt-widget p{color:#333;flex-grow:1;margin:0;font-size:1rem}.upgrade-prompt-button{color:#fff;white-space:nowrap;background-color:#007bff;border-radius:5px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background-color .3s}.upgrade-prompt-button:hover{background-color:#0056b3}.companion-toggle-btn{cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #667eea66}.companion-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #667eea80}.companion-avatar{font-size:28px}.companion-notification-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse-dot;position:absolute;top:8px;right:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.companion-panel{z-index:1000;background:#1a1a2e;border-radius:16px;flex-direction:column;width:340px;max-height:450px;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.companion-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:16px;display:flex}.companion-title{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.companion-avatar-sm{font-size:20px}.companion-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .2s;display:flex}.companion-close-btn:hover{background:#ffffff4d}.companion-content{flex:1;padding:20px;overflow-y:auto}.companion-greeting{color:#e0e0e0;margin:0 0 16px;font-size:15px;line-height:1.6}.companion-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.companion-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.companion-loading{justify-content:center;align-items:center;padding:20px;display:flex}.companion-typing{gap:6px;display:flex}.companion-typing span{background:#667eea;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.companion-typing span:nth-child(2){animation-delay:.2s}.companion-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.companion-voice-section{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:16px;display:flex}.companion-voice-btn{color:#e0e0e0;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.companion-voice-btn:hover:not(:disabled){background:#ffffff26}.companion-voice-btn:disabled{opacity:.6;cursor:not-allowed}.companion-voice-btn.active{color:#22c55e;background:#22c55e33;border-color:#22c55e}.companion-voice-btn.connecting{color:#eab308;background:#eab30833;border-color:#eab308}.voice-icon{font-size:18px}.voice-icon.pulse{animation:1s infinite pulse-mic}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.companion-mute-btn{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;width:44px;height:44px;font-size:18px;transition:all .2s}.companion-mute-btn:hover{background:#ffffff26}.companion-mute-btn.muted{background:#ef444433;border-color:#ef4444}.companion-voice-error{color:#ef4444;text-align:center;margin:8px 0 0;font-size:12px}@media (width<=480px){.companion-panel{width:calc(100vw - 32px);max-height:60vh;bottom:16px;right:16px}.companion-toggle-btn{width:52px;height:52px;bottom:16px;right:16px}.companion-avatar{font-size:24px}}.app{color:#333;background-color:#fff;flex-direction:column;height:100vh;font-family:Times New Roman,serif;font-size:18px;display:flex;overflow:hidden}*,button,input,select,textarea{font-family:Times New Roman,serif}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.main-content:before,.main-content:after{content:"";background-image:linear-gradient(90deg,#000 8px,#0000 8px);background-repeat:repeat-x;background-size:16px 3px;height:3px;position:absolute;left:0;right:0}.main-content:before{display:none}.main-content:after{bottom:0}.main-content{flex:1;width:100%;margin:0;padding:0}.question-wrapper{flex:1;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.question-content{flex:1;max-width:1200px;height:100%;margin:0 auto;padding:0 20px;display:flex}.tools-controls{background-color:#f8f8f8;border-top:1px solid #eaeaea;justify-content:flex-end;padding:5px 20px;display:flex}.loading,.error{color:#333;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.results-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.restart-button{color:#fff;cursor:pointer;background-color:#3a66b7;border:none;border-radius:5px;margin-top:20px;padding:10px 20px;font-size:16px}.restart-button:hover{background-color:#2a4a8a}.top-bar{justify-content:flex-end;width:auto;padding:10px;display:flex;position:absolute;top:0;right:0}.app-container{width:100%;max-width:100vw;display:flex;overflow-x:hidden}.main-content{box-sizing:border-box;width:calc(100% - 240px);max-width:calc(100vw - 240px);min-height:100vh;margin-left:240px;padding:20px;transition:margin-left .3s,width .3s}.app-container.sidebar-collapsed .main-content{width:calc(100% - 80px);max-width:calc(100vw - 80px);margin-left:80px}.app-container.sidebar-hidden .main-content{width:100%;max-width:100vw;margin-left:0}@media (width<=768px){.app-container{flex-direction:column;overflow-x:hidden}.main-content{padding:70px 15px 15px;overflow-x:hidden;width:100%!important;max-width:100vw!important;margin-left:0!important}.app-container.sidebar-mobile .main-content,.app-container.sidebar-mobile.sidebar-collapsed .main-content{width:100%!important;max-width:100vw!important;margin-left:0!important}.top-bar{padding:5px;top:60px;right:10px}}@media (width>=769px) and (width<=1024px){.main-content,.app-container.sidebar-collapsed .main-content{width:calc(100% - 80px);max-width:calc(100vw - 80px);margin-left:80px}}@media (width<=768px){.main-content{padding:10px}}