.email-verification{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:420px;margin:0 auto}.verification-header{text-align:center;margin-bottom:2rem}.verification-icon{font-size:3rem;margin-bottom:1rem}.verification-header h2{font-size:1.75rem;margin-bottom:.5rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-header p{color:#888;margin:.5rem 0}.verification-header strong{color:#ccc}.expires-text{font-size:.9rem;color:#f59e0b!important}.countdown{font-weight:600;color:#f59e0b}.verification-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;width:100%;text-align:center}.code-input-container{display:flex;gap:.75rem;margin-bottom:1.5rem}.code-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid rgba(255,255,255,.15);border-radius:8px;background:#0003;color:#fff;transition:border-color .2s,box-shadow .2s}.code-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.verify-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;cursor:pointer;transition:opacity .2s,transform .2s;margin-bottom:1.5rem}.verify-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.verify-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.resend-section{text-align:center;margin-bottom:1.5rem}.resend-section p{color:#888;margin-bottom:.5rem}.resend-button{background:transparent;border:none;color:#646cff;font-size:.95rem;font-weight:500;cursor:pointer;padding:.5rem;transition:color .2s}.resend-button:hover:not(:disabled){color:#9b6bff;text-decoration:underline}.resend-button:disabled{color:#666;cursor:not-allowed}.cancel-link{background:transparent;border:none;color:#888;font-size:.9rem;cursor:pointer;padding:.5rem;transition:color .2s}.cancel-link:hover{color:#ccc}.dev-hint{margin-top:2rem;text-align:center;color:#666;font-style:italic}.dev-hint small{font-size:.8rem}@media(max-width:480px){.code-input-container{gap:.5rem}.code-input{width:42px;height:50px;font-size:1.25rem}}.token-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:tokenFadeIn .2s ease}@keyframes tokenFadeIn{0%{opacity:0}to{opacity:1}}.token-info-modal{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:16px;padding:1.5rem;max-width:340px;width:90%;text-align:center;animation:tokenSlideUp .2s ease}@keyframes tokenSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.token-info-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.token-info-icon{font-size:2rem}.token-info-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.token-info-message{color:var(--text-secondary, #a0a0a0);font-size:.95rem;margin:0 0 1rem}.token-info-balance{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.balance-row:first-child{border-bottom:1px solid rgba(255,255,255,.1)}.balance-label{color:var(--text-secondary, #a0a0a0);font-size:.9rem}.balance-value{font-weight:600;font-size:1rem}.balance-value.current{color:#ffc107}.balance-value.required{color:#ff6b6b}.token-countdown-section{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.countdown-label{color:#ffc107;font-size:.9rem;font-weight:500;margin:0 0 .75rem}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:.25rem}.countdown-segment{display:flex;flex-direction:column;align-items:center;min-width:50px}.countdown-value{font-size:1.75rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.countdown-unit{font-size:.7rem;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:1.5rem;font-weight:700;color:var(--text-secondary, #a0a0a0);margin-bottom:1rem}.token-alternatives{margin-bottom:1.25rem}.alternatives-label{color:var(--text-secondary, #a0a0a0);font-size:.85rem;margin:0 0 .75rem}.alternatives-buttons{display:flex;gap:.75rem}.alternatives-buttons--centered{justify-content:center}.alternative-btn{flex:1;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.alternative-btn .btn-icon{font-size:1.25rem}.alternative-btn.watch-ad{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.alternative-btn.watch-ad:hover{background:#4caf5040;transform:scale(1.02)}.alternative-btn.premium{background:#9c27b026;color:#ce93d8;border:1px solid rgba(156,39,176,.3)}.alternative-btn.premium:hover{background:#9c27b040;transform:scale(1.02)}.token-premium-status{background:linear-gradient(135deg,#ffd70026,#ffb34726);border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.premium-status-icon{font-size:1.5rem}.premium-status-text{margin:0;color:gold;font-size:.9rem;font-weight:500;text-align:center}.token-info-close-btn{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:var(--card-bg-hover, #2a2a2a);color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #333)}.token-info-close-btn:hover{background:var(--hover-bg, #333);color:var(--text-primary, #ffffff)}.token-balance-cap-section{background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.balance-cap-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.75rem}.balance-current{font-size:2rem;font-weight:700;color:#ffc107}.balance-separator{font-size:1.5rem;font-weight:500;color:var(--text-secondary, #a0a0a0)}.balance-cap{font-size:1.5rem;font-weight:600;color:var(--text-secondary, #a0a0a0)}.balance-unit{font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin-left:.25rem}.balance-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.balance-progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ffca28);border-radius:4px;transition:width .3s ease}.balance-progress-fill.at-cap{background:linear-gradient(90deg,#4caf50,#66bb6a)}.at-cap-message{margin:.75rem 0 0;font-size:.8rem;color:#4caf50;text-align:center}.pending-drip-section{background:linear-gradient(135deg,#4caf5026,#81c78426);border:1px solid rgba(76,175,80,.4);border-radius:12px;padding:1rem;margin-bottom:1.25rem;animation:pendingPulse 2s ease-in-out infinite}.pending-drip-section.expiring-soon{background:linear-gradient(135deg,#ff980026,#ffb74d26);border-color:#ff980066}@keyframes pendingPulse{0%,to{box-shadow:0 0 #4caf504d}50%{box-shadow:0 0 8px 2px #4caf504d}}.pending-drip-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.pending-drip-icon{font-size:1.5rem}.pending-drip-title{font-size:1.1rem;font-weight:600;color:#4caf50}.pending-drip-section.expiring-soon .pending-drip-title{color:#ff9800}.pending-drip-expiry-warning{margin:0 0 .75rem;font-size:.85rem;color:#ff9800;text-align:center;font-weight:500}.claim-drip-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.claim-drip-btn:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#4caf50);transform:scale(1.02)}.claim-drip-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.claim-drip-btn.claiming{background:#4caf5080}.claim-btn-icon{font-size:1.1rem}.claim-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:claimSpin .8s linear infinite}@keyframes claimSpin{to{transform:rotate(360deg)}}.claim-error{margin:.5rem 0 0;font-size:.8rem;color:#ff6b6b;text-align:center}.claim-celebration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10;animation:celebrationPop .4s ease-out}@keyframes celebrationPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.claim-celebration-icon{font-size:3rem;animation:celebrationBounce .5s ease infinite}@keyframes celebrationBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.claim-celebration-tokens{font-size:2rem;font-weight:700;color:#4caf50;animation:tokenFloat 1s ease-out forwards}@keyframes tokenFloat{0%{opacity:1;transform:translateY(0)}to{opacity:.8;transform:translateY(-10px)}}.notification-bell-container{position:relative}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease;color:#a0a0a0}.notification-bell-btn:hover{background-color:#ffffff1a;color:#fff}.notification-badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;color:#fff;background-color:#ef4444;border-radius:9px;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 1px 3px #0000004d;pointer-events:none}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;z-index:1000;animation:notificationDropdownFadeIn .15s ease-out}@keyframes notificationDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #333}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.notification-unread-count{font-size:.75rem;color:#646cff;font-weight:500}.notification-list{max-height:340px;overflow-y:auto}.notification-empty{padding:2rem 1rem;text-align:center;color:#a0a0a0;font-size:.9rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:1rem;background:none;border:none;border-bottom:1px solid #333;cursor:pointer;text-align:left;transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#ffffff0d}.notification-unread{background-color:#646cff14}.notification-icon{display:none}.notification-content{flex:1;min-width:0}.notification-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.3}.notification-body{font-size:.8rem;color:#a0a0a0;margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:all .2s ease}.notification-body.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.notification-item.notification-expanded{background-color:#646cff1f}.notification-time{font-size:.7rem;color:#666}.notification-dot{width:8px;height:8px;background-color:#646cff;border-radius:50%;flex-shrink:0;margin-top:6px}.notification-arrow{font-size:1.25rem;color:var(--text-secondary, #a0a0a0);flex-shrink:0;margin-left:.5rem;transition:transform .2s ease,color .2s ease}.notification-actionable:hover .notification-arrow{color:var(--accent-color, #646cff);transform:translate(2px)}.notification-actionable{cursor:pointer}@media(prefers-color-scheme:light){.notification-bell-btn{color:#666}.notification-bell-btn:hover{background-color:#0000000d;color:#333}.notification-dropdown{background-color:#fff;box-shadow:0 4px 20px #00000026}.notification-header{border-bottom-color:#e5e5e5}.notification-header h3{color:#1a1a1a}.notification-item{border-bottom-color:#e5e5e5}.notification-item:hover{background-color:#00000005}.notification-unread{background-color:#646cff0d}.notification-item.notification-expanded{background-color:#646cff14}.notification-title{color:#1a1a1a}.notification-body,.notification-empty{color:#666}}@media(max-width:480px){.notification-dropdown{width:280px;right:-60px}}.user-dropdown{position:relative;display:flex;align-items:center;gap:.5rem}.user-dropdown-trigger{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;position:relative}.user-dropdown-trigger:hover{background-color:#ffffff1a}.user-greeting{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#646cff;display:flex;align-items:center;justify-content:center;color:#fff}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:1rem;background-color:#646cff1a}.user-dropdown-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.user-dropdown-email{font-size:.85rem;color:#a0a0a0;word-break:break-all}.user-dropdown-divider{height:1px;background-color:#333}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;color:#fff;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.user-dropdown-item:hover{background-color:#ffffff1a}.user-dropdown-item svg{color:#a0a0a0}.user-dropdown-logout{color:#ff6b6b}.user-dropdown-logout svg{color:#ff6b6b}.user-dropdown-logout:hover{background-color:#ff6b6b1a}.login-link{color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;padding:.5rem 1rem;border-radius:8px;background-color:#646cff33;transition:background-color .2s ease}.login-link:hover{background-color:#646cff66}.header-token-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#ffc10726;border:1px solid rgba(255,193,7,.4);border-radius:1.5rem;cursor:pointer;transition:all .2s ease}.header-token-btn:hover{background:#ffc10740;border-color:#ffc10799}.header-token-icon{font-size:1rem}.header-token-value{font-size:.9rem;font-weight:600;color:#ffc107}.header-token-btn.has-pending{position:relative}.header-token-pending-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#4caf50;border-radius:50%;border:2px solid var(--bg-primary, #1a1a1a);animation:pendingDotPulse 1.5s ease-in-out infinite}@keyframes pendingDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #4caf5080}50%{transform:scale(1.1);box-shadow:0 0 6px 2px #4caf5080}}.notification-bell-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.notification-bell-btn:hover{background-color:#ffffff1a}.notification-bell-btn:hover .notification-bell{color:#fff}.notification-bell{color:#a0a0a0;transition:color .2s ease}@media(max-width:480px){.user-greeting{display:none}.user-dropdown-menu{right:-.5rem;min-width:200px}}.header{background-color:#1a1a1a;padding:1rem 2rem;position:sticky;top:0;z-index:100}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:#646cff;text-decoration:none}.logo:hover{color:#535bf2}.nav-links{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#646cff}.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;background:var(--nav-bg, #ffffff);border-top:1px solid var(--border-color, #e0e0e0);position:fixed;bottom:0;left:0;right:0;z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;color:var(--nav-inactive, #888);text-decoration:none;border-radius:8px;transition:color .2s ease,background-color .2s ease;position:relative}.bottom-nav-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--tooltip-bg, #333);color:var(--tooltip-color, #fff);padding:.4rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;margin-bottom:8px;box-shadow:0 2px 8px #0003}.bottom-nav-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--tooltip-bg, #333)}.bottom-nav-item:hover .bottom-nav-tooltip{opacity:1;visibility:visible}.bottom-nav-item:focus .bottom-nav-tooltip{opacity:1;visibility:visible}@media(hover:none)and (pointer:coarse){.bottom-nav-item:active .bottom-nav-tooltip{opacity:1;visibility:visible}}.bottom-nav-item:hover{color:var(--nav-hover, #666);background-color:var(--nav-hover-bg, rgba(0, 0, 0, .05))}.bottom-nav-item.active{color:var(--nav-active, #4a90d9)}.bottom-nav-item svg{transition:transform .2s ease}.bottom-nav-item.active svg{transform:scale(1.1)}@media(prefers-color-scheme:light){.bottom-nav{background:#fff;border-top-color:#e0e0e0}.bottom-nav-item{color:#888}.bottom-nav-item:hover{color:#555}.bottom-nav-item.active{color:#4a90d9}.bottom-nav-tooltip{background:#333;color:#fff}.bottom-nav-tooltip:after{border-top-color:#333}}@media(prefers-color-scheme:dark){.bottom-nav{background:#1a1a1a;border-top-color:#333}.bottom-nav-item{color:#666}.bottom-nav-item:hover{color:#aaa;background-color:#ffffff0d}.bottom-nav-item.active{color:#5ba3ec}.bottom-nav-tooltip{background:#444;color:#fff}.bottom-nav-tooltip:after{border-top-color:#444}}.has-bottom-nav{padding-bottom:80px}.consent-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.consent-modal{background:#1e1e1e;border-radius:16px;padding:2rem;max-width:500px;width:100%;border:2px solid #444;box-shadow:0 8px 32px #00000080}.consent-modal-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-align:center}.consent-modal-subtitle{font-size:.9rem;color:#888;margin:0 0 1.5rem;text-align:center}.consent-checkboxes{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.consent-checkbox-item{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.consent-checkbox-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#7c3aed;cursor:pointer;flex-shrink:0}.consent-checkbox-label{display:flex;flex-direction:column;gap:.25rem}.consent-checkbox-title{font-size:.95rem;color:#fff}.consent-checkbox-title.required:after{content:" *";color:#ef4444}.consent-checkbox-description{font-size:.8rem;color:#888;line-height:1.4}.consent-checkbox-description a{color:#7c3aed;text-decoration:none}.consent-checkbox-description a:hover{text-decoration:underline}.consent-divider{height:1px;background:#333;margin:.5rem 0}.consent-optional-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.consent-modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:#ef4444;font-size:.875rem}.consent-modal-actions{display:flex;justify-content:center}.consent-modal-btn{padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:200px}.consent-modal-btn.primary{background:#7c3aed;color:#fff}.consent-modal-btn.primary:hover:not(:disabled){background:#6d28d9}.consent-modal-btn.primary:disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed}.consent-modal-btn.loading{opacity:.7;cursor:wait}@media(max-width:480px){.consent-modal{padding:1.5rem;margin:1rem;max-height:90vh;overflow-y:auto}.consent-modal-title{font-size:1.25rem}.consent-modal-btn{width:100%}}.document-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem}.document-modal{background:#1e1e1e;border-radius:16px;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;border:2px solid #444;box-shadow:0 8px 32px #00000080}.document-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #333;flex-shrink:0}.document-modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.document-modal-close{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.document-modal-close:hover{background:#ffffff1a;color:#fff}.document-modal-content{flex:1;overflow-y:auto;padding:1.5rem;color:#ccc;line-height:1.6}.document-modal-content .document-h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.document-modal-content .document-h2{font-size:1.15rem;font-weight:600;color:#fff;margin:1.5rem 0 .75rem;padding-top:.5rem;border-top:1px solid #333}.document-modal-content .document-h3{font-size:1rem;font-weight:600;color:#ddd;margin:1rem 0 .5rem}.document-modal-content .document-p{margin:0 0 .75rem;font-size:.95rem}.document-modal-content .document-bold{font-weight:600;color:#fff;margin:0 0 .75rem}.document-modal-content .document-list{margin:0 0 1rem;padding-left:1.5rem}.document-modal-content .document-list li{margin-bottom:.5rem;font-size:.95rem}.document-modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #333;flex-shrink:0}.document-modal-btn{padding:.75rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#10b981;color:#fff;border:none}.document-modal-btn:hover{background:#059669;transform:translateY(-1px)}@media(max-width:480px){.document-modal{max-height:95vh;margin:.5rem}.document-modal-header,.document-modal-content,.document-modal-footer{padding:1rem}.document-modal-btn{width:100%}}.progress-bar-container{display:flex;flex-direction:column;gap:.25rem;width:100%}.progress-bar-label{font-size:.875rem;color:var(--text-secondary, #666);text-align:center}.progress-bar-track{width:100%;background-color:var(--progress-track, #e0e0e0);border-radius:8px;overflow:hidden;position:relative;min-height:18px;margin:0 auto}.progress-bar--small .progress-bar-track{height:18px;min-height:18px}.progress-bar--medium .progress-bar-track{height:24px}.progress-bar--large .progress-bar-track{height:36px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#357abd);border-radius:8px;transition:width .3s ease;position:relative}.progress-bar--primary .progress-bar-fill{background:repeating-linear-gradient(-45deg,#4a90d9,#4a90d9 10px,#357abd 10px,#357abd 20px);background-size:28.28px 100%;animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:28.28px 0}}.progress-bar--secondary .progress-bar-fill{background:linear-gradient(90deg,#ff9800,#f57c00)}.progress-bar-container .progress-bar--secondary{background-color:#00000026}.progress-bar-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;color:#fff;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5);pointer-events:none;z-index:1}@media(prefers-color-scheme:light){.progress-bar-track,.progress-bar-container .progress-bar--secondary{background-color:#d0d0d0}.progress-bar-label{color:#555}color: #aaa}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.confirmation-modal{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:16px;padding:1.5rem;max-width:320px;width:90%;text-align:center;animation:slideUp .2s ease}.confirmation-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .75rem}.confirmation-modal-message{font-size:.95rem;color:var(--text-secondary, #a0a0a0);margin:0 0 1rem;line-height:1.5}.confirmation-modal-cost{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;margin-bottom:1.25rem}.confirmation-modal-cost.free{background:#4caf501a;border-color:#4caf504d}.cost-icon{font-size:1.25rem}.cost-value{font-size:1rem;font-weight:600;color:#ffc107}.confirmation-modal-cost.free .cost-label{font-size:1rem;font-weight:600;color:#4caf50}.confirmation-modal-actions{display:flex;gap:.75rem}.confirmation-modal-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.confirmation-modal-btn.cancel{background:var(--card-bg-hover, #2a2a2a);color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #333)}.confirmation-modal-btn.cancel:hover{background:var(--hover-bg, #333);color:var(--text-primary, #ffffff)}.confirmation-modal-btn.confirm{background:var(--primary, #4a90d9);color:#fff}.confirmation-modal-btn.confirm:hover{background:var(--primary-hover, #3a80c9);transform:scale(1.02)}.platform-stats-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.platform-stats-card .card-header{margin-bottom:1.5rem}.platform-stats-card .card-header h3{margin:0 0 .25rem;color:var(--text-primary, #ffffff);font-size:1.25rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.stat-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-secondary, #1a1a1a);border-radius:8px;transition:transform .2s,box-shadow .2s}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-icon{font-size:2rem;line-height:1;opacity:.9}.stat-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.75rem;font-weight:700;color:var(--accent-color, #4caf50);line-height:1}.stat-context{font-size:.8rem;color:var(--text-secondary, #a0a0a0);opacity:.8}.stats-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color, #444);display:flex;flex-direction:column;gap:.5rem}.stats-footer small{color:var(--text-secondary, #a0a0a0);font-size:.8rem}.stats-footer small.stale{color:#ef5350}.stale-warning{background:#ef53501a;color:#ef5350;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:1.5rem}}.trending-quizzes-list{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.trending-quizzes-list .card-header{margin-bottom:1rem}.trending-quizzes-list .card-header h3{margin:0 0 .25rem;color:var(--text-primary, #ffffff);font-size:1.25rem;font-weight:600}.card-description{margin:0;color:var(--text-secondary, #a0a0a0);font-size:.875rem}.trending-items{display:flex;flex-direction:column;gap:.75rem}.trending-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:var(--bg-secondary, #1a1a1a);transition:background .2s}.trending-item:hover{background:var(--hover-bg, #333)}.trending-item .rank{font-weight:700;color:var(--text-secondary, #a0a0a0);min-width:1.5rem}.trending-item .quiz-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.trending-item .title{color:var(--text-primary, #ffffff);font-weight:600;font-size:1rem}.trending-item .week-comparison{color:var(--text-secondary, #a0a0a0);font-size:.875rem}.trending-item .week-comparison strong{color:var(--accent-color, #4caf50);font-weight:600}.trending-item .stats{display:flex;align-items:center;gap:.5rem}.trending-item .count{font-weight:600;color:var(--text-primary, #ffffff);min-width:2rem;text-align:right}.trending-item .change{font-weight:600;min-width:3.5rem;text-align:right}.trending-item .change.positive{color:#4caf50}.trending-item .change.negative{color:#ef4444}.trending-item .change.neutral{color:var(--text-secondary, #a0a0a0)}.empty-state{text-align:center;color:var(--text-secondary, #a0a0a0);padding:2rem}@media(max-width:768px){.trending-item{font-size:.9rem}.trending-item .rank{min-width:1.25rem}.trending-item .count{min-width:1.5rem}.trending-item .change{min-width:3rem}}.type-distribution-chart{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.type-distribution-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.type-distribution-chart h3{margin:0;color:var(--text-primary, #ffffff);font-size:1.25rem;font-weight:600}.total-users{color:var(--text-secondary, #a0a0a0);font-size:.875rem}.chart-bars{display:flex;flex-direction:column;gap:1rem}.bar-item{display:flex;flex-direction:column;gap:.25rem}.bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.type-name{font-weight:500;color:var(--text-primary, #ffffff)}.type-percentage{font-weight:600;color:var(--accent-color, #4caf50)}.bar-container{width:100%;height:8px;background:var(--bg-secondary, #1a1a1a);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color, #4caf50),#45a049);border-radius:4px;transition:width .3s ease}.threshold-warning{text-align:center;padding:2rem;color:var(--text-secondary, #a0a0a0)}.threshold-warning p{font-size:1.125rem;margin-bottom:.5rem}.threshold-warning small{font-size:.875rem}@media(max-width:768px){.type-distribution-chart{padding:1rem}.bar-label{font-size:.8rem}}.rarity-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #667eea4d;color:#fff;text-align:center;margin-bottom:1.5rem}.rarity-badge h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.rarity-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.personality-type{font-size:3rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rarity-stats{display:flex;flex-direction:column;gap:.5rem}.rarity-stats p{margin:0;font-size:1rem;opacity:.95}.rarity-count{font-weight:500}.rarity-percentile{font-weight:600;font-size:1.125rem}@media(max-width:768px){.rarity-badge{padding:1.5rem}.personality-type{font-size:2.5rem}.rarity-stats p{font-size:.9rem}}.generate-code-modal{background:var(--card-bg, #2a2a2a);border-radius:16px;padding:2rem;max-width:400px;width:90%;position:relative;animation:slideUp .2s ease-out}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);text-align:center;margin-bottom:1.5rem}.code-display{display:flex;justify-content:center;margin-bottom:1rem}.connection-code{font-family:SF Mono,Consolas,monospace;font-size:2.5rem;font-weight:700;letter-spacing:.25rem;color:var(--primary, #4a90d9);background:#4a90d91a;padding:.75rem 1.5rem;border-radius:12px;border:2px dashed var(--primary, #4a90d9)}.code-info{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary, #a0a0a0);font-size:.9rem}.expires-value{color:var(--text-primary, #ffffff);font-weight:600}.cost-notice{text-align:center;color:var(--text-secondary, #a0a0a0);font-size:.875rem;margin-bottom:1.5rem}.code-actions{display:flex;gap:.75rem;justify-content:center}.copy-btn,.regenerate-btn{flex:1;padding:.75rem 1rem;font-size:.9rem}.regenerate-confirm{margin-top:1rem;padding:1rem;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.regenerate-confirm p{color:var(--text-primary, #ffffff);font-size:.9rem;margin-bottom:.75rem;text-align:center}.generate-prompt{text-align:center}.generate-description{color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.generate-btn{width:100%;padding:1rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.insufficient-tokens-warning{color:#ff6b6b;font-size:.875rem;margin-top:.75rem}.loading-spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.enter-code-modal{background:var(--card-bg, #2a2a2a);border-radius:16px;padding:2rem;max-width:400px;width:90%;position:relative;animation:slideUp .2s ease-out}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);text-align:center;margin-bottom:1rem}.enter-description{text-align:center;color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.code-input-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.code-input{width:48px;height:56px;font-family:SF Mono,Consolas,monospace;font-size:1.5rem;font-weight:700;text-align:center;text-transform:uppercase;background:var(--input-bg, #1a1a1a);border:2px solid var(--border-color, #3a3a3a);border-radius:8px;color:var(--text-primary, #ffffff);transition:border-color .2s ease,box-shadow .2s ease}.code-input:focus{outline:none;border-color:var(--primary, #4a90d9);box-shadow:0 0 0 3px #4a90d933}.code-input:disabled{opacity:.6;cursor:not-allowed}.cost-notice{text-align:center;color:var(--text-secondary, #a0a0a0);font-size:.875rem;margin-bottom:1rem}.cost-notice strong{color:var(--primary, #4a90d9)}.relationship-type-container{margin-bottom:1rem}.relationship-type-label{display:block;font-size:.875rem;color:var(--text-secondary, #a0a0a0);margin-bottom:.5rem;text-align:center}.relationship-type-select{width:100%;padding:.75rem 1rem;font-size:.95rem;background:var(--input-bg, #1a1a1a);border:2px solid var(--border-color, #3a3a3a);border-radius:8px;color:var(--text-primary, #ffffff);cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.relationship-type-select:focus{outline:none;border-color:var(--primary, #4a90d9);box-shadow:0 0 0 3px #4a90d933}.relationship-type-select:disabled{opacity:.6;cursor:not-allowed}.relationship-type-select option{background:var(--card-bg, #2a2a2a);color:var(--text-primary, #ffffff)}.insufficient-tokens-warning{color:#ff6b6b;font-size:.875rem;text-align:center;margin-bottom:1rem}.connect-btn{width:100%;padding:1rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:60px}.connecting-state{display:flex;align-items:center;gap:.75rem}.connecting-text{display:flex;flex-direction:column;align-items:flex-start}.connecting-text .subtext{font-size:.75rem;opacity:.7}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.prerequisite-warning{text-align:center;padding:1rem;background:#ffc1071a;border-radius:8px;border:1px solid rgba(255,193,7,.3)}.warning-icon{font-size:2rem;display:block;margin-bottom:.5rem}.prerequisite-warning p{color:var(--text-primary, #ffffff);font-size:.95rem;margin-bottom:.5rem}.action-hint{color:var(--text-secondary, #a0a0a0);font-size:.875rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s ease}.error-message{color:#ff6b6b;font-size:.875rem;text-align:center;margin-top:1rem}.connection-detail-modal{background:var(--card-bg, #2a2a2a);border-radius:16px;padding:1.5rem;max-width:600px;width:95%;max-height:85vh;display:flex;flex-direction:column;position:relative;animation:slideUp .2s ease-out}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s ease;z-index:10}.modal-close:hover{color:var(--text-primary, #ffffff)}.modal-header{text-align:center;margin-bottom:1rem;padding-right:2rem}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:.25rem}.analysis-date{color:var(--text-secondary, #a0a0a0);font-size:.875rem}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--input-bg, #1a1a1a);border-radius:8px}.tab-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary, #a0a0a0);font-size:.9rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:var(--primary, #4a90d9);color:#fff}.analysis-content{flex:1;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem}.analysis-content::-webkit-scrollbar{width:6px}.analysis-content::-webkit-scrollbar-track{background:transparent}.analysis-content::-webkit-scrollbar-thumb{background:var(--border-color, #3a3a3a);border-radius:3px}.analysis-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #a0a0a0)}.summary-view{display:flex;flex-direction:column;gap:1rem}.executive-summary{background:linear-gradient(135deg,#4a90d91a,#9370db1a);padding:1rem;border-radius:12px;border-left:3px solid var(--primary, #4a90d9)}.executive-summary p{color:var(--text-primary, #ffffff);font-size:.95rem;line-height:1.6;margin:0}.stats-row{display:flex;gap:.75rem}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--input-bg, #1a1a1a);border-radius:8px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary, #4a90d9)}.stat-label{font-size:.75rem;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.quick-insights{display:flex;flex-direction:column;gap:.75rem}.quick-insight{display:flex;gap:.75rem;padding:.75rem;background:var(--input-bg, #1a1a1a);border-radius:8px}.insight-icon{font-size:1.25rem}.insight-content{display:flex;flex-direction:column;gap:.25rem}.insight-title{font-weight:600;color:var(--text-primary, #ffffff);font-size:.9rem}.insight-tip{color:var(--text-secondary, #a0a0a0);font-size:.85rem}.details-view{display:flex;flex-direction:column;gap:1.5rem}.analysis-section{display:flex;flex-direction:column;gap:.75rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.section-icon{font-size:1.1rem}.analysis-card{background:var(--input-bg, #1a1a1a);padding:.875rem;border-radius:8px;border-left:3px solid transparent}.analysis-card.similarity{border-left-color:#4ade80}.analysis-card.difference{border-left-color:#60a5fa}.analysis-card.complement{border-left-color:#a78bfa}.analysis-card.friction{border-left-color:#fbbf24}.analysis-card.recommendation{border-left-color:#f472b6}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trait-area{font-weight:600;color:var(--text-primary, #ffffff);font-size:.9rem}.strength{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;text-transform:capitalize}.strength-strong{background:#4ade8033;color:#4ade80}.strength-moderate{background:#60a5fa33;color:#60a5fa}.strength-mild{background:#9ca3af33;color:#9ca3af}.card-description{color:var(--text-secondary, #a0a0a0);font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.pattern-note,.benefit,.example-scenario,.trigger,.mitigation,.actionable-tip,.implication{font-size:.825rem;color:var(--text-secondary, #a0a0a0);margin:.25rem 0}.pattern-note strong,.benefit strong,.trigger strong,.mitigation strong,.actionable-tip strong{color:var(--text-primary, #ffffff)}.diff-patterns{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.diff-pattern{display:flex;gap:.5rem;font-size:.85rem}.pattern-label{color:var(--text-secondary, #a0a0a0);font-weight:500;min-width:80px}.diff-pattern span:last-child{color:var(--text-primary, #ffffff)}.rec-title{font-weight:600;color:var(--text-primary, #ffffff);font-size:.9rem;display:block;margin-bottom:.5rem}.compatibility-insight{padding-top:.75rem;border-top:1px solid var(--border-color, #3a3a3a);margin-bottom:.75rem}.compatibility-insight h4{font-size:.8rem;font-weight:600;color:var(--text-secondary, #a0a0a0);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.connection-detail-modal .insight-text{font-size:.85rem;line-height:1.5;color:var(--text-primary, #e0e0e0);margin:0;padding:.75rem;background:var(--surface-color, #1a1a2e);border-radius:6px;border-left:3px solid var(--accent-color, #6c5ce7)}.no-analysis{text-align:center;padding:2rem}.no-analysis-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.no-analysis p{color:var(--text-secondary, #a0a0a0)}.modal-actions{padding-top:.75rem;border-top:1px solid var(--border-color, #3a3a3a)}.delete-btn{width:100%;padding:.75rem}.btn-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef44444d}.delete-confirm{text-align:center}.delete-confirm p{color:var(--text-primary, #ffffff);font-size:.9rem;margin-bottom:.75rem}.confirm-actions{display:flex;gap:.5rem;justify-content:center}.confirm-actions .btn{padding:.5rem 1rem;font-size:.875rem}.error-message{color:#ef4444;font-size:.875rem;text-align:center;margin-top:.75rem}@media(max-width:480px){.connection-detail-modal{padding:1rem;max-height:90vh}.stats-row{flex-wrap:wrap}.stat-item{min-width:calc(50% - .375rem)}.diff-pattern{flex-direction:column;gap:.125rem}.pattern-label{min-width:auto}}.demographics-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.demographics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;gap:.75rem;color:var(--text-secondary, #a0a0a0)}.demographics-spinner{width:24px;height:24px;border:2px solid var(--border-color, #333);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:demographics-spin .8s linear infinite}@keyframes demographics-spin{to{transform:rotate(360deg)}}.demographics-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.demographics-icon{font-size:1.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--hover-bg, #333);border-radius:12px}.demographics-title-section{flex:1;min-width:0}.demographics-title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff)}.demographics-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.demographics-status{flex-shrink:0;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.demographics-status--complete{background:#22c55e26;color:#22c55e}.demographics-status--incomplete{background:var(--hover-bg, #333);color:var(--text-secondary, #a0a0a0)}.demographics-content{padding-top:1rem;border-top:1px solid var(--border-color, #333)}.demographics-description{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary, #a0a0a0);line-height:1.5}.demographics-error{margin:0 0 1rem;padding:.75rem 1rem;background:#ef44441a;border-radius:8px;font-size:.875rem;color:#ef4444}.demographics-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.demographics-button--complete{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.demographics-button--complete:hover:not(:disabled){background:linear-gradient(135deg,#5457e5,#7c4deb);transform:translateY(-1px)}.demographics-button--update{background:var(--hover-bg, #333);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #444)}.demographics-button--update:hover:not(:disabled){background:var(--border-color, #444)}.demographics-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.demographics-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:demographics-spin .8s linear infinite}@media(max-width:480px){.demographics-header{flex-wrap:wrap}.demographics-icon{width:40px;height:40px;font-size:1.5rem}.demographics-status{order:3;width:100%;text-align:center;margin-top:.5rem}.demographics-button{width:100%}}.demographics-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:demographics-overlay-fade-in .2s ease}@keyframes demographics-overlay-fade-in{0%{opacity:0}to{opacity:1}}.demographics-modal{position:relative;background:var(--card-bg, #2a2a2a);border-radius:16px;padding:2rem;max-width:420px;width:100%;text-align:center;animation:demographics-modal-slide-up .3s ease}@keyframes demographics-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demographics-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.demographics-modal-close:hover{color:var(--text-primary, #ffffff)}.demographics-modal-icon{font-size:3rem;margin-bottom:1rem}.demographics-modal-title{margin:0 0 .75rem;font-size:1.375rem;font-weight:700;color:var(--text-primary, #ffffff)}.demographics-modal-text{margin:0 0 1.25rem;font-size:.9375rem;color:var(--text-secondary, #a0a0a0);line-height:1.5}.demographics-modal-benefits{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.demographics-modal-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.demographics-modal-benefits li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#22c55e33;color:#22c55e;border-radius:50%;font-size:.75rem;flex-shrink:0}.demographics-modal-error{margin:0 0 1rem;padding:.75rem 1rem;background:#ef44441a;border-radius:8px;font-size:.875rem;color:#ef4444}.demographics-modal-actions{display:flex;flex-direction:column;gap:.75rem}.demographics-modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.demographics-modal-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.demographics-modal-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#5457e5,#7c4deb);transform:translateY(-1px)}.demographics-modal-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.demographics-modal-btn--secondary{background:var(--hover-bg, #333);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #444)}.demographics-modal-btn--secondary:hover{background:var(--border-color, #444)}.demographics-modal-btn--text{background:none;color:var(--text-secondary, #a0a0a0);font-size:.8125rem;padding:.5rem}.demographics-modal-btn--text:hover{color:var(--text-primary, #ffffff);text-decoration:underline}@media(max-width:480px){.demographics-modal{padding:1.5rem}.demographics-modal-icon{font-size:2.5rem}.demographics-modal-title{font-size:1.25rem}}.select-question{width:100%;padding:1rem 0}.select-question--disabled{opacity:.5;pointer-events:none}.select-question-options{display:flex;flex-direction:column;gap:.75rem}.select-option{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.select-option:hover:not(:disabled){border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc)}.select-option:focus{outline:none;box-shadow:0 0 0 3px #4a90d94d}.select-option--selected{border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc)}.select-option-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-color, #ccc);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease}.select-option--selected .select-option-radio{border-color:var(--primary, #4a90d9)}.select-option-dot{width:12px;height:12px;border-radius:50%;background:var(--primary, #4a90d9)}.select-option-label{font-size:1rem;color:var(--text-primary, #333);line-height:1.4}.dark-theme .select-option,:root:not(.light-theme) .select-option{background:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444)}.dark-theme .select-option:hover:not(:disabled),:root:not(.light-theme) .select-option:hover:not(:disabled){background:#4a90d926;border-color:var(--primary, #4a90d9)}.dark-theme .select-option--selected,:root:not(.light-theme) .select-option--selected{background:#4a90d926;border-color:var(--primary, #4a90d9)}.dark-theme .select-option-label,:root:not(.light-theme) .select-option-label{color:var(--text-primary-dark, #eee)}.dark-theme .select-option-radio,:root:not(.light-theme) .select-option-radio{border-color:var(--border-dark, #666)}.select-question--dropdown{display:flex;justify-content:center;padding:1.5rem 0}.select-question-dropdown{width:100%;max-width:400px;padding:1rem 3rem 1rem 1.25rem;font-size:1rem;color:var(--text-primary, #333);background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:20px}.select-question-dropdown:hover:not(:disabled){border-color:var(--primary, #4a90d9)}.select-question-dropdown:focus{outline:none;border-color:var(--primary, #4a90d9);box-shadow:0 0 0 3px #4a90d94d}.select-question-dropdown option{padding:.5rem}.dark-theme .select-question-dropdown,:root:not(.light-theme) .select-question-dropdown{background-color:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444);color:var(--text-primary-dark, #eee);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E")}.dark-theme .select-question-dropdown:hover:not(:disabled),:root:not(.light-theme) .select-question-dropdown:hover:not(:disabled){border-color:var(--primary, #4a90d9)}.dark-theme .select-question-dropdown option,:root:not(.light-theme) .select-question-dropdown option{background:var(--card-bg-dark, #2a2a2a);color:var(--text-primary-dark, #eee)}.multi-select-question{width:100%;padding:1rem 0}.multi-select-question--disabled{opacity:.5;pointer-events:none}.multi-select-hint{font-size:.875rem;color:var(--text-secondary, #666);margin-bottom:.75rem;font-style:italic}.multi-select-options{display:flex;flex-direction:column;gap:.75rem}.multi-select-option{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.multi-select-option:hover:not(:disabled){border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc)}.multi-select-option:focus{outline:none;box-shadow:0 0 0 3px #4a90d94d}.multi-select-option--selected{border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc)}.multi-select-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--border-color, #ccc);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.multi-select-option--selected .multi-select-checkbox{border-color:var(--primary, #4a90d9);background:var(--primary, #4a90d9)}.multi-select-check{color:#fff;font-size:.875rem;font-weight:700}.multi-select-label{font-size:1rem;color:var(--text-primary, #333);line-height:1.4}.dark-theme .multi-select-option,:root:not(.light-theme) .multi-select-option{background:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444)}.dark-theme .multi-select-option:hover:not(:disabled),:root:not(.light-theme) .multi-select-option:hover:not(:disabled){background:#4a90d926;border-color:var(--primary, #4a90d9)}.dark-theme .multi-select-option--selected,:root:not(.light-theme) .multi-select-option--selected{background:#4a90d926;border-color:var(--primary, #4a90d9)}.dark-theme .multi-select-label,:root:not(.light-theme) .multi-select-label{color:var(--text-primary-dark, #eee)}.dark-theme .multi-select-checkbox,:root:not(.light-theme) .multi-select-checkbox{border-color:var(--border-dark, #666)}.dark-theme .multi-select-hint,:root:not(.light-theme) .multi-select-hint{color:var(--text-secondary-dark, #aaa)}.number-question{width:100%;padding:1rem 0;display:flex;flex-direction:column;align-items:center}.number-question--disabled{opacity:.5;pointer-events:none}.number-question-input-group{display:flex;align-items:center;gap:0}.number-question-btn{width:56px;height:56px;font-size:1.5rem;font-weight:600;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.number-question-btn--minus{border-radius:12px 0 0 12px;border-right:none}.number-question-btn--plus{border-radius:0 12px 12px 0;border-left:none}.number-question-btn:hover:not(:disabled){background:var(--primary-light, #e8f2fc);border-color:var(--primary, #4a90d9);color:var(--primary, #4a90d9)}.number-question-btn:focus{outline:none;box-shadow:0 0 0 3px #4a90d94d;z-index:1}.number-question-btn:disabled{opacity:.4;cursor:not-allowed}.number-question-input{width:100px;height:56px;font-size:1.25rem;font-weight:600;text-align:center;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);border-left:none;border-right:none;color:var(--text-primary, #333);-moz-appearance:textfield}.number-question-input::-webkit-outer-spin-button,.number-question-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-question-input:focus{outline:none;border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc)}.number-question-range{display:flex;justify-content:space-between;width:212px;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #666)}.dark-theme .number-question-btn,:root:not(.light-theme) .number-question-btn{background:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444);color:var(--text-primary-dark, #eee)}.dark-theme .number-question-btn:hover:not(:disabled),:root:not(.light-theme) .number-question-btn:hover:not(:disabled){background:#4a90d926;border-color:var(--primary, #4a90d9);color:var(--primary, #4a90d9)}.dark-theme .number-question-input,:root:not(.light-theme) .number-question-input{background:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444);color:var(--text-primary-dark, #eee)}.dark-theme .number-question-input:focus,:root:not(.light-theme) .number-question-input:focus{background:#4a90d926;border-color:var(--primary, #4a90d9)}.dark-theme .number-question-range,:root:not(.light-theme) .number-question-range{color:var(--text-secondary-dark, #aaa)}.text-question{width:100%;padding:1rem 0}.text-question--disabled{opacity:.5;pointer-events:none}.text-question-input{width:100%;padding:1rem 1.25rem;font-size:1rem;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);border-radius:12px;color:var(--text-primary, #333);transition:all .2s ease}.text-question-input::placeholder{color:var(--text-secondary, #999)}.text-question-input:hover:not(:disabled){border-color:var(--primary, #4a90d9)}.text-question-input:focus{outline:none;border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc);box-shadow:0 0 0 3px #4a90d933}.dark-theme .text-question-input,:root:not(.light-theme) .text-question-input{background:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444);color:var(--text-primary-dark, #eee)}.dark-theme .text-question-input::placeholder,:root:not(.light-theme) .text-question-input::placeholder{color:var(--text-secondary-dark, #888)}.dark-theme .text-question-input:focus,:root:not(.light-theme) .text-question-input:focus{background:#4a90d91a;border-color:var(--primary, #4a90d9)}.insight-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.insight-info-modal{background:var(--card-bg, #1e1e1e);border-radius:16px;max-width:420px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0006;animation:slideUp .25s ease}.insight-info-modal-header{text-align:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #333)}.insight-info-icon{font-size:2.5rem;margin-bottom:.5rem}.insight-info-modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.insight-info-modal-body{padding:1.25rem 1.5rem}.insight-info-description{color:var(--text-secondary, #aaa);font-size:.95rem;line-height:1.5;text-align:center;margin:0 0 1.25rem}.insight-info-features,.insight-info-tips{background:var(--surface-bg, #2a2a2a);border-radius:12px;padding:1rem;margin-bottom:1rem}.insight-info-features h4,.insight-info-tips h4{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary, #ffffff)}.insight-info-features ul,.insight-info-tips ul{margin:0;padding-left:1.25rem;color:var(--text-secondary, #ccc)}.insight-info-features li,.insight-info-tips li{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.insight-info-features li:last-child,.insight-info-tips li:last-child{margin-bottom:0}.insight-info-tips{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.insight-info-close-btn{display:block;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.insight-info-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.insight-info-close-btn:active{transform:translateY(0)}@media(prefers-color-scheme:light){.insight-info-modal{background:#fff;box-shadow:0 8px 32px #00000026}.insight-info-modal-header{border-bottom-color:#eee}.insight-info-modal-title{color:#333}.insight-info-description{color:#666}.insight-info-features,.insight-info-tips{background:#f5f5f5}.insight-info-features h4,.insight-info-tips h4{color:#333}.insight-info-features ul,.insight-info-tips ul{color:#555}.insight-info-tips{background:#8b5cf614;border-color:#8b5cf626}}.quiz-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:quizInfoFadeIn .2s ease;padding:1rem;box-sizing:border-box}@keyframes quizInfoFadeIn{0%{opacity:0}to{opacity:1}}.quiz-info-modal{background-color:#1e1e1e;border:2px solid #444;border-radius:16px;padding:1.5rem;max-width:380px;width:100%;animation:quizInfoSlideUp .2s ease;box-shadow:0 12px 48px #000c;position:relative;z-index:10000}@keyframes quizInfoSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-info-modal-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;text-align:center}.quiz-info-icon{font-size:2.5rem;margin-bottom:.25rem}.quiz-info-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0;line-height:1.3}.quiz-info-status{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500}.quiz-info-modal-body{display:flex;flex-direction:column;gap:1rem}.quiz-info-description{color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.5;margin:0;text-align:center}.quiz-info-details{display:flex;justify-content:center;gap:1.5rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:12px;padding:.875rem 1rem}.quiz-info-detail{display:flex;flex-direction:column;align-items:center;gap:.25rem}.detail-icon{font-size:1.25rem}.detail-label{font-size:.75rem;color:var(--text-secondary, #a0a0a0)}.detail-value{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff)}.quiz-info-tips{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:.875rem 1rem}.quiz-info-tips h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#4caf50}.quiz-info-tips ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.quiz-info-tips li{font-size:.85rem;color:var(--text-secondary, #a0a0a0);line-height:1.4}.quiz-info-close-btn{width:100%;margin-top:1.25rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.quiz-info-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.quiz-info-close-btn:active{transform:translateY(0)}@media(max-width:480px){.quiz-info-modal-overlay{padding:0;align-items:center;justify-content:center}.quiz-info-modal{max-width:calc(100% - 2rem);width:calc(100% - 2rem);margin:1rem;border-radius:16px;padding:1.25rem;max-height:85vh;overflow-y:auto;background-color:#1e1e1e;box-shadow:0 12px 48px #000c}.quiz-info-modal-title{font-size:1.1rem}.quiz-info-icon{font-size:2rem}.quiz-info-description{font-size:.9rem}.quiz-info-details{gap:1rem;padding:.75rem}.quiz-info-tips{padding:.75rem}.quiz-info-tips h4{font-size:.85rem}.quiz-info-tips li{font-size:.8rem}.quiz-info-close-btn{padding:1rem;font-size:1rem}}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease-out}.share-modal{background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:16px;width:100%;max-width:360px;box-shadow:0 20px 40px #0006;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #444)}.share-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.share-modal-close{background:none;border:none;color:var(--text-muted, #999);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px;transition:color .2s,background .2s}.share-modal-close:hover{color:var(--text-primary, #e0e0e0);background:#ffffff1a}.share-modal-content{padding:1rem}.share-options{display:flex;flex-direction:column;gap:.75rem}.share-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #1f1f1f);border:1px solid var(--border-color, #444);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s;text-align:left}.share-option:hover{background:var(--bg-tertiary, #2d2d2d);border-color:var(--primary, #646cff)}.share-option:active{transform:scale(.98)}.share-option-icon{font-size:1.75rem;flex-shrink:0}.share-option-text{display:flex;flex-direction:column;gap:.25rem}.share-option-title{font-size:.95rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.share-option-desc{font-size:.8rem;color:var(--text-muted, #999)}.share-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.share-target{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:var(--bg-secondary, #1f1f1f);border:1px solid var(--border-color, #444);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.share-target:hover:not(:disabled){background:var(--bg-tertiary, #2d2d2d);border-color:var(--primary, #646cff)}.share-target:active:not(:disabled){transform:scale(.95)}.share-target--success{background:#4caf5033;border-color:#4caf50}.share-target:disabled{cursor:default}.share-target-icon{font-size:1.5rem}.share-target-label{font-size:.75rem;color:var(--text-primary, #e0e0e0);text-align:center}.share-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.share-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #444);border-top-color:var(--primary, #646cff);border-radius:50%;animation:spin 1s linear infinite}.share-loading p{margin:0;color:var(--text-muted, #999);font-size:.9rem}.share-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;text-align:center}.share-error-icon{font-size:2rem}.share-error p{margin:0;color:var(--text-muted, #999);font-size:.9rem}.share-error-retry{padding:.5rem 1.5rem;background:var(--primary, #646cff);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.share-error-retry:hover{background:var(--primary-hover, #5558dd)}@media(prefers-color-scheme:light){.share-modal{background:#fff;border-color:#ddd}.share-modal-header{border-color:#eee}.share-modal-title{color:#333}.share-option,.share-target{background:#f8f8f8;border-color:#ddd}.share-option:hover,.share-target:hover:not(:disabled){background:#f0f0f0}.share-option-title,.share-target-label{color:#333}.share-option-desc{color:#666}}.share-button{background:none;border:none;color:var(--text-muted, #999);padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.share-button:hover{color:var(--primary, #4a90d9);background-color:#4a90d91a}.share-button:active{transform:scale(.95)}@media(prefers-color-scheme:dark){.share-button{color:#888}.share-button:hover{color:var(--primary, #646cff);background-color:#646cff1a}}.quiz-card{background:var(--card-bg, #f5f5f5);border:2px solid var(--card-border, #e0e0e0);border-radius:12px;padding:1rem 1rem 3rem;display:flex;flex-direction:column;min-height:140px;position:relative;transition:box-shadow .2s ease,transform .2s ease}.quiz-card:hover:not(.quiz-card--locked){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quiz-card--locked{opacity:.7;background:var(--card-bg-locked, #f0f0f0)}.quiz-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.quiz-card-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #333);line-height:1.3}.quiz-card-edit{color:var(--text-secondary, #666);padding:4px;border-radius:4px;transition:color .2s ease}.quiz-card-edit:hover{color:var(--primary, #4a90d9)}.quiz-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.quiz-card-locked{color:var(--text-muted, #999);display:flex;flex-direction:column;align-items:center;gap:.75rem}.quiz-card-button--unlock{background:linear-gradient(180deg,#ff9800,#f57c00);color:#fff;font-size:.8rem;padding:.5rem 1rem;min-width:120px}.quiz-card-button{width:100%;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.quiz-card-button:active{transform:scale(.98)}.quiz-card-button--start{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff}.quiz-card-button--start:hover{background:linear-gradient(180deg,#9cd35a,#8bc34a)}.quiz-card-button--results{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff}.quiz-card-button--results:hover{background:linear-gradient(180deg,#9cd35a,#8bc34a)}.quiz-card-button--continue{background:linear-gradient(180deg,#ff9800,#f57c00);color:#fff}.quiz-card-button--continue:hover{background:linear-gradient(180deg,#ffad33,#ff9800)}.quiz-card-button--restart{background:transparent;color:var(--text-secondary, #666);border:1px solid var(--border-color, #ddd);font-size:.75rem;padding:.375rem .75rem}.quiz-card-button--restart:hover{background:var(--hover-bg, #f5f5f5);border-color:var(--text-secondary, #666)}.quiz-card-in-progress{width:100%;display:flex;flex-direction:column;gap:.75rem;min-height:60px}.quiz-card-in-progress .progress-bar-container{margin-bottom:.25rem}.quiz-card-in-progress-actions{display:flex;flex-direction:column;gap:.5rem;align-items:center}.quiz-card-completed-icon{color:var(--success, #4caf50)}.quiz-card-completed-actions{width:100%;display:flex;flex-direction:column;gap:.5rem}.quiz-card-share{position:absolute;bottom:.75rem;left:.75rem;color:var(--text-muted, #999);padding:4px;cursor:pointer;transition:color .2s ease;z-index:1}.quiz-card-share:hover{color:var(--primary, #4a90d9)}.quiz-card-info-btn{color:var(--text-secondary, #666);padding:4px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.quiz-card-info-btn:hover{color:var(--primary, #4a90d9);background-color:#4a90d91a}.quiz-card-info-popup{position:absolute;top:2.5rem;left:.5rem;right:.5rem;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;padding:.75rem 2rem .75rem .75rem;box-shadow:0 4px 12px #0000004d;z-index:10}.quiz-card-info-popup p{margin:0;font-size:.8rem;color:var(--text-primary, #e0e0e0);line-height:1.4}.quiz-card-info-close{position:absolute;top:.25rem;right:.25rem;background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px 8px;font-size:.9rem;border-radius:4px;transition:color .2s ease}.quiz-card-info-close:hover{color:var(--text-primary, #e0e0e0)}.quiz-card--unavailable{opacity:.85}.quiz-card--unavailable .quiz-card-button--start{background:linear-gradient(180deg,#6caf6e,#5a9f5c)}.quiz-card .progress-bar-container{width:100%}@media(prefers-color-scheme:light){.quiz-card{background:#fff;border-color:#ddd}.quiz-card--locked{background:#f8f8f8}.quiz-card-title{color:#333}}@media(prefers-color-scheme:dark){.quiz-card{background:#2a2a2a;border-color:#444}.quiz-card--locked{background:#252525}.quiz-card-title{color:#e0e0e0}.quiz-card-edit,.quiz-card-share{color:#888}}.quiz-unlock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:quizUnlockFadeIn .2s ease;padding:1rem;box-sizing:border-box}@keyframes quizUnlockFadeIn{0%{opacity:0}to{opacity:1}}.quiz-unlock-modal{background-color:#1e1e1e;border:2px solid #444;border-radius:16px;padding:1.5rem;max-width:380px;width:100%;animation:quizUnlockSlideUp .2s ease;box-shadow:0 12px 48px #000c;position:relative;z-index:10000}@keyframes quizUnlockSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-unlock-modal-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;text-align:center}.quiz-unlock-icon{font-size:2.5rem;margin-bottom:.25rem}.quiz-unlock-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0;line-height:1.3}.quiz-unlock-status{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:#888}.quiz-unlock-modal-body{display:flex;flex-direction:column;gap:1rem}.quiz-unlock-description{color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.5;margin:0;text-align:center}.quiz-unlock-details{display:flex;justify-content:center;gap:1.5rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:12px;padding:.875rem 1rem}.quiz-unlock-detail{display:flex;flex-direction:column;align-items:center;gap:.25rem}.quiz-unlock-detail .detail-icon{font-size:1.25rem}.quiz-unlock-detail .detail-label{font-size:.75rem;color:var(--text-secondary, #a0a0a0)}.quiz-unlock-detail .detail-value{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff)}.quiz-unlock-tips{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:.875rem 1rem}.quiz-unlock-tips h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#4caf50}.quiz-unlock-tips ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.quiz-unlock-tips li{font-size:.85rem;color:var(--text-secondary, #a0a0a0);line-height:1.4}.quiz-unlock-cost{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;margin-top:1rem}.quiz-unlock-cost .cost-icon{font-size:1.25rem}.quiz-unlock-cost .cost-value{font-size:1rem;font-weight:600;color:#ffc107}.quiz-unlock-actions{display:flex;gap:.75rem;margin-top:1rem}.quiz-unlock-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.quiz-unlock-btn.cancel{background:var(--card-bg-hover, #2a2a2a);color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #333)}.quiz-unlock-btn.cancel:hover{background:var(--hover-bg, #333);color:var(--text-primary, #ffffff)}.quiz-unlock-btn.unlock{background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff}.quiz-unlock-btn.unlock:hover{transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}@media(max-width:480px){.quiz-unlock-modal-overlay{padding:0;align-items:center;justify-content:center}.quiz-unlock-modal{max-width:calc(100% - 2rem);width:calc(100% - 2rem);margin:1rem;border-radius:16px;padding:1.25rem;max-height:85vh;overflow-y:auto;background-color:#1e1e1e;box-shadow:0 12px 48px #000c}.quiz-unlock-modal-title{font-size:1.1rem}.quiz-unlock-icon{font-size:2rem}.quiz-unlock-description{font-size:.9rem}.quiz-unlock-details{gap:1rem;padding:.75rem}.quiz-unlock-tips{padding:.75rem}.quiz-unlock-tips h4{font-size:.85rem}.quiz-unlock-tips li{font-size:.8rem}.quiz-unlock-actions{flex-direction:column-reverse}.quiz-unlock-btn{width:100%}}.likert-slider{width:100%;padding:1rem 0}.likert-slider--disabled{opacity:.5;pointer-events:none}.likert-track-container{position:relative;padding:1rem 2rem}.likert-arrows{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.likert-arrow{font-size:2rem;color:var(--arrow-color, #ccc);-webkit-user-select:none;user-select:none}.likert-arrow--left{margin-left:.25rem}.likert-arrow--right{margin-right:.25rem}.likert-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(to right,#ddd,#ddd);border-radius:4px;outline:none;cursor:pointer;position:relative;z-index:2}.likert-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--primary, #4a90d9);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0003;transition:transform .15s ease,box-shadow .15s ease}.likert-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #0000004d}.likert-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.likert-input::-moz-range-thumb{width:24px;height:24px;background:var(--primary, #4a90d9);border-radius:50%;cursor:grab;border:none;box-shadow:0 2px 6px #0003}.likert-labels{display:flex;justify-content:space-between;padding:0 .5rem;margin-top:.5rem}.likert-label{font-size:.75rem;color:var(--text-secondary, #666);max-width:80px;text-align:center}.likert-label--min{text-align:left;color:#e74c3c}.likert-label--center{color:var(--text-muted, #999)}.likert-label--max{text-align:right;color:#27ae60}.likert-value-tooltip{position:absolute;top:-30px;transform:translate(-50%);background:var(--tooltip-bg, #333);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:600;pointer-events:none}.likert-thumb-indicator{display:none}@media(prefers-color-scheme:dark){.likert-input{background:linear-gradient(to right,#444,#444)}.likert-arrow{color:#555}.likert-label{color:#888}.likert-value-tooltip{background:#555}}.likert-scale{width:100%;padding:1rem 0}.likert-scale--disabled{opacity:.5;pointer-events:none}.likert-scale-options{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.likert-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:44px}.likert-option:hover:not(:disabled){border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f2fc);transform:translateY(-2px)}.likert-option:focus{outline:none;box-shadow:0 0 0 3px #4a90d94d}.likert-option--selected{border-color:var(--primary, #4a90d9);background:var(--primary, #4a90d9);color:#fff}.likert-option--selected:hover:not(:disabled){background:var(--primary-dark, #357abd);border-color:var(--primary-dark, #357abd)}.likert-option--center{border-style:dashed}.likert-option--center.likert-option--selected{border-style:solid}.likert-option-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem}.likert-option-check{font-weight:700}.likert-option-value{font-size:1rem;font-weight:600}.likert-scale-labels{display:flex;justify-content:space-between;padding:0 .25rem}.likert-label{font-size:.75rem;color:var(--text-secondary, #666);max-width:30%}.likert-label--min{text-align:left}.likert-label--center{text-align:center}.likert-label--max{text-align:right}@media(prefers-color-scheme:dark){.likert-option{background:var(--card-bg-dark, #2a2a2a);border-color:var(--border-dark, #444);color:var(--text-primary-dark, #eee)}.likert-option:hover:not(:disabled){background:var(--primary-dark, #357abd);border-color:var(--primary, #4a90d9)}.likert-option--selected{background:var(--primary, #4a90d9);border-color:var(--primary, #4a90d9)}.likert-label{color:var(--text-secondary-dark, #aaa)}}@media(max-width:400px){.likert-scale-options{gap:.25rem}.likert-option{padding:.5rem .25rem;min-width:36px}.likert-option-value{font-size:.875rem}.likert-option-indicator{width:16px;height:16px}}.confidence-slider{width:100%;padding:.75rem 0}.confidence-slider--disabled{opacity:.5;pointer-events:none}.confidence-track-container{position:relative;padding:.75rem 2rem}.confidence-arrows{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.confidence-arrow{font-size:1.5rem;color:var(--arrow-color, #ccc);-webkit-user-select:none;user-select:none}.confidence-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,#ddd,#ddd);border-radius:3px;outline:none;cursor:pointer;position:relative;z-index:2}.confidence-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--secondary, #8bc34a);border-radius:50%;cursor:grab;box-shadow:0 2px 4px #0003;transition:transform .15s ease}.confidence-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.confidence-input::-moz-range-thumb{width:20px;height:20px;background:var(--secondary, #8bc34a);border-radius:50%;cursor:grab;border:none;box-shadow:0 2px 4px #0003}.confidence-labels{display:flex;justify-content:space-between;padding:0 .25rem;margin-top:.5rem}.confidence-label{font-size:.7rem;color:var(--text-secondary, #666);max-width:90px}.confidence-label--min{text-align:left}.confidence-label--max{text-align:right;color:#27ae60}@media(prefers-color-scheme:dark){.confidence-input{background:linear-gradient(to right,#444,#444)}.confidence-arrow{color:#555}.confidence-label{color:#888}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.delete-modal{background:#1e1e1e;border-radius:16px;padding:2rem;max-width:450px;width:100%;border:2px solid #ef4444;box-shadow:0 8px 32px #00000080}.delete-modal-icon{display:flex;justify-content:center;margin-bottom:1rem}.delete-modal-icon svg{width:48px;height:48px;color:#ef4444}.delete-modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-align:center}.delete-modal-message{font-size:.9rem;color:#888;margin:0 0 1.5rem;text-align:center;line-height:1.5}.delete-modal-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.delete-modal-warning-title{font-size:.85rem;font-weight:600;color:#ef4444;margin:0 0 .5rem}.delete-modal-warning-list{margin:0;padding-left:1.25rem;color:#ccc;font-size:.85rem}.delete-modal-warning-list li{margin-bottom:.25rem}.delete-modal-confirmation{margin-bottom:1.5rem}.delete-modal-confirmation-label{display:block;font-size:.85rem;color:#888;margin-bottom:.5rem}.delete-modal-confirmation-label code{background:#333;padding:.125rem .375rem;border-radius:4px;color:#ef4444;font-family:monospace}.delete-modal-confirmation-input{width:100%;padding:.75rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:.9rem;transition:border-color .2s ease}.delete-modal-confirmation-input:focus{outline:none;border-color:#ef4444}.delete-modal-confirmation-input::placeholder{color:#666}.delete-modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:#ef4444;font-size:.875rem}.delete-modal-actions{display:flex;gap:1rem}.delete-modal-btn{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.delete-modal-btn.cancel{background:#333;color:#fff}.delete-modal-btn.cancel:hover{background:#444}.delete-modal-btn.danger{background:#ef4444;color:#fff}.delete-modal-btn.danger:hover:not(:disabled){background:#dc2626}.delete-modal-btn.danger:disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed}.delete-modal-btn.loading{opacity:.7;cursor:wait}.delete-modal-success{text-align:center}.delete-modal-success-icon{display:flex;justify-content:center;margin-bottom:1rem}.delete-modal-success-icon svg{width:48px;height:48px;color:#22c55e}.delete-modal-success-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.delete-modal-success-message{font-size:.9rem;color:#888;margin:0 0 1.5rem;line-height:1.5}.delete-modal-stats{background:#2a2a2a;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.delete-modal-stat{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.875rem}.delete-modal-stat-label{color:#888}.delete-modal-stat-value{color:#fff;font-weight:500}@media(max-width:480px){.delete-modal{padding:1.5rem;margin:1rem}.delete-modal-actions{flex-direction:column-reverse}.delete-modal-btn{width:100%}}.subscription-manager{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;color:var(--text-secondary, #a0a0a0)}.subscription-spinner{width:32px;height:32px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:subscription-spin .8s linear infinite}@keyframes subscription-spin{to{transform:rotate(360deg)}}.subscription-current-plan{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.subscription-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600}.subscription-badge-free{background:var(--hover-bg, #333);color:var(--text-secondary, #a0a0a0)}.subscription-badge-basic{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.subscription-badge-canceled{background:#ef444420;color:#ef4444}.subscription-badge-warning{background:#f59e0b20;color:#f59e0b}.subscription-badge-premium{background:linear-gradient(135deg,gold,#ffb347);color:#1a1a1a;font-weight:700}.subscription-premium{text-align:center}.subscription-premium .subscription-badge-premium{font-size:1rem;padding:.5rem 1.25rem}.premium-welcome{font-size:1.125rem;color:var(--text-primary, #ffffff);margin:1rem 0}.subscription-premium-benefits{background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1.25rem;margin:1.5rem 0;text-align:left}.subscription-premium-benefits h4{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a0a0a0);margin-bottom:.75rem}.subscription-premium-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.subscription-premium-benefits li{font-size:.9375rem;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:.5rem}.subscription-premium .subscription-details{text-align:left}.subscription-upgrade-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin-top:1rem}.subscription-upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subscription-upgrade-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.subscription-price{display:flex;align-items:baseline;gap:.25rem}.price-amount{font-size:2rem;font-weight:700;color:var(--accent-color, #6366f1)}.price-interval{font-size:1rem;color:var(--text-secondary, #a0a0a0)}.subscription-benefits{margin-bottom:1.5rem}.subscription-benefits h4{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a0a0a0);margin-bottom:.75rem}.subscription-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.subscription-benefits li{font-size:.9375rem;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:.5rem}.subscription-details{margin-top:1rem}.subscription-next-billing{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;margin-bottom:1rem}.subscription-next-billing strong{color:var(--text-primary, #ffffff)}.subscription-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.subscription-warning p{color:var(--text-primary, #ffffff);font-size:.9375rem;margin:0}.subscription-warning p+p{margin-top:.5rem}.subscription-days-remaining{color:#ef4444!important;font-weight:600}.subscription-past-due .subscription-warning{background:#f59e0b1a;border-color:#f59e0b4d}.subscription-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.subscription-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.subscription-btn:disabled{opacity:.6;cursor:not-allowed}.subscription-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.subscription-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.subscription-btn-secondary{background:var(--hover-bg, #333);color:var(--text-primary, #ffffff)}.subscription-btn-secondary:hover:not(:disabled){background:var(--border-color, #444)}.subscription-btn-danger{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.subscription-btn-danger:hover:not(:disabled){background:#ef44441a}.subscription-btn-full{width:100%}.subscription-payment-form{margin-top:1.5rem}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subscription-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.subscription-header .subscription-price{font-size:1.125rem;font-weight:600;color:var(--accent-color, #6366f1)}.payment-element-container{background:var(--hover-bg, #1a1a1a);border-radius:8px;padding:1rem;margin-bottom:1rem}.subscription-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.subscription-form-actions .subscription-btn{flex:1}@media(max-width:480px){.subscription-upgrade-header{flex-direction:column;align-items:flex-start;gap:.5rem}.subscription-form-actions{flex-direction:column}.subscription-form-actions .subscription-btn{width:100%}}.home{text-align:center;padding:2rem;max-width:800px;margin:0 auto}.hero{margin-bottom:3rem}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:#888;font-size:1.2rem;line-height:1.6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#646cff66}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary, #fff)}.feature-card p{font-size:.9rem;color:#888;line-height:1.5}.cta-button{display:inline-block;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:scale(1.05);box-shadow:0 8px 24px #646cff66}.cta-row{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.cta-secondary{background:transparent;border:2px solid rgba(100,108,255,.5);color:#a5a9ff}.cta-secondary:hover{border-color:#646cff;background:#646cff1a;box-shadow:0 8px 24px #646cff26}.about{max-width:800px;margin:0 auto;padding:2rem;text-align:left}.about h1{color:#646cff;margin-bottom:2rem;text-align:center}.about-section{margin-bottom:2.5rem}.about-section h2{color:#fff;font-size:1.3rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(100,108,255,.25)}.about-section p{font-size:1rem;line-height:1.7;color:#ccc;margin-bottom:.75rem}.about-list{list-style:none;padding:0;margin:.75rem 0}.about-list li{padding:.5rem 0 .5rem 1.25rem;position:relative;color:#ccc;line-height:1.6}.about-list li:before{content:"→";position:absolute;left:0;color:#646cff}.about-list strong{color:#a5a9ff}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.about-column{background:#ffffff0a;border-radius:10px;padding:1.25rem;border:1px solid rgba(255,255,255,.08)}.about-column h3{font-size:1.05rem;margin-bottom:.75rem}.about-column-is h3{color:#6bcf8a}.about-column-isnt h3{color:#e06c6c}.about-column-is .about-list li:before{content:"✓";color:#6bcf8a}.about-column-isnt .about-list li:before{content:"✗";color:#e06c6c}.about-disclaimer{background:#ffc8320f;border:1px solid rgba(255,200,50,.15);border-radius:10px;padding:1.5rem}.about-disclaimer h2{color:#e8c547;border-bottom-color:#e8c54740}.about-disclaimer p{font-size:.95rem;color:#b0a880}@media(max-width:600px){.about-columns{grid-template-columns:1fr}}.settings-page{padding:1.5rem;max-width:600px;margin:0 auto;padding-bottom:100px}.settings-header{margin-bottom:1.5rem}.settings-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--card-bg, #2a2a2a);border-radius:12px;overflow:hidden}.settings-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1rem .5rem}.settings-item,.settings-link-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color, #333)}.settings-item:last-child,.settings-link-item:last-child{border-bottom:none}.settings-link-item{width:100%;background:none;border:none;border-bottom:1px solid var(--border-color, #333);cursor:pointer;text-align:left;transition:background-color .2s ease}.settings-link-item:hover{background:var(--hover-bg, #333)}.settings-item-info{display:flex;align-items:center;gap:.875rem}.settings-item-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg, #333);border-radius:10px}.settings-item-info h3{font-size:1rem;font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:.125rem}.settings-item-info p{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.settings-select{padding:.5rem 1rem;font-size:.9rem;background:var(--hover-bg, #333);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #444);border-radius:8px;cursor:pointer}.settings-select:focus{outline:none;border-color:var(--primary, #4a90d9)}.settings-toggle{position:relative;display:inline-block;width:50px;height:28px}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color, #444);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-toggle input:checked+.toggle-slider{background-color:var(--primary, #4a90d9)}.settings-toggle input:checked+.toggle-slider:before{transform:translate(22px)}.settings-toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-toggle-loading .toggle-slider{opacity:.5}.settings-arrow{font-size:1.5rem;color:var(--text-secondary, #a0a0a0)}.settings-edit-group{display:flex;gap:.5rem;align-items:center}.settings-input{padding:.5rem .75rem;font-size:.9rem;background:var(--hover-bg, #333);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #444);border-radius:6px;width:150px}.settings-input:focus{outline:none;border-color:var(--primary, #4a90d9)}.settings-save-btn,.settings-cancel-btn{padding:.5rem .875rem;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.settings-save-btn{background:var(--primary, #4a90d9);color:#fff;border:none}.settings-save-btn:hover:not(:disabled){background:#3a7fbf}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-cancel-btn{background:transparent;color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #444)}.settings-cancel-btn:hover:not(:disabled){background:var(--hover-bg, #333)}.settings-edit-btn{padding:.5rem .875rem;font-size:.875rem;background:var(--hover-bg, #333);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #444);border-radius:6px;cursor:pointer;transition:all .2s ease;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-edit-btn:hover{background:var(--border-color, #444);border-color:var(--primary, #4a90d9)}.settings-danger .settings-item-info h3{color:#ef4444}.settings-danger .settings-item-icon{background:#ef444426}.settings-section-membership{padding:0;overflow:visible}.settings-section-membership .settings-section-title{padding:1rem 1rem .5rem}.settings-section-membership .subscription-manager{border-radius:0 0 12px 12px}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found h1{font-size:6rem;color:#646cff;margin:0}.not-found p{font-size:1.5rem;color:#888;margin:1rem 0}.home-link{margin-top:1rem;padding:.75rem 1.5rem;background-color:#646cff;color:#fff;text-decoration:none;border-radius:8px;transition:background-color .2s}.home-link:hover{background-color:#535bf2}.login-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.login-container{width:100%;max-width:420px;background:#ffffff0d;border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.1)}.login-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{text-align:center;color:#888;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group label{font-size:.9rem;font-weight:500;color:#ccc}.login-form .form-group input{padding:.875rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0003;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.forgot-password-link{display:inline-block;margin-top:.5rem;font-size:.875rem;color:#646cff;text-decoration:none}.forgot-password-link:hover{text-decoration:underline;color:#9b6bff}.login-form .form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.login-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.login-form .form-group input[aria-invalid=true]{border-color:#ef4444}.login-form .field-error{color:#ef4444;font-size:.8rem}.login-form .error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1rem;border-radius:8px;font-size:.9rem}.login-form .submit-button{margin-top:.5rem;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;transition:transform .2s,box-shadow .2s,opacity .2s}.login-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.login-form .submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.register-prompt{text-align:center;margin-top:1.5rem;color:#888;font-size:.9rem}.register-prompt a{color:#646cff;text-decoration:none;font-weight:500}.register-prompt a:hover{text-decoration:underline}.register-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.register-container{width:100%;max-width:420px;background:#ffffff0d;border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.1)}.register-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-subtitle{text-align:center;color:#888;margin-bottom:2rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#ccc}.form-group input{padding:.875rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0003;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input[aria-invalid=true]{border-color:#ef4444}.field-error{color:#ef4444;font-size:.8rem}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1rem;border-radius:8px;font-size:.9rem}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;color:#888;transition:color .2s;display:flex;align-items:center;justify-content:center}.password-toggle:hover:not(:disabled){color:#ccc}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:width .3s,background-color .3s}.strength-label{font-size:.75rem;font-weight:600;text-transform:uppercase;min-width:60px}.password-requirements{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}.password-requirements li{font-size:.75rem;color:#666;display:flex;align-items:center;gap:.25rem}.password-requirements li:before{content:"○";font-size:.6rem}.password-requirements li.met{color:#22c55e}.password-requirements li.met:before{content:"●"}.submit-button{margin-top:.5rem;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;transition:transform .2s,box-shadow .2s,opacity .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.oauth-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.oauth-button:disabled{opacity:.5;cursor:not-allowed}.oauth-button svg{flex-shrink:0}.oauth-button.google:hover:not(:disabled){border-color:#4285f480}.oauth-button.apple:hover:not(:disabled){border-color:#fff6}.oauth-button.microsoft:hover:not(:disabled){border-color:#00a4ef80}.divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff26}.divider span{color:#666;font-size:.85rem;white-space:nowrap}.forgot-password-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.forgot-password-container{width:100%;max-width:420px;background:#ffffff0d;border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.1)}.forgot-password-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forgot-password-subtitle{text-align:center;color:#888;margin-bottom:2rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.25rem}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-form .form-group label{font-size:.9rem;font-weight:500;color:#ccc}.forgot-password-form .form-group input{padding:.875rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0003;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.forgot-password-form .form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.forgot-password-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.forgot-password-form .form-group input[aria-invalid=true]{border-color:#ef4444}.forgot-password-form .field-error{color:#ef4444;font-size:.8rem}.forgot-password-form .error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1rem;border-radius:8px;font-size:.9rem}.forgot-password-form .submit-button{margin-top:.5rem;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;transition:transform .2s,box-shadow .2s,opacity .2s}.forgot-password-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.forgot-password-form .submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-prompt{text-align:center;margin-top:1.5rem;color:#888;font-size:.9rem}.login-prompt a{color:#646cff;text-decoration:none;font-weight:500}.login-prompt a:hover{text-decoration:underline}.forgot-password-success{display:flex;flex-direction:column;align-items:center;text-align:center}.forgot-password-success .success-icon{font-size:3rem;margin-bottom:1rem}.forgot-password-success h1{margin-bottom:1rem}.forgot-password-success p{color:#ccc;margin-bottom:.5rem;line-height:1.5}.forgot-password-success .expires-note{color:#888;font-size:.9rem}.forgot-password-success .spam-note{color:#666;font-size:.85rem;margin-top:1rem}.back-to-login-btn{margin-top:1.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}.back-to-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.reset-password-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.reset-password-container{width:100%;max-width:420px;background:#ffffff0d;border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.1)}.reset-password-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reset-password-subtitle{text-align:center;color:#888;margin-bottom:2rem}.reset-password-form{display:flex;flex-direction:column;gap:1.25rem}.reset-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.reset-password-form .form-group label{font-size:.9rem;font-weight:500;color:#ccc}.reset-password-form .form-group input{padding:.875rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0003;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.reset-password-form .password-input-wrapper{position:relative}.reset-password-form .password-input-wrapper input{width:100%;padding-right:3rem}.reset-password-form .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;color:#888;transition:color .2s;display:flex;align-items:center;justify-content:center}.reset-password-form .password-toggle:hover:not(:disabled){color:#ccc}.reset-password-form .password-toggle:disabled{cursor:not-allowed;opacity:.5}.reset-password-form .form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.reset-password-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.reset-password-form .form-group input[aria-invalid=true]{border-color:#ef4444}.reset-password-form .field-error{color:#ef4444;font-size:.8rem}.reset-password-form .error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1rem;border-radius:8px;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.reset-password-form .error-link{color:#646cff;text-decoration:underline;font-weight:500}.reset-password-form .error-link:hover{color:#9b6bff}.password-requirements{display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;margin-top:-.5rem}.password-requirements span{font-size:.85rem;color:#888;transition:color .2s}.password-requirements span.met{color:#22c55e}.reset-password-form .submit-button{margin-top:.5rem;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;transition:transform .2s,box-shadow .2s,opacity .2s}.reset-password-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.reset-password-form .submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-password-page .login-prompt{text-align:center;margin-top:1.5rem;color:#888;font-size:.9rem}.reset-password-page .login-prompt a{color:#646cff;text-decoration:none;font-weight:500}.reset-password-page .login-prompt a:hover{text-decoration:underline}.reset-password-success{display:flex;flex-direction:column;align-items:center;text-align:center}.reset-password-success .success-icon{font-size:3rem;margin-bottom:1rem}.reset-password-success h1{margin-bottom:1rem}.reset-password-success p{color:#ccc;margin-bottom:1.5rem;line-height:1.5}.go-to-login-btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}.go-to-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.auth-callback-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.auth-callback-container{width:100%;max-width:400px;background:#ffffff0d;border-radius:16px;padding:3rem 2.5rem;border:1px solid rgba(255,255,255,.1);text-align:center}.auth-callback-container h2{font-size:1.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,#646cff,#9b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-callback-container p{color:#888;margin-bottom:0}.loading-spinner{width:48px;height:48px;border:4px solid rgba(100,108,255,.2);border-top-color:#646cff;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.auth-callback-container.error{border-color:#ef44444d}.auth-callback-container.error h2{background:linear-gradient(135deg,#ef4444,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-icon{font-size:3rem;margin-bottom:1rem}.error-message{color:#ef4444;margin-bottom:1.5rem!important}.retry-button{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;transition:transform .2s,box-shadow .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #646cff66}.insights-page{padding:1.5rem;max-width:600px;margin:0 auto;padding-bottom:100px}.insights-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:1rem}.insights-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.tokens-icon{font-size:1rem}.tokens-value{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff)}.overall-progress-section{margin-bottom:2rem}.progress-bar-container{width:100%;height:20px;background:linear-gradient(90deg,var(--card-bg, #2a2a2a) 0%,var(--card-bg, #2a2a2a) 100%);border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:repeating-linear-gradient(-45deg,#4a9eff,#4a9eff 10px,#3a8eef 10px,#3a8eef 20px);border-radius:10px;transition:width .5s ease;animation:stripes 1s linear infinite}@keyframes stripes{0%{background-position:0 0}to{background-position:28px 0}}.progress-label{text-align:center;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.insights-content{display:flex;flex-direction:column;gap:1.5rem}.insights-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.card-title-centered{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);text-align:center;margin-bottom:1.5rem}.info-btn{width:24px;height:24px;border-radius:50%;background:transparent;border:2px solid var(--text-secondary, #a0a0a0);color:var(--text-secondary, #a0a0a0);font-size:1rem;cursor:pointer;font-style:italic;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.info-btn:hover{color:var(--text-primary, #ffffff);border-color:var(--text-primary, #ffffff);background:#ffffff1a}.insights-card{position:relative}.insights-card .info-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.insights-info-popup{position:absolute;top:3.25rem;left:1.25rem;right:1.25rem;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #0000004d;z-index:30}.insights-info-popup p{margin:0;font-size:.9rem;color:var(--text-primary, #e0e0e0);line-height:1.4}.insights-info-close{position:absolute;top:.25rem;right:.25rem;background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px 8px;font-size:.9rem;border-radius:4px}.insights-info-close:hover{color:var(--text-primary, #e0e0e0)}.card-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.loading-state{padding:2rem}.loading-spinner.large{width:60px;height:60px;border-width:4px}.generating-card .loading-state{min-height:150px}.generating-text{font-size:1.1rem;font-weight:600;color:var(--text-primary, #ffffff);margin-top:1rem;margin-bottom:.5rem}.generating-subtext{font-size:.875rem;color:var(--text-secondary, #a0a0a0);margin:0}.empty-state{text-align:center;padding:1rem}.empty-message{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;line-height:1.5;margin-bottom:.5rem}.empty-message .help-text{display:block;font-size:.8125rem;color:var(--text-muted, #888);margin-top:.25rem;font-style:italic}.quiz-count{color:var(--accent-color, #4caf50);font-weight:600}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:linear-gradient(180deg,#9cd35a,#8bc34a);transform:translateY(-1px)}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.btn-icon{font-size:1.125rem}.synthesis-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0 auto}.synthesis-action-btn.generate{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff;border:none}.synthesis-action-btn.generate:hover:not(:disabled){background:linear-gradient(180deg,#9cd35a,#8bc34a);transform:translateY(-1px)}.synthesis-action-btn.generate:disabled{opacity:.7;cursor:not-allowed}.synthesis-action-btn.read{background:transparent;color:#8bc34a;border:2px solid #8bc34a}.synthesis-action-btn.read:hover{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff}.synthesis-meta-info{font-size:.8125rem;color:var(--text-secondary, #a0a0a0);text-align:center;margin-bottom:1rem}.synthesis-actions{display:flex;align-items:center;justify-content:center;gap:.75rem}.synthesis-action-btn.read{background:transparent;color:var(--accent-color, #4caf50);border:2px solid var(--accent-color, #4caf50);width:320px;max-width:100%;display:block;margin:0 auto}.synthesis-regenerate-btn-full{width:320px;max-width:100%;padding:.875rem 1.25rem;border-radius:8px;background:transparent;border:2px solid var(--border-color, #444);color:var(--text-secondary, #666);font-size:.9375rem;font-weight:500;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;opacity:.5;margin:1rem auto 0}.synthesis-regenerate-btn-full.has-new-data{border-color:var(--accent-color, #4caf50);color:var(--accent-color, #4caf50);cursor:pointer;opacity:1}.synthesis-regenerate-btn-full.has-new-data:hover:not(:disabled){background:var(--accent-color, #4caf50);color:#fff}.synthesis-regenerate-btn-full:disabled{cursor:not-allowed}.regenerate-hint{font-size:.75rem;color:var(--text-secondary, #666);text-align:center;margin-top:.75rem}.error-message{color:#ff6b6b;font-size:.875rem;text-align:center}.meta-result{width:100%}.executive-summary{font-size:.9375rem;line-height:1.6;color:var(--text-primary, #ffffff);margin-bottom:1rem}.behavioral-patterns{margin-top:1rem}.behavioral-patterns h4{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a0a0a0);margin-bottom:.5rem}.behavioral-patterns ul{list-style:none;padding:0;margin:0}.behavioral-patterns li{position:relative;padding-left:1rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-primary, #ffffff);line-height:1.4}.behavioral-patterns li:before{content:"•";position:absolute;left:0;color:var(--accent-color, #4caf50)}.read-synthesis-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:transparent;color:var(--accent-color, #4caf50);border:2px solid var(--accent-color, #4caf50);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.read-synthesis-btn:hover:not(:disabled){background:var(--accent-color, #4caf50);color:#fff}.read-synthesis-btn:disabled{opacity:.5;cursor:not-allowed}.regenerate-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--border-color, #333);color:var(--text-secondary, #a0a0a0);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.regenerate-btn:hover:not(:disabled){border-color:var(--text-primary, #ffffff);color:var(--text-primary, #ffffff)}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{font-size:1.25rem;display:inline-block}.locked-card{position:relative}.locked-card .card-content{opacity:.3;pointer-events:none}.lock-icon{position:absolute;top:1rem;left:1rem;font-size:1.5rem;z-index:1}.locked-overlay{position:absolute;bottom:1rem;left:0;right:0;text-align:center;z-index:2}.locked-overlay p{color:var(--text-secondary, #a0a0a0);font-size:.875rem;font-weight:500}.analytics-card .card-content{padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.analytics-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.analytics-placeholder p{font-size:.95rem;color:var(--text-secondary, #a0a0a0);margin:0}.analytics-icon{font-size:2.5rem}.community-btn{width:100%;max-width:280px;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.community-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.community-btn:active{transform:translateY(0)}.premium-locked-message{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:8px;width:100%;max-width:280px}.premium-locked-message .locked-text{margin:0;font-size:.9rem;color:var(--text-secondary, #a0a0a0)}.premium-locked-message .upgrade-btn{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a1a;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.premium-locked-message .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.premium-locked-message .upgrade-btn:active{transform:translateY(0)}.has-content .card-content{align-items:stretch}.advanced-analysis-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;border:1px solid transparent;background-clip:padding-box}.advanced-analysis-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4af37,#f4d03f,#d4af37)}.advanced-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.advanced-title-row{display:flex;align-items:center;gap:.75rem}.advanced-card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.premium-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37);color:#1a1a1a;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.advanced-card-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.advanced-generating-state{padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:180px}.advanced-loading-spinner{width:60px;height:60px;border:4px solid var(--border-color, #333);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}.advanced-generating-text{font-size:1.1rem;font-weight:600;color:var(--text-primary, #ffffff);margin-top:1rem;margin-bottom:.5rem}.reasoning-subtext{font-size:.875rem;color:#d4af37;margin:0;text-align:center;font-style:italic}.advanced-locked-state{text-align:center;padding:1rem}.advanced-locked-message{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;line-height:1.5;margin-bottom:.5rem}.advanced-locked-count{color:#d4af37;font-weight:600}.advanced-description{font-size:.875rem;color:var(--text-secondary, #a0a0a0);text-align:center;line-height:1.5;margin-bottom:.5rem}.advanced-generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a1a;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0 auto}.advanced-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.advanced-generate-btn:disabled{opacity:.7;cursor:not-allowed}.advanced-read-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#d4af37;border:2px solid #d4af37;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:320px;max-width:100%;margin:0 auto}.advanced-read-btn:hover{background:#d4af37;color:#1a1a1a}.advanced-regenerate-btn{width:320px;max-width:100%;padding:.875rem 1.25rem;border-radius:8px;background:transparent;border:2px solid var(--border-color, #444);color:var(--text-secondary, #666);font-size:.9375rem;font-weight:500;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;opacity:.5;margin:1rem auto 0}.advanced-regenerate-btn.has-new-data{border-color:#d4af37;color:#d4af37;cursor:pointer;opacity:1}.advanced-regenerate-btn.has-new-data:hover:not(:disabled){background:#d4af37;color:#1a1a1a}.advanced-regenerate-btn:disabled{cursor:not-allowed}.advanced-meta-info{font-size:.8125rem;color:var(--text-secondary, #a0a0a0);text-align:center;margin-bottom:1rem}.advanced-meta-info .model-used{color:#d4af37;font-weight:500}.staleness-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.staleness-modal{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.75rem;max-width:420px;width:100%;box-shadow:0 8px 32px #0006}.staleness-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.staleness-icon{font-size:1.5rem}.staleness-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.staleness-message{font-size:.9375rem;line-height:1.6;color:var(--text-secondary, #a0a0a0);margin:0 0 1.5rem}.staleness-message strong{color:#f59e0b}.staleness-actions{display:flex;flex-direction:column;gap:.75rem}.staleness-btn{padding:.75rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-align:center}.staleness-btn-primary{background:var(--primary, #646cff);color:#fff}.staleness-btn-primary:hover:not(:disabled){background:#535bf2}.staleness-btn-primary:disabled{opacity:.6;cursor:not-allowed}.staleness-btn-secondary{background:transparent;color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #444)}.staleness-btn-secondary:hover{background:#ffffff0d;color:var(--text-primary, #ffffff)}.synthesis-view-page{padding:1.5rem;max-width:600px;margin:0 auto;padding-bottom:100px}.synthesis-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.synthesis-title-group{flex:1}.synthesis-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.analysis-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.analysis-type-badge.advanced{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.synthesis-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 .5rem}.synthesis-header .back-btn{background:none;border:none;color:var(--text-primary, #e0e0e0);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s;flex-shrink:0}.synthesis-header .back-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05))}.synthesis-meta{position:relative}.synthesis-date-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.synthesis-date-button:hover{background:#ffffff1a}.synthesis-date{font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.dropdown-arrow{font-size:.625rem;color:var(--text-secondary, #a0a0a0);transition:transform .2s ease}.synthesis-history-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:100;animation:dropdownSlide .15s ease-out;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.history-header{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.history-list{list-style:none;margin:0;padding:0;max-height:250px;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary, #ffffff);font-size:.875rem;cursor:pointer;transition:background-color .2s ease;text-align:left}.history-item:hover:not(:disabled){background-color:#ffffff0d}.history-item:disabled{cursor:default}.history-item-current{background-color:#646cff1a}.history-gen{font-size:.75rem;color:var(--text-secondary, #a0a0a0);margin-left:.5rem}.history-current-badge{font-size:.625rem;font-weight:600;color:#fff;background-color:#646cff;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;margin-left:.5rem}.synthesis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.synthesis-loading p{color:var(--text-secondary, #a0a0a0)}.synthesis-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.synthesis-error p{color:#ff6b6b}.retry-btn{padding:.75rem 1.5rem;background:var(--accent-color, #4caf50);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.retry-btn:hover{background:var(--accent-hover, #45a049)}.synthesis-content{display:flex;flex-direction:column;gap:2rem}.error-message{color:#ff6b6b;font-size:.875rem;text-align:center;padding:.75rem;background:#ff6b6b1a;border-radius:8px}.synthesis-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.synthesis-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #333)}.executive-summary{font-size:1rem;line-height:1.7;color:var(--text-primary, #ffffff)}.personality-dimensions{display:flex;flex-direction:column;gap:1.25rem}.dimension-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1rem}.dimension-card h3{font-size:.9375rem;font-weight:600;color:var(--accent-color, #4caf50);margin-bottom:.75rem;text-transform:capitalize}.dimension-score{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.score-bar{flex:1;height:8px;background:var(--border-color, #333);border-radius:4px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .5s ease}.score-value{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a0a0a0);min-width:3rem}.dimension-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);margin:0}.patterns-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.pattern-item{position:relative;padding:.875rem 1rem .875rem 1.5rem;background:var(--bg-secondary, #1a1a1a);border-radius:8px;font-size:.9375rem;line-height:1.5;color:var(--text-primary, #ffffff)}.pattern-item:before{content:"•";position:absolute;left:.75rem;color:var(--accent-color, #4caf50);font-weight:700}.pattern-item strong{color:var(--accent-color, #4caf50)}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.recommendations-list li{position:relative;padding-left:1.5rem;font-size:.9375rem;line-height:1.5;color:var(--text-primary, #ffffff)}.recommendations-list li:before{content:"→";position:absolute;left:0;color:var(--accent-color, #4caf50)}.compatibility-notes{font-size:1rem;line-height:1.7;color:var(--text-primary, #ffffff);font-style:italic;padding:1rem;background:#646cff1a;border-left:3px solid #646cff;border-radius:0 8px 8px 0}.patterns-grid{display:flex;flex-direction:column;gap:1rem}.pattern-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1rem}.pattern-card.pattern-simple{padding:.875rem 1rem}.pattern-card.pattern-simple p{margin:0;color:var(--text-primary, #ffffff)}.pattern-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.pattern-card h4{font-size:.9375rem;font-weight:600;color:var(--accent-color, #4caf50);margin:0}.confidence-badge{font-size:.75rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.pattern-description{font-size:.875rem;line-height:1.5;color:var(--text-primary, #ffffff);margin:0 0 .75rem}.pattern-evidence{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.evidence-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.pattern-evidence ul{list-style:none;margin:0;padding:0}.pattern-evidence li{position:relative;padding-left:1rem;font-size:.8125rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);margin-bottom:.25rem}.pattern-evidence li:before{content:'"';position:absolute;left:0;color:var(--accent-color, #4caf50);font-weight:700}.growth-areas-container{display:flex;flex-direction:column;gap:1.25rem}.growth-area-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1.25rem;border-left:3px solid #f59e0b}.growth-area-card.growth-area-simple{padding:.875rem 1rem;border-left-color:var(--accent-color, #4caf50)}.growth-area-card.growth-area-simple p{margin:0;color:var(--text-primary, #ffffff)}.growth-area-card h4{font-size:1rem;font-weight:600;color:#f59e0b;margin:0 0 1rem}.growth-current,.growth-potential,.growth-actions{margin-bottom:.75rem}.growth-current:last-child,.growth-potential:last-child,.growth-actions:last-child{margin-bottom:0}.growth-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.growth-current p,.growth-potential p{font-size:.875rem;line-height:1.5;color:var(--text-primary, #ffffff);margin:0}.growth-actions ul{list-style:none;margin:0;padding:0}.growth-actions li{position:relative;padding-left:1.25rem;font-size:.875rem;line-height:1.5;color:var(--text-primary, #ffffff);margin-bottom:.25rem}.growth-actions li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.dimension-strengths,.dimension-growth{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.dimension-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.dimension-strengths ul,.dimension-growth ul{list-style:none;margin:0;padding:0}.dimension-strengths li,.dimension-growth li{position:relative;padding-left:1rem;font-size:.8125rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);margin-bottom:.25rem}.dimension-strengths li:before{content:"+";position:absolute;left:0;color:#4caf50;font-weight:700}.dimension-growth li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:700}.synthesis-meta{text-align:center;padding:1rem 0}.meta-info{font-size:.8125rem;color:var(--text-secondary, #a0a0a0)}.regenerate-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--card-bg, #2a2a2a);border-radius:12px}.regenerate-synthesis-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;color:var(--text-secondary, #a0a0a0);border:2px solid var(--border-color, #333);border-radius:8px;font-size:1rem;font-weight:500;cursor:not-allowed;opacity:.6;transition:all .2s ease}.regenerate-synthesis-btn.has-new-data{color:var(--accent-color, #4caf50);border-color:var(--accent-color, #4caf50);cursor:pointer;opacity:1}.regenerate-synthesis-btn.has-new-data:hover:not(:disabled){background:var(--accent-color, #4caf50);color:#fff}.regenerate-synthesis-btn:disabled{cursor:not-allowed}.refresh-icon{font-size:1.125rem}.regenerate-hint{font-size:.8125rem;color:var(--text-secondary, #a0a0a0);text-align:center;margin:0}.key-takeaways-section{border:1px solid rgba(100,108,255,.2);background:#646cff0d;border-radius:12px}.key-takeaways-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.key-takeaway-item{position:relative;padding-left:1.5rem;font-size:.9375rem;line-height:1.6;color:var(--text-primary, #ffffff)}.key-takeaway-item:before{content:"★";position:absolute;left:0;color:var(--primary, #646cff);font-size:.875rem}.merged-patterns-grid{display:flex;flex-direction:column;gap:1rem}.merged-pattern-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1rem;border-left:3px solid #666}.merged-pattern-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.domain-badge{font-size:.7rem;font-weight:600;color:#fff;padding:.2rem .625rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.merged-pattern-text{font-size:.875rem;line-height:1.6;color:var(--text-primary, #ffffff);margin:0 0 .75rem}.merged-pattern-sources{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.source-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem}.source-tag{font-size:.7rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:#ffffff14;padding:.15rem .5rem;border-radius:4px}.meta-confidence-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#646cff1a;border:1px solid rgba(100,108,255,.25);border-radius:8px;margin-bottom:1.25rem}.meta-confidence-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em}.meta-confidence-value{font-size:1.125rem;font-weight:700;color:var(--primary, #646cff)}.cross-pattern-grid{display:flex;flex-direction:column;gap:1rem}.cross-pattern-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1.25rem;border-left:3px solid #9c27b0}.cross-pattern-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.cross-pattern-tags{display:flex;flex-wrap:wrap;gap:.375rem}.pattern-tag{font-size:.7rem;font-weight:500;color:#ce93d8;background:#9c27b026;padding:.2rem .5rem;border-radius:4px}.cross-pattern-insight{font-size:.9375rem;line-height:1.6;color:var(--text-primary, #ffffff);margin:0 0 .75rem}.cross-pattern-mechanism{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.mechanism-label{font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.cross-pattern-mechanism p{font-size:.8125rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);margin:0;font-style:italic}.developmental-trajectory{font-size:.9375rem;line-height:1.7;color:var(--text-primary, #ffffff)}.blind-spots-section{border:1px solid rgba(245,158,11,.2);background:#f59e0b08;border-radius:12px}.blind-spots-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.blind-spot-item{position:relative;padding-left:1.5rem;font-size:.9375rem;line-height:1.6;color:var(--text-primary, #ffffff)}.blind-spot-item:before{content:"•";position:absolute;left:0;color:#f59e0b;font-weight:700;font-size:1.25rem}.growth-roadmap-section{border:1px solid rgba(76,175,80,.2);background:#4caf5008;border-radius:12px}.roadmap-focus{margin-bottom:1.5rem;padding:1rem;background:#4caf5014;border-radius:8px}.roadmap-focus-label{font-size:.75rem;font-weight:600;color:#4caf50;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.375rem}.roadmap-focus-text{font-size:1rem;font-weight:500;color:var(--text-primary, #ffffff);margin:0;line-height:1.5}.roadmap-milestones h3,.roadmap-strengths h3{font-size:.9rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.milestone-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1rem;margin-bottom:.75rem;border-left:3px solid #4caf50}.milestone-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.milestone-number{font-size:.75rem;font-weight:700;color:#4caf50;background:#4caf5026;padding:.15rem .5rem;border-radius:4px;flex-shrink:0}.milestone-title{font-size:.9375rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0;flex:1}.milestone-timeframe{font-size:.75rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:#ffffff14;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.milestone-actions{list-style:none;margin:0;padding:0}.milestone-actions li{position:relative;padding-left:1.25rem;font-size:.8125rem;line-height:1.5;color:var(--text-primary, #ffffff);margin-bottom:.25rem}.milestone-actions li:before{content:"→";position:absolute;left:0;color:#4caf50;font-weight:700}.roadmap-strengths{margin-top:1.25rem}.supporting-strengths-list{list-style:none;margin:0;padding:0}.supporting-strengths-list li{position:relative;padding-left:1.25rem;font-size:.875rem;line-height:1.6;color:var(--text-primary, #ffffff);margin-bottom:.375rem}.supporting-strengths-list li:before{content:"+";position:absolute;left:0;color:#4caf50;font-weight:700}.quizzes-dashboard{padding:1.5rem;padding-bottom:100px;max-width:600px;margin:0 auto}.quizzes-header{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:1rem}.quizzes-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #333);flex:1;text-align:center}.header-spacer{width:36px}.tokens-container{position:absolute;right:0;top:50%;transform:translateY(-50%)}.tokens-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:1.5rem;cursor:pointer;transition:all .2s ease}.tokens-button:hover{background:var(--hover-bg, #333)}.token-refresh-popup{position:absolute;top:calc(100% + .5rem);right:0;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:8px;padding:.5rem .75rem;white-space:nowrap;z-index:100;box-shadow:0 4px 12px #0000004d}.token-refresh-popup p{margin:0;font-size:.875rem;color:var(--text-secondary, #999)}.tokens-icon{font-family:serif}.sort-controls{position:relative;display:flex;align-items:center}.sort-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;color:var(--text-secondary, #999);cursor:pointer;transition:all .2s ease}.sort-icon-btn:hover{border-color:var(--accent-color, #d4a84b);background-color:var(--hover-bg, #333);color:var(--text-primary, #e0e0e0)}.sort-icon-img{width:18px;height:18px;filter:invert(.6);transition:filter .2s ease}.sort-icon-btn:hover .sort-icon-img{filter:invert(.9)}.sort-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:200;min-width:160px;overflow:hidden}.sort-dropdown-section{padding:.5rem 0}.sort-dropdown-label{display:block;padding:.375rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.05em}.sort-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;color:var(--text-primary, #e0e0e0);cursor:pointer;transition:background-color .15s ease}.sort-dropdown-item:hover{background-color:var(--hover-bg, #333)}.sort-dropdown-item.active{color:var(--accent-color, #d4a84b)}.sort-checkmark{font-size:.75rem;color:var(--accent-color, #d4a84b)}.sort-dropdown-divider{height:1px;background:var(--border-color, #444);margin:0}.quizzes-progress{margin-bottom:1.5rem}.progress-label{display:block;text-align:center;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary, #666)}.quizzes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:400px){.quizzes-grid{grid-template-columns:1fr}}.tokens-value{margin-left:.25rem}.skeleton{pointer-events:none}.quiz-card.skeleton{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.skeleton-title{height:1.25rem;width:70%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-button{height:2rem;width:60%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-top:auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.error-message{color:#ff6b6b;margin-bottom:1.5rem;font-size:1rem}.retry-button{background:linear-gradient(135deg,#646cff,#9b6bff);color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#fff9}@media(prefers-color-scheme:light){.quizzes-title{color:#333}.tokens-button{color:#333;border-color:#ddd}.progress-label,.sort-label{color:#666}.sort-select{background:#f5f5f5;border-color:#ddd;color:#333;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.sort-select:hover{background-color:#eee}.quiz-card.skeleton{background:#0000000d;border-color:#0000001a}.skeleton-title,.skeleton-button{background:linear-gradient(90deg,#00000014 25%,#0000001f,#00000014 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.empty-state{color:#00000080}}@media(prefers-color-scheme:dark){.quizzes-title{color:#e0e0e0}.tokens-button{color:#e0e0e0;border-color:#444}.tokens-button:hover{background-color:#5ba3ec26}.progress-label{color:#aaa}}.quiz-taking{min-height:100vh;display:flex;flex-direction:column;padding:1rem;max-width:600px;margin:0 auto}.quiz-taking-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.quiz-taking-save-btn{background:none;border:2px solid var(--border-color, #4a90d9);color:var(--primary, #4a90d9);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;cursor:pointer;text-align:center;line-height:1.3;transition:background-color .2s ease}.quiz-taking-save-btn:hover{background-color:var(--hover-bg, rgba(74, 144, 217, .1))}.quiz-taking-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary, #333);text-align:center;flex:1}.quiz-taking-dropdown-container{position:relative}.quiz-taking-dropdown-btn{background:none;border:2px solid var(--border-color, #ddd);color:var(--text-secondary, #666);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;cursor:pointer;transition:border-color .2s ease}.quiz-taking-dropdown-btn:hover{border-color:var(--primary, #4a90d9)}.quiz-taking-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:150px;margin-top:.25rem}.quiz-taking-dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:var(--text-primary, #333);transition:background-color .2s ease}.quiz-taking-dropdown-item:hover{background-color:var(--hover-bg, #f5f5f5)}.quiz-taking-dropdown-item.active{background-color:var(--primary-light, rgba(74, 144, 217, .15));color:var(--primary, #4a90d9);font-weight:500}.quiz-taking-dropdown-item:first-child{border-radius:8px 8px 0 0}.quiz-taking-dropdown-item:last-child{border-radius:0 0 8px 8px}.quiz-taking-header-spacer{width:80px}.quiz-taking-progress{margin-bottom:1.5rem}.quiz-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.quiz-progress-text{font-size:.875rem;font-weight:600;color:var(--text-primary, #333)}.quiz-progress-answered{font-size:.75rem;color:var(--text-secondary, #666);background:var(--success-light, rgba(76, 175, 80, .15));padding:.25rem .5rem;border-radius:12px}.quiz-question-navigator{margin-top:.75rem}.quiz-navigator-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--card-bg, #f5f5f5);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.quiz-navigator-toggle:hover{background:var(--hover-bg, #eee);border-color:var(--primary, #4a90d9);color:var(--primary, #4a90d9)}.quiz-navigator-arrow{font-size:.625rem;transition:transform .2s ease}.quiz-navigator-arrow.open{transform:rotate(180deg)}.quiz-navigator-dropdown{margin-top:.5rem;background:var(--card-bg, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.quiz-navigator-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.25rem;padding:.75rem;max-height:200px;overflow-y:auto}.quiz-navigator-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.5rem .25rem;background:var(--card-bg, #f9f9f9);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.quiz-navigator-item:hover{background:var(--hover-bg, #eee)}.quiz-navigator-item.current{border-color:var(--primary, #4a90d9);background:var(--primary-light, rgba(74, 144, 217, .1))}.quiz-navigator-item.answered .quiz-navigator-item-status{color:var(--success, #4caf50);font-weight:700}.quiz-navigator-item.unanswered .quiz-navigator-item-status{color:var(--text-disabled, #bbb)}.quiz-navigator-item-number{font-size:.875rem;font-weight:600;color:var(--text-primary, #333)}.quiz-navigator-item-status{font-size:.875rem}.quiz-taking-content{flex:1;display:flex;flex-direction:column}.quiz-question-text{font-size:1.1rem;font-weight:500;color:var(--text-primary, rgba(255, 255, 255, .87));text-align:center;margin-bottom:2rem;line-height:1.5}.quiz-question-number{font-weight:600}.quiz-sliders{flex:1;display:flex;flex-direction:column;justify-content:center}.quiz-slider-section{padding:0 1rem}.quiz-skip-section{margin-top:1.5rem;padding:1rem;background:var(--card-bg, #f9f9f9);border-radius:8px;position:relative}.quiz-skip-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.quiz-skip-title{font-size:.875rem;color:var(--text-secondary, #666);margin:0;text-align:center}.quiz-skip-info-btn{background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease,background-color .2s ease}.quiz-skip-info-btn:hover{color:var(--primary, #4a90d9);background-color:#4a90d91a}.quiz-skip-info-modal{background:var(--card-bg, #2a2a2a);border-radius:16px;padding:2rem;max-width:440px;width:90%;position:relative;animation:slideUp .2s ease-out}.quiz-skip-info-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 1rem;text-align:center}.quiz-skip-info-text{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.6;margin:0 0 1rem}.quiz-skip-info-list{list-style:none;padding:0;margin:0 0 1rem}.quiz-skip-info-list li{color:var(--text-primary, #ffffff);font-size:.9rem;line-height:1.5;padding:.5rem 0;border-bottom:1px solid var(--border-color, #3a3a3a)}.quiz-skip-info-list li:last-child{border-bottom:none}.quiz-skip-info-list li strong{color:var(--primary, #4a90d9)}.quiz-skip-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer}.quiz-skip-checkbox{width:20px;height:20px;accent-color:var(--primary, #4a90d9);cursor:pointer}.quiz-skip-label{font-size:.875rem;color:var(--text-primary, #333)}.quiz-taking-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:1rem}.quiz-nav-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary, #666);font-size:.875rem;padding:.5rem;transition:color .2s ease}.quiz-nav-btn:hover:not(:disabled){color:var(--primary, #4a90d9)}.quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-nav-arrow{font-size:2rem;color:var(--arrow-color, #ccc)}.quiz-nav-btn:hover:not(:disabled) .quiz-nav-arrow{color:var(--primary, #4a90d9)}.quiz-nav-btn--back .quiz-nav-arrow{margin-right:.25rem}.quiz-nav-btn--next .quiz-nav-arrow{margin-left:.25rem}.quiz-nav-btn--finish{background:var(--primary, #4a90d9);color:#fff;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:background-color .2s ease,opacity .2s ease}.quiz-nav-btn--finish:hover:not(:disabled){background:var(--primary-dark, #357abd);color:#fff}.quiz-nav-btn--finish:disabled{opacity:.6}@media(prefers-color-scheme:light){.quiz-taking-title{color:#333}.quiz-question-text{color:#1a1a2e}.quiz-skip-section{background:#f0f0f0}.quiz-skip-title{color:#555}.quiz-skip-label{color:#333}}@media(prefers-color-scheme:dark){.quiz-taking-title{color:#e0e0e0}.quiz-question-text{color:#ffffffde}.quiz-skip-section{background:#2a2a2a}.quiz-skip-title{color:#a0a0a0}.quiz-skip-label{color:#e0e0e0}.quiz-taking-dropdown{background:#2a2a2a;border-color:#444}.quiz-taking-dropdown-item{color:#e0e0e0}.quiz-taking-dropdown-item:hover{background-color:#333}.quiz-progress-text{color:#e0e0e0}.quiz-navigator-toggle{background:#2a2a2a;border-color:#444}.quiz-navigator-toggle:hover{background:#333}.quiz-navigator-dropdown{background:#2a2a2a;border-color:#444}.quiz-navigator-item{background:#333}.quiz-navigator-item:hover{background:#3a3a3a}.quiz-navigator-item-number{color:#e0e0e0}.quiz-submit-modal{background:#2a2a2a}.quiz-submit-modal-title{color:#e0e0e0}.quiz-submit-modal-text{color:#bbb}.quiz-submit-stat-value{color:#e0e0e0}.quiz-submit-stat-label{color:#888}}.quiz-submit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-submit-modal{background:var(--card-bg, #fff);border-radius:16px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-submit-modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 .75rem;text-align:center}.quiz-submit-modal-text{font-size:.9375rem;color:var(--text-secondary, #666);text-align:center;margin:0 0 1.5rem;line-height:1.5}.quiz-submit-modal-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.quiz-submit-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.quiz-submit-stat-value{font-size:2rem;font-weight:700;color:var(--primary, #4a90d9)}.quiz-submit-stat-label{font-size:.75rem;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.quiz-submit-modal-warning{background:var(--warning-light, rgba(255, 193, 7, .15));color:var(--warning-dark, #856404);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.quiz-submit-modal-actions{display:flex;gap:.75rem}.quiz-submit-modal-btn{flex:1;padding:.875rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-submit-modal-btn--cancel{background:var(--card-bg, #f5f5f5);border:1px solid var(--border-color, #ddd);color:var(--text-secondary, #666)}.quiz-submit-modal-btn--cancel:hover{background:var(--hover-bg, #eee)}.quiz-submit-modal-btn--confirm{background:var(--primary, #4a90d9);border:none;color:#fff}.quiz-submit-modal-btn--confirm:hover{background:var(--primary-dark, #357abd)}.quiz-submit-loading{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.quiz-submit-spinner{width:60px;height:60px;border:4px solid var(--progress-track, #e0e0e0);border-top-color:var(--primary, #4a90d9);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem;position:relative;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.quiz-submit-spinner--complete{animation:none;border-color:var(--success, #4caf50);background:var(--success, #4caf50)}.quiz-submit-complete-check{color:#fff;font-size:1.75rem;font-weight:700;animation:popIn .4s ease}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.quiz-submit-loading-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 .5rem;min-height:1.5rem;transition:all .3s ease}.quiz-submit-loading-text{font-size:.875rem;color:var(--text-secondary, #666);margin:0 0 1.5rem;min-height:1.25rem;transition:all .3s ease}.quiz-submit-loading-steps{display:flex;flex-direction:column;gap:.75rem;width:100%}.quiz-submit-step{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--card-bg, #f9f9f9);border-radius:8px;font-size:.875rem;color:var(--text-disabled, #999);transition:all .3s ease;border:1px solid transparent}.quiz-submit-step.active{color:var(--text-primary, #333);background:var(--primary-light, rgba(74, 144, 217, .1));border-color:var(--primary, #4a90d9)}.quiz-submit-step.completed{color:var(--success-dark, #2e7d32);background:var(--success-light, rgba(76, 175, 80, .1));border-color:var(--success, #4caf50)}.quiz-submit-step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:700;transition:all .3s ease}.quiz-submit-step.active .quiz-submit-step-icon{background:var(--primary, #4a90d9);color:#fff;animation:pulse 1.5s ease-in-out infinite}.quiz-submit-step.completed .quiz-submit-step-icon{background:var(--success, #4caf50);color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #4a90d966}50%{transform:scale(1.05);box-shadow:0 0 0 8px #4a90d900}}.quiz-submit-error{display:flex;flex-direction:column;align-items:center;padding:1rem 0;text-align:center}.quiz-submit-error-icon{font-size:3rem;margin-bottom:1rem}.quiz-submit-error-title{font-size:1.25rem;font-weight:600;color:var(--error, #dc3545);margin:0 0 .5rem}.quiz-submit-error-text{font-size:.875rem;color:var(--text-secondary, #666);margin:0 0 1.5rem;line-height:1.5}.quiz-results{padding:1.5rem;max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.quiz-results--loading,.quiz-results--error{justify-content:center;align-items:center}.results-loading{text-align:center;padding:3rem}.loading-spinner{width:60px;height:60px;border:4px solid var(--bg-secondary, #1a1a1a);border-top-color:var(--primary, #646cff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-title{font-size:1.5rem;color:var(--text-primary, rgba(255, 255, 255, .87));margin-bottom:.5rem}.loading-subtitle{color:var(--text-secondary, #a0a0a0);font-size:1rem}.results-error{text-align:center;padding:3rem;background:var(--card-bg, #2a2a2a);border-radius:12px;box-shadow:0 2px 8px #0003;max-width:400px}.results-error h2{color:#e74c3c;margin-bottom:1rem}.results-error p{color:var(--text-secondary, #a0a0a0);margin-bottom:1.5rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.results-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #444)}.results-title{font-size:2rem;color:var(--text-primary, rgba(255, 255, 255, .87));margin-bottom:.5rem}.results-subtitle{font-size:1.125rem;color:var(--text-secondary, #a0a0a0)}.results-meta{position:relative;display:inline-block;margin-top:1rem}.results-date-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;color:var(--text-secondary, #a0a0a0);font-size:.875rem;cursor:pointer;transition:all .2s ease}.results-date-button:hover{background:#ffffff26;border-color:#ffffff4d}.dropdown-arrow{font-size:.625rem;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.results-history-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:280px;background:var(--card-bg, #2a2a2a);border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:100;overflow:hidden;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.history-header{padding:.75rem 1rem;background:#646cff1a;font-weight:600;color:var(--text-primary, rgba(255, 255, 255, .87));font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1)}.history-loading,.history-empty{padding:1rem;text-align:center;color:var(--text-secondary, #a0a0a0);font-size:.875rem}.history-list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary, rgba(255, 255, 255, .87));font-size:.875rem;cursor:pointer;transition:background .2s ease;text-align:left}.history-item:hover:not(:disabled){background:#ffffff1a}.history-item.current{background:#646cff26;cursor:default}.history-date{flex:1}.history-attempt{font-size:.75rem;color:var(--text-secondary, #a0a0a0)}.history-current-badge{font-size:.625rem;text-transform:uppercase;padding:.125rem .5rem;background:var(--primary, #646cff);color:#fff;border-radius:4px;font-weight:600}.results-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;color:var(--text-primary, rgba(255, 255, 255, .87));box-shadow:0 2px 8px #0003}.section-title{font-size:1.25rem;color:var(--text-primary, rgba(255, 255, 255, .87));margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #444)}.personality-type{font-size:3rem;font-weight:700;text-align:center;color:var(--primary, #646cff);letter-spacing:.1em;padding:1rem}.traits-list{display:flex;flex-direction:column;gap:1.25rem}.trait-item{padding-bottom:1rem}.trait-item:not(:last-child){border-bottom:1px solid var(--border-color, #444)}.trait-name{font-weight:500;color:var(--text-primary, rgba(255, 255, 255, .87));text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.trait-label-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:var(--primary-alpha, rgba(100, 108, 255, .15));color:var(--primary, #646cff);text-transform:none;white-space:nowrap}.results-demographics-note{margin-bottom:1.5rem}.demographics-note{font-size:.875rem;color:var(--text-secondary, #a0a0a0);background:var(--bg-secondary, #1a1a1a);padding:.75rem 1rem;border-radius:8px;border-left:3px solid var(--primary, #646cff);line-height:1.5}.trait-score{font-weight:600;color:var(--primary, #646cff)}.trait-bar{height:8px;background:var(--bg-secondary, #1a1a1a);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.trait-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary, #646cff),#8b8bff);border-radius:4px;transition:width .3s ease}.trait-interpretation{font-size:.875rem;color:var(--text-secondary, #a0a0a0);line-height:1.5;margin-top:.5rem}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary, #1a1a1a);border-radius:8px}.insight-icon{font-size:1.25rem;flex-shrink:0}.insight-text{margin:0;line-height:1.6;color:var(--text-primary, rgba(255, 255, 255, .87))}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.recommendation-item{position:relative;padding-left:1.5rem;line-height:1.6;color:var(--text-primary, rgba(255, 255, 255, .87))}.rec-area{color:var(--primary, #646cff)}.recommendation-item:before{content:"→";position:absolute;left:0;color:var(--text-secondary, #a0a0a0);font-weight:700}.results-footer{display:flex;gap:1rem;justify-content:center;padding:2rem 0;margin-top:auto}.classification-badge{display:inline-block;padding:.5rem 1.25rem;background:#646cff26;color:var(--primary, #646cff);border:1px solid rgba(100,108,255,.3);border-radius:20px;font-size:1rem;font-weight:600;text-transform:capitalize;margin-top:.75rem}.classification-badge--secondary{font-size:.875rem;padding:.375rem 1rem;background:#646cff1a}.trait-header-right{display:flex;align-items:center;gap:.75rem}.trait-confidence-badge{font-size:.7rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:#ffffff14;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.trait-evidence,.insight-evidence{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.trait-evidence .evidence-label{font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.evidence-list{list-style:none;margin:0;padding:0}.evidence-list li{position:relative;padding-left:1rem;font-size:.8rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);margin-bottom:.15rem}.evidence-list li:before{content:"“";position:absolute;left:0;color:var(--primary, #646cff);font-weight:700}.insight-confidence-badge{display:inline-block;font-size:.7rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:#ffffff14;padding:.2rem .5rem;border-radius:4px;margin-top:.35rem}.results-anomalies{border:1px solid rgba(245,158,11,.3);border-radius:12px;background:#f59e0b0d}.anomalies-list{display:flex;flex-direction:column;gap:1rem}.anomaly-item{padding:.875rem 1rem;background:#f59e0b14;border-radius:8px;border-left:3px solid #f59e0b}.anomaly-description{margin:0 0 .5rem;color:var(--text-primary, rgba(255, 255, 255, .87));font-size:.9rem;line-height:1.5}.anomaly-traits{font-size:.8rem;color:var(--text-secondary, #a0a0a0);margin-bottom:.375rem}.anomaly-label{font-weight:600;color:#f59e0b}.anomaly-recommendation{margin:.375rem 0 0;font-size:.825rem;font-style:italic;color:var(--text-secondary, #a0a0a0)}.btn{padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--primary, #646cff);color:#fff}.btn-primary:hover{background:#535bf2;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary, #1a1a1a);color:var(--text-primary, rgba(255, 255, 255, .87))}.btn-secondary:hover{background:var(--hover-bg, #333)}@media(max-width:600px){.quiz-results{padding:1rem}.results-title{font-size:1.5rem}.personality-type{font-size:2.5rem}.results-footer{flex-direction:column}.btn{width:100%}}.social-page{padding:1.5rem;max-width:900px;margin:0 auto}.social-header{text-align:center;margin-bottom:1.5rem}.social-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:.25rem}.social-subtitle{color:var(--text-secondary, #a0a0a0);font-size:1rem}.social-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.social-error p{color:#ef4444;margin:0}.prerequisite-banner{display:flex;align-items:center;gap:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.banner-icon{font-size:1.5rem}.banner-content strong{color:var(--text-primary, #ffffff);display:block;margin-bottom:.25rem}.banner-content p{color:var(--text-secondary, #a0a0a0);font-size:.9rem;margin:0}.social-content{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.social-content{grid-template-columns:1fr}.social-header{flex-direction:column;gap:1rem}.social-header-content{text-align:center;width:100%}.token-balance-header{align-self:center}}.social-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.social-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.social-card-description{color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.5}.cross-analyze-tabs{display:flex;gap:.5rem;margin-bottom:.5rem}.cross-analyze-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .5rem;background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #3a3a3a);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #a0a0a0);font-size:.8rem;font-weight:500}.cross-analyze-tab:hover{background:var(--hover-bg, #333);border-color:var(--primary, #4a90d9);color:var(--text-primary, #ffffff)}.cross-analyze-tab.active{background:#4a90d91f;border-color:var(--primary, #4a90d9);color:var(--primary, #4a90d9);font-weight:600}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{white-space:nowrap;font-size:.75rem}.cross-analyze-content{display:flex;flex-direction:column;gap:.5rem}.tab-prerequisite-warning{display:flex;align-items:flex-start;gap:.6rem;background:#ffc10714;border:1px solid rgba(255,193,7,.25);border-radius:8px;padding:.75rem 1rem;margin-top:.25rem}.tab-prerequisite-warning .warning-icon{font-size:1.15rem;line-height:1.4;flex-shrink:0}.tab-prerequisite-warning p{color:var(--text-secondary, #a0a0a0);font-size:.85rem;line-height:1.45;margin:0}.tab-prerequisite-warning p strong{color:var(--text-primary, #ffffff)}.tab-content-title{font-size:1.05rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.quiz-picker{display:flex;flex-direction:column;gap:.4rem}.quiz-picker-label{font-size:.85rem;color:var(--text-secondary, #a0a0a0);font-weight:500}.quiz-picker-select{width:100%;padding:.65rem 2rem .65rem .75rem;background:var(--input-bg, #1a1a1a);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #3a3a3a);border-radius:8px;font-size:.9rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;text-align:center;text-align-last:center}.quiz-picker-select:focus{outline:none;border-color:var(--primary, #4a90d9);box-shadow:0 0 0 2px #4a90d933}.quiz-picker-select option{background:var(--card-bg, #2a2a2a);color:var(--text-primary, #ffffff);text-align:center}.quiz-picker-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #a0a0a0);font-size:.85rem;padding:.5rem 0}.loading-spinner.small{width:16px;height:16px;border-width:2px}.quiz-picker-empty{color:var(--text-secondary, #a0a0a0);font-size:.85rem;font-style:italic;margin:0}.analysis-type-badge{font-size:.65rem;padding:.15rem .4rem;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-left:.35rem}.analysis-type-full,.analysis-type-surface{background:#4a90d926;color:#4a90d9}.analysis-type-quiz_comparison,.analysis-type-quiz{background:#a855f726;color:#a855f7}.analysis-type-deep{background:#ec489926;color:#ec4899}.cost-info{color:var(--text-secondary, #a0a0a0);font-size:.875rem}.cost-info strong{color:var(--primary, #4a90d9)}.social-connect-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.social-connect-actions .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.btn-icon{font-size:1.1rem}.active-code-badge{position:absolute;right:1rem;font-size:.7rem;background:#4ade8033;color:#4ade80;padding:.15rem .5rem;border-radius:10px;font-weight:500}.btn-primary{background:var(--primary, #4a90d9);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #3a7bc8)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #444)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg, #333)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.social-discover-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:100px}.discover-placeholder{text-align:center;color:var(--text-secondary, #a0a0a0)}.discover-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.social-connections{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.connections-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.connections-count{font-size:.75rem;background:var(--primary, #4a90d9);color:#fff;padding:.15rem .5rem;border-radius:10px;font-weight:600}.connections-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary, #a0a0a0);gap:.75rem}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color, #3a3a3a);border-top-color:var(--primary, #4a90d9);border-radius:50%;animation:spin 1s linear infinite}.connections-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary, #a0a0a0);text-align:center}.connections-icon{font-size:2rem;margin-bottom:.5rem}.connections-list{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto;padding-right:.5rem}.connections-list::-webkit-scrollbar{width:6px}.connections-list::-webkit-scrollbar-track{background:transparent}.connections-list::-webkit-scrollbar-thumb{background:var(--border-color, #3a3a3a);border-radius:3px}.connections-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #a0a0a0)}.connection-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--input-bg, #1a1a1a);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.connection-card:hover{background:var(--hover-bg, #333);border-color:var(--border-color, #3a3a3a)}.connection-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #4a90d9),#9370db);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:#fff;flex-shrink:0}.connection-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.connection-name{font-weight:600;color:var(--text-primary, #ffffff);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-date{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.connection-status{flex-shrink:0;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.status-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-analyzed{background:#4ade8026;color:#4ade80}.status-pending{background:#fbbf2426;color:#fbbf24}.connection-arrow{color:var(--text-secondary, #a0a0a0);font-size:1.25rem;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.community-page{padding:1rem 1rem 5rem;max-width:800px;margin:0 auto}.community-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.community-header .back-btn{background:none;border:none;color:var(--text-primary, #e0e0e0);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.community-header .back-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05))}.community-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary, #e0e0e0);margin:0}.community-subtitle{color:var(--text-secondary, #a0a0a0);margin:0 0 1.5rem;font-size:.95rem}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.community-grid{grid-template-columns:1fr}}.community-card{background:var(--card-bg, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.community-card.wide-card{grid-column:span 2}@media(max-width:600px){.community-card.wide-card{grid-column:span 1}}.community-card.highlight-card{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d}.community-card .card-icon{font-size:1.5rem}.community-card h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.community-card .card-description{margin:0;font-size:.85rem;color:var(--text-secondary, #a0a0a0);line-height:1.4}.stat-display{display:flex;align-items:baseline;gap:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-color, #6366f1)}.stat-label{font-size:.9rem;color:var(--text-secondary, #a0a0a0)}.placeholder-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:80px;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #333)}.placeholder-bar-chart .bar{width:36px;background:var(--text-secondary, #555);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background .2s}.placeholder-bar-chart .bar span{font-size:.65rem;color:var(--text-primary, #e0e0e0);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.placeholder-bar-chart .bar.highlight{background:var(--accent-color, #6366f1)}.percentile-viz{margin-top:.5rem}.percentile-track{position:relative;height:12px;background:var(--border-color, #333);border-radius:6px;overflow:visible}.percentile-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px}.percentile-marker{position:absolute;top:-16px;transform:translate(-50%);color:var(--accent-color, #6366f1);font-size:.8rem}.percentile-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:.7rem;color:var(--text-secondary, #888)}.insights-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.insights-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-primary, #e0e0e0);line-height:1.4}.insight-badge{flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;border-radius:4px;background:#6366f133;color:var(--accent-color, #6366f1)}.radar-placeholder{position:relative;width:120px;height:120px;margin:.5rem auto}.radar-ring{position:absolute;border:1px solid var(--border-color, #444);border-radius:50%}.radar-ring.outer{width:100%;height:100%;top:0;left:0}.radar-ring.middle{width:66%;height:66%;top:17%;left:17%}.radar-ring.inner{width:33%;height:33%;top:33.5%;left:33.5%}.radar-point{position:absolute;font-size:.65rem;font-weight:600;color:var(--text-secondary, #888);transform:translate(-50%,-50%)}.radar-shape{position:absolute;top:20%;left:20%;width:60%;height:60%;clip-path:polygon(50% 5%,95% 35%,80% 90%,20% 90%,5% 35%)}.radar-shape.you{background:#6366f166;border:2px solid var(--accent-color, #6366f1)}.radar-shape.avg{background:#ffffff1a;clip-path:polygon(50% 15%,85% 40%,70% 80%,30% 80%,15% 40%)}.radar-legend{display:flex;justify-content:center;gap:1rem;font-size:.75rem}.legend-you{color:var(--accent-color, #6366f1)}.legend-avg{color:var(--text-secondary, #888)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mini-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#ffffff08;border-radius:8px}.mini-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #e0e0e0)}.mini-label{font-size:.7rem;color:var(--text-secondary, #888);text-align:center}.trending-list{display:flex;flex-direction:column;gap:.5rem}.trending-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff08;border-radius:8px}.trend-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #6366f1);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.trend-name{flex:1;font-size:.85rem;color:var(--text-primary, #e0e0e0)}.trend-stat{font-size:.8rem;font-weight:600;color:#22c55e}.community-footer{margin-top:1.5rem;text-align:center}.data-note{font-size:.8rem;color:var(--text-secondary, #888);margin:0}.connection-detail-page{padding:1.5rem;max-width:600px;margin:0 auto;padding-bottom:100px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-secondary, #a0a0a0)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #4caf50);border-radius:50%;animation:spin 1s linear infinite}.error-icon{font-size:3rem}.page-header{margin-bottom:1.5rem}.back-btn{background:none;border:none;color:var(--text-primary, #e0e0e0);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s;margin-bottom:1rem;display:inline-block}.back-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05))}.header-content{display:flex;align-items:center;gap:1rem}.partner-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;box-shadow:0 4px 12px #8b5cf64d;flex-shrink:0}.header-text h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 .25rem}.analysis-date{font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.tab-navigation{display:flex;gap:.5rem;padding:.5rem;background:var(--card-bg, #2a2a2a);border-radius:12px;margin-bottom:1.5rem}.tab-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #a0a0a0);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-primary, #ffffff)}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.analysis-main,.summary-view,.details-view{display:flex;flex-direction:column;gap:1.5rem}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.25rem 1rem;text-align:center}.stat-card.similarities .stat-value{color:#10b981}.stat-card.differences .stat-value{color:#3b82f6}.stat-card.complements .stat-value{color:#8b5cf6}.stat-card.frictions .stat-value{color:#f59e0b}.stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.8125rem;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.analysis-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.25rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #333)}.section-icon{font-size:1.125rem}.section-description{font-size:.8125rem;color:var(--text-secondary, #a0a0a0);margin:.75rem 0 1rem}.cards-grid{display:flex;flex-direction:column;gap:.75rem}.analysis-card{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:1rem;position:relative}.analysis-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.similarity-card:before{background:linear-gradient(180deg,#10b981,#059669)}.difference-card:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.complement-card:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.friction-card:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.recommendation-card:before{background:linear-gradient(180deg,#10b981,#059669)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.trait-area{font-weight:600;font-size:.9375rem}.similarity-card .trait-area{color:#10b981}.difference-card .trait-area{color:#3b82f6}.complement-card .trait-area{color:#8b5cf6}.friction-card .trait-area{color:#f59e0b}.recommendation-card .trait-area{color:#10b981}.strength-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.strength-high{background:#10b98126;color:#10b981}.strength-medium{background:#f59e0b26;color:#f59e0b}.strength-low{background:#ef444426;color:#ef4444}.card-description{font-size:.9375rem;line-height:1.6;color:var(--text-primary, #e0e0e0);margin:0}.pattern-note,.benefit-note,.example-note,.trigger-note,.mitigation-note,.implication,.action-tip{font-size:.8125rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);padding:.625rem .75rem;background:#ffffff08;border-radius:6px;margin-top:.75rem}.pattern-note strong,.benefit-note strong,.trigger-note strong,.mitigation-note strong,.implication strong,.action-tip strong{color:var(--text-primary, #e0e0e0)}.diff-comparison{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.diff-side{padding:.75rem;border-radius:6px;background:#ffffff08}.diff-side.you{border-left:3px solid #8b5cf6}.diff-side.partner{border-left:3px solid #f59e0b}.side-label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.diff-side p{margin:0;font-size:.875rem;color:var(--text-primary, #e0e0e0);line-height:1.5}.diff-divider{display:none}.rec-title{font-size:1rem;font-weight:600;color:#10b981;margin:0 0 .5rem}.recommendations-preview{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.25rem}.recommendations-preview h2{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #333)}.insight-cards{display:flex;flex-direction:column;gap:.75rem}.insight-card{display:flex;gap:.75rem;background:var(--bg-secondary, #1a1a1a);padding:1rem;border-radius:8px}.insight-icon{font-size:1.25rem;flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:8px}.insight-content h3{font-size:.9375rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .375rem}.insight-content p{font-size:.875rem;color:var(--text-secondary, #a0a0a0);margin:0;line-height:1.5}.executive-summary-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.25rem}.executive-summary-section h2{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #333)}.executive-text{font-size:1rem;line-height:1.7;color:var(--text-primary, #e0e0e0)}.compatibility-insight{padding-top:1.5rem;border-top:1px solid var(--border-color, #333);margin-top:1rem}.compatibility-insight h3{font-size:.9rem;font-weight:600;color:var(--text-secondary, #999);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.compatibility-insight .insight-text{font-size:.95rem;line-height:1.6;color:var(--text-primary, #e0e0e0);margin:0;padding:1rem;background:var(--surface-color, #1a1a2e);border-radius:8px;border-left:3px solid var(--accent-color, #6c5ce7)}.no-analysis{display:flex;align-items:center;justify-content:center;min-height:40vh;padding:2rem}.no-analysis-content{text-align:center;max-width:320px}.processing-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-analysis-content h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .5rem}.no-analysis-content p{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;line-height:1.6}.page-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #333)}.delete-confirm{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.25rem;border:1px solid rgba(239,68,68,.3)}.delete-confirm p{margin:0 0 1rem;color:var(--text-primary, #e0e0e0);font-size:.9375rem}.confirm-buttons{display:flex;gap:.75rem;justify-content:flex-end}.error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;box-shadow:0 4px 12px #0000004d;z-index:1000}.analysis-count-badge{display:inline-block;font-size:.75rem;color:var(--text-secondary, #a0a0a0);background:#ffffff0f;padding:.2rem .6rem;border-radius:12px;margin-left:.5rem}.magnitude-badge,.synergy-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;background:#3b82f626;color:#3b82f6}.priority-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.priority-high{background:#ef444426;color:#ef4444}.priority-medium{background:#f59e0b26;color:#f59e0b}.priority-low{background:#10b98126;color:#10b981}.communication-card:before{background:#06b6d4}.communication-card .trait-area{color:#06b6d4}.advanced-analysis-section{margin-top:2rem;padding:1.5rem;background:var(--surface-color, rgba(255, 255, 255, .03));border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .08))}.advanced-analysis-section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary, #e0e0e0)}.analysis-cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.analysis-cta-card{padding:1.25rem;background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:10px}.analysis-cta-card h3{font-size:1.05rem;margin-bottom:.5rem;color:var(--text-primary, #e0e0e0)}.analysis-cta-card p{font-size:.875rem;color:var(--text-secondary, #a0a0a0);margin-bottom:.75rem}.token-cost-note{font-size:.8rem!important;color:#f59e0b!important;font-weight:500}.cta-error{color:#ef4444!important;font-size:.85rem!important}.cta-success{color:#10b981!important;font-weight:600}.cta-result{margin-top:.5rem}.archetype-preview{margin-top:.75rem;padding:.75rem;background:#8b5cf61a;border-radius:8px;border-left:3px solid #8b5cf6}.archetype-preview strong{display:block;color:#8b5cf6;margin-bottom:.25rem}.archetype-preview p{font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin:0}.quiz-picker{display:flex;gap:.75rem;align-items:center;margin-top:.75rem;flex-wrap:wrap}.quiz-picker-select{flex:1;min-width:180px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color, rgba(255, 255, 255, .15));background:var(--surface-color, rgba(255, 255, 255, .06));color:var(--text-primary, #e0e0e0);font-size:.875rem;cursor:pointer}.quiz-picker-select:disabled{opacity:.5;cursor:not-allowed}.quiz-picker-select option{background:var(--card-bg, #1a1a2e);color:var(--text-primary, #e0e0e0)}.prerequisite-message{font-size:.85rem;color:var(--text-secondary, #a0a0a0);padding:.75rem;background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:6px;margin:0}.prerequisite-note{font-size:.8rem;color:var(--text-secondary, #a0a0a0);font-style:italic;margin-top:.25rem}.token-cost-note{font-size:.8rem;color:#f59e0b}.quiz-insight-callout{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-radius:10px;margin-bottom:1rem}.quiz-insight-callout .callout-icon{font-size:1.25rem;flex-shrink:0}.quiz-insight-callout p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--text-primary, #e0e0e0)}.result-section{margin-top:1rem}.result-section h4{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary, #e0e0e0)}.result-section>p{font-size:.9375rem;line-height:1.6;color:var(--text-secondary, #a0a0a0)}.empty-section{font-size:.875rem;color:var(--text-secondary, #a0a0a0);font-style:italic}.strength-bar-container{display:flex;align-items:center;gap:.5rem;min-width:100px}.strength-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,#10b981,#06b6d4);transition:width .3s ease;flex:1}.strength-bar.magnitude-bar{background:linear-gradient(90deg,#f59e0b,#ef4444)}.strength-label{font-size:.75rem;color:var(--text-secondary, #a0a0a0);white-space:nowrap}.user-comparison{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.user-pattern{font-size:.85rem;color:var(--text-secondary, #a0a0a0);padding:.375rem .625rem;border-radius:4px;background:#ffffff08}.deep-analysis-tabs{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.deep-tab-btn{padding:.5rem .875rem;border:none;background:transparent;color:var(--text-secondary, #a0a0a0);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;border-radius:6px 6px 0 0;transition:color .2s,background .2s}.deep-tab-btn:hover{color:var(--text-primary, #e0e0e0);background:#ffffff0a}.deep-tab-btn.active{color:#8b5cf6;border-bottom:2px solid #8b5cf6;font-weight:600}.deep-tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.archetype-hero-card{padding:1.25rem;background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border:1px solid rgba(139,92,246,.2);border-radius:12px;margin-bottom:1rem}.archetype-name{font-size:1.125rem;color:#8b5cf6;margin-bottom:.5rem}.archetype-description{font-size:.9375rem;line-height:1.6;color:var(--text-primary, #e0e0e0);margin-bottom:1rem}.archetype-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.archetype-list h5{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.375rem}.archetype-list ul{list-style:none;margin:0;padding:0}.archetype-list li{font-size:.85rem;line-height:1.5;color:var(--text-primary, #e0e0e0);padding:.125rem 0}.confidence-gauge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;margin-bottom:1rem}.gauge-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #a0a0a0);white-space:nowrap}.gauge-bar-container{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.gauge-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);transition:width .4s ease}.gauge-value{font-size:.875rem;font-weight:600;color:var(--text-primary, #e0e0e0);white-space:nowrap}.alignment-bar-container{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.alignment-label{font-size:.75rem;color:var(--text-secondary, #a0a0a0);white-space:nowrap}.alignment-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.alignment-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.alignment-value{font-size:.75rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.tension-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.tension-low{background:#10b98126;color:#10b981}.tension-medium,.tension-moderate{background:#f59e0b26;color:#f59e0b}.tension-high{background:#ef444426;color:#ef4444}.impact-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.impact-positive{background:#10b98126;color:#10b981}.impact-mixed{background:#f59e0b26;color:#f59e0b}.impact-negative{background:#ef444426;color:#ef4444}.impact-card.impact-positive{border-left:3px solid #10b981}.impact-card.impact-mixed{border-left:3px solid #f59e0b}.impact-card.impact-negative{border-left:3px solid #ef4444}.severity-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.severity-low{background:#10b98126;color:#10b981}.severity-medium,.severity-moderate{background:#f59e0b26;color:#f59e0b}.severity-high{background:#ef444426;color:#ef4444}.risk-card.severity-low{border-left:3px solid #10b981}.risk-card.severity-medium,.risk-card.severity-moderate{border-left:3px solid #f59e0b}.risk-card.severity-high{border-left:3px solid #ef4444}.beneficiary-tag{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;background:#3b82f626;color:#3b82f6}.actionable-steps,.warning-signs,.prevention-list{margin:.375rem 0 0 1.125rem;padding:0}.actionable-steps li,.warning-signs li,.prevention-list li{font-size:.8125rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);padding:.125rem 0}.card-detail{font-size:.8125rem;line-height:1.5;color:var(--text-secondary, #a0a0a0);margin-top:.5rem}.card-detail strong{color:var(--text-primary, #e0e0e0)}.btn-outline{border:1px solid var(--border-color, rgba(255, 255, 255, .15));background:transparent;color:var(--text-primary, #e0e0e0);cursor:pointer;border-radius:8px;font-size:.875rem;padding:.5rem 1rem;transition:background .2s,border-color .2s}.btn-outline:hover{background:#ffffff0f;border-color:#ffffff40}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.deep-analysis-card{grid-column:1 / -1}.quiz-analysis-result .result-section,.deep-analysis-result .result-section{border-top:1px solid var(--border-color, rgba(255, 255, 255, .06));padding-top:.75rem}@media(max-width:480px){.connection-detail-page{padding:1rem}.stats-section{gap:.5rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.6875rem}.header-text h1{font-size:1.25rem}.partner-avatar{width:48px;height:48px;font-size:1.25rem}.archetype-details{grid-template-columns:1fr}.deep-analysis-tabs{gap:.125rem}.deep-tab-btn{padding:.375rem .625rem;font-size:.75rem}.quiz-picker{flex-direction:column}.quiz-picker-select{width:100%}}.explore-page{padding:1.5rem;max-width:1200px;margin:0 auto}.explore-header{text-align:center;margin-bottom:2rem}.explore-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:.5rem}.explore-subtitle{color:var(--text-secondary, #a0a0a0);font-size:1.1rem}.token-balance-display{background:linear-gradient(135deg,#3a7bc8,#4a90d9);padding:.75rem 1.25rem;border-radius:8px;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem}.prerequisite-warning{background:var(--card-bg, #2a2a2a);border:2px solid #f59e0b;border-radius:12px;padding:2rem;margin-bottom:2rem}.prerequisite-warning .warning-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.prerequisite-warning h2,.prerequisite-warning h3{color:var(--text-primary, #ffffff);margin-bottom:1rem;text-align:center}.prerequisite-warning p{color:var(--text-secondary, #a0a0a0);margin-bottom:1.5rem;text-align:center}.prerequisite-warning .progress-note{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;margin-top:1rem;color:#10b981;font-weight:600}.prerequisite-steps{background:#0003;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.prerequisite-steps ol{color:var(--text-secondary, #a0a0a0);padding-left:1.5rem}.prerequisite-steps li{margin-bottom:.5rem}.prerequisite-actions{display:flex;gap:1rem;justify-content:center}.overview-stats{text-align:center;color:var(--text-secondary, #a0a0a0);margin-bottom:2rem}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}@media(max-width:600px){.explore-grid{grid-template-columns:1fr}}.explore-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease}.explore-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.explore-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.explore-card-description{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5;margin:0}.explore-card-content{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.explore-meta-info{color:var(--text-secondary, #a0a0a0);font-size:.85rem;margin:0}.explore-card-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.explore-action-btn{width:100%;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.explore-action-btn.view{background:transparent;border:2px solid #8bc34a;color:#8bc34a}.explore-action-btn.view:hover{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff;transform:translateY(-1px)}.explore-action-btn.regenerate{background:transparent;border:2px solid var(--border-color, #444);color:#8bc34a}.explore-action-btn.regenerate:hover{background:#8bc34a1a;border-color:#8bc34a}.explore-action-btn.regenerate .refresh-icon{font-size:1rem}.explore-action-btn.generate{background:linear-gradient(180deg,#8bc34a,#7cb342);border:none;color:#fff}.explore-action-btn.generate:hover{background:linear-gradient(180deg,#9cd35a,#8bc34a);transform:translateY(-1px)}.status-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-generated{background:#10b981;color:#fff}.card-icon{font-size:2.5rem;margin-bottom:.25rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.card-description{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.token-cost{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary, #a0a0a0);font-size:.9rem}.generated-date{color:var(--text-secondary, #a0a0a0);font-size:.85rem}.info-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;margin-top:2rem}.info-section h3{color:var(--text-primary, #ffffff);margin-bottom:1rem}.info-section p{color:var(--text-secondary, #a0a0a0);line-height:1.6}.explore-section{padding:1.5rem;max-width:1200px;margin:0 auto}.section-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:1rem}.back-button{color:var(--primary, #4a90d9);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:opacity .2s;align-self:flex-start}.back-button:hover{opacity:.8}.section-title{text-align:center}.section-icon{font-size:2.5rem}.section-title h1{font-size:1.75rem;color:var(--text-primary, #ffffff);margin:0}.section-description{color:var(--text-secondary, #a0a0a0);margin-top:.25rem}.explore-section-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2rem}.explore-section-title-group{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.explore-section-title-group h1{font-size:1.75rem;color:var(--text-primary, #ffffff);margin:0 0 .5rem}.explore-section-meta{position:relative;margin-top:.75rem}.explore-date-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.explore-date-button:hover{background:#ffffff1a}.explore-date{font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.explore-date-button .dropdown-arrow{font-size:.625rem;color:var(--text-secondary, #a0a0a0);transition:transform .2s ease}.explore-date-button .dropdown-arrow.open{transform:rotate(180deg)}.explore-history-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:280px;background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:100;animation:dropdownSlideExplore .15s ease-out;overflow:hidden}@keyframes dropdownSlideExplore{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.explore-history-dropdown .history-header{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.explore-history-dropdown .history-loading,.explore-history-dropdown .history-empty{padding:1rem;text-align:center;color:var(--text-secondary, #a0a0a0);font-size:.875rem}.explore-history-dropdown .history-list{list-style:none;margin:0;padding:0;max-height:250px;overflow-y:auto}.explore-history-dropdown .history-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary, #ffffff);font-size:.875rem;cursor:pointer;transition:background-color .2s ease;text-align:left}.explore-history-dropdown .history-item:hover:not(:disabled){background-color:#ffffff0d}.explore-history-dropdown .history-item:disabled{cursor:default}.explore-history-dropdown .history-item-current{background-color:#646cff1a}.explore-history-dropdown .history-date{flex:1}.explore-history-dropdown .history-gen{font-size:.75rem;color:var(--text-secondary, #a0a0a0);margin-left:.5rem}.explore-history-dropdown .history-current-badge{font-size:.625rem;font-weight:600;color:#fff;background-color:#646cff;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;margin-left:.5rem}.section-loading{text-align:center;padding:4rem 1rem}.spinner{border:3px solid rgba(74,144,217,.2);border-top-color:#4a90d9;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:0 auto 1rem}.error-message{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-message p{color:#ef4444;margin:0}.generating-state{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:3rem 2rem;text-align:center}.generating-state h3{color:var(--text-primary, #ffffff);margin:1rem 0 .5rem}.generating-state p{color:var(--text-secondary, #a0a0a0);max-width:500px;margin:0 auto}.not-generated-state{display:flex;justify-content:center;align-items:center;min-height:400px}.info-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:2rem;max-width:500px;text-align:center}.info-card h3{color:var(--text-primary, #ffffff);margin-bottom:1rem}.info-card p{color:var(--text-secondary, #a0a0a0);margin-bottom:1.5rem}.cost-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary, #a0a0a0);margin-bottom:1.5rem}.token-icon{font-size:1.25rem}.insufficient-tokens{color:#ef4444;font-size:.9rem;margin-top:1rem}.recommendation-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.recommendation-meta{flex:1}.generated-date{color:var(--text-secondary, #a0a0a0);font-size:.9rem;margin-bottom:.25rem}.superseded-notice{color:#f59e0b;font-size:.85rem}.recommendation-actions{display:flex;gap:.75rem}.recommendation-display{display:flex;flex-direction:column;gap:2rem}.summary-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.summary-section h2{color:var(--text-primary, #ffffff);font-size:1.25rem;margin-bottom:1rem}.summary-text{color:var(--text-secondary, #a0a0a0);line-height:1.6}.recommendations-section h2,.list-section h2,.preference-section h2,.media-section h2,.communities-section h2,.hobbies-section h2{color:var(--text-primary, #ffffff);font-size:1.25rem;margin-bottom:1rem}.recommendation-grid,.media-grid,.community-grid,.hobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.recommendation-card,.media-card,.community-card,.hobby-card{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.card-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem;gap:.5rem}.card-header h3{color:var(--text-primary, #ffffff);font-size:1.1rem;margin:0;line-height:1.3}.industry-badge,.region-badge,.platform-badge,.location-badge,.media-type{background:#4a90d933;color:#4a90d9;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:normal;line-height:1.3}.card-content{display:flex;flex-direction:column;gap:1rem}.fit-section h4,.growth-section h4,.lifestyle-section h4{color:var(--text-primary, #ffffff);font-size:.9rem;margin-bottom:.5rem}.fit-section p,.growth-section p,.lifestyle-section p,.reasoning{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5}.simple-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.simple-list li{background:var(--card-bg, #2a2a2a);padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary, #a0a0a0)}.preference-text{background:var(--card-bg, #2a2a2a);padding:1rem;border-radius:8px;color:var(--text-secondary, #a0a0a0);line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-secondary, #1a1a1a);border-radius:12px;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:var(--text-primary, #ffffff);margin:0}.close-button{background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-button:hover{background:#ffffff1a}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-loading{text-align:center;padding:2rem}.modal-loading p{color:var(--text-secondary, #a0a0a0);margin-top:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #a0a0a0)}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:var(--card-bg, #2a2a2a);border-radius:8px;padding:1rem}.history-item.superseded{opacity:.6}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-date{color:var(--text-secondary, #a0a0a0);font-size:.85rem}.superseded-badge,.current-badge,.pending-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.superseded-badge{background:#9ca3af33;color:#9ca3af}.current-badge{background:#10b98133;color:#10b981}.pending-badge{background:#f59e0b33;color:#f59e0b}.history-summary,.history-error,.history-pending{margin-bottom:.5rem}.summary-text{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5}.error-text{color:#ef4444;font-size:.9rem}.pending-text{color:#f59e0b;font-size:.9rem}.superseded-info{font-size:.85rem;color:var(--text-secondary, #a0a0a0)}.modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.pagination-controls{display:flex;justify-content:space-between;align-items:center}.pagination-info{color:var(--text-secondary, #a0a0a0);font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#3a7bc8,#4a90d9);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-secondary, #a0a0a0);border:1px solid var(--text-secondary, #a0a0a0);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #ffffff)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#9cd35a,#8bc34a)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-success-outline{background:transparent;color:#8bc34a;border:2px solid #8bc34a;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-success-outline:hover:not(:disabled){background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff}.btn-success-outline:disabled{opacity:.5;cursor:not-allowed}.locations-display .vibe-section{margin-bottom:.5rem}.locations-display .vibe-text{color:#4a90d9;font-size:.95rem;margin:0}.locations-display .description-section{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5}.locations-display .description-section p{margin:0}.locations-display .meta-section{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.locations-display .cost-badge,.locations-display .population-badge{font-size:.8rem;padding:.35rem .75rem;border-radius:12px;background:#ffffff14;color:var(--text-secondary, #a0a0a0)}.jobs-display .description-section{margin-bottom:.75rem}.jobs-display .description-section p{color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5;margin:0}.jobs-display .work-style-section{margin-bottom:.75rem}.jobs-display .work-style-section h4{color:var(--text-primary, #ffffff);font-size:.85rem;margin-bottom:.25rem}.jobs-display .work-style-section p{color:var(--text-secondary, #a0a0a0);font-size:.85rem;margin:0;font-style:italic}.jobs-display .traits-section{margin-top:.75rem}.jobs-display .traits-section h4{color:var(--text-primary, #ffffff);font-size:.85rem;margin-bottom:.5rem}.jobs-display .traits-list{display:flex;flex-wrap:wrap;gap:.5rem}.jobs-display .trait-tag{background:#4a90d926;color:#4a90d9;padding:.25rem .6rem;border-radius:12px;font-size:.75rem}.jobs-display .meta-section{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.jobs-display .growth-badge{font-size:.8rem;padding:.35rem .75rem;border-radius:12px;font-weight:600}.jobs-display .growth-high{background:#10b98126;color:#10b981}.jobs-display .growth-medium{background:#f59e0b26;color:#f59e0b}.jobs-display .growth-low{background:#ef444426;color:#ef4444}.jobs-display .skills-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.jobs-display .skills-list li{background:var(--card-bg, #2a2a2a);padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary, #a0a0a0);border-left:3px solid #4a90d9}.recommendation-card.compact{padding:1rem}.recommendation-card.compact .card-header{margin-bottom:.5rem}.insights-section{margin-top:2rem}.insights-section h2{color:var(--text-primary, #ffffff);margin-bottom:1rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.insight-card{background:var(--card-bg, #2a2a2a);border-radius:8px;padding:1rem}.insight-card h4{color:#4a90d9;font-size:.9rem;margin-bottom:.5rem}.insight-card p{color:var(--text-secondary, #a0a0a0);font-size:.9rem;margin:0}.media-card .author{color:var(--text-secondary, #a0a0a0);font-size:.85rem;font-style:italic;margin:.25rem 0 .5rem}.media-card .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.media-card .tag{background:#4a90d926;color:#4a90d9;padding:.2rem .6rem;border-radius:12px;font-size:.75rem}.media-card .artists{margin-top:.75rem;color:var(--text-secondary, #a0a0a0);font-size:.85rem}.media-card .creator{color:var(--text-secondary, #a0a0a0);font-size:.85rem;font-style:italic;margin:.25rem 0 .5rem}.media-card .description{color:var(--text-secondary, #a0a0a0);font-size:.9rem;margin:.5rem 0;line-height:1.4}.genres-list{display:flex;flex-wrap:wrap;gap:.75rem}.genre-tag{background:#9b59b626;color:#9b59b6;padding:.5rem 1rem;border-radius:16px;font-size:.9rem;font-weight:500}.community-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.community-card .card-header h3{margin:0}.community-card .platform-badge,.community-card .type-badge{background:#4a90d933;color:#4a90d9;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.community-card .description{color:var(--text-secondary, #a0a0a0);font-size:.9rem;margin-bottom:.75rem;line-height:1.4}.community-card .values-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.community-card .value-tag{background:#10b98126;color:#10b981;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.qualities-list{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem}.quality-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:var(--text-primary, #ffffff)}.quality-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.quality-bullet{color:#4a90d9;font-weight:700}.community-card .engagement-style,.community-card .where-to-find,.community-card .commitment,.community-card .vibe{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #a0a0a0);font-size:.85rem}.community-card strong{color:var(--text-primary, #ffffff)}@media(max-width:768px){.explore-header,.section-header,.recommendation-header{flex-direction:column;align-items:flex-start}.recommendation-actions{width:100%}.recommendation-actions button{flex:1}.recommendation-grid,.media-grid,.community-grid,.hobby-grid{grid-template-columns:1fr}}.community-analytics-page{max-width:1400px;margin:0 auto;padding:2rem 1rem;padding-bottom:100px}.my-standing-link,.back-link{text-decoration:none}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.analytics-main,.analytics-sidebar{display:flex;flex-direction:column}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.no-distributions{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:2.5rem 2rem;text-align:center;color:var(--text-secondary, #a0a0a0);display:flex;flex-direction:column;align-items:center;gap:.75rem}.no-distributions:before{content:"📊";font-size:3rem;opacity:.5}.no-distributions p{margin:0;line-height:1.6}.no-distributions .threshold-note{font-size:.875rem;opacity:.7;margin-top:.5rem}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}}@media(max-width:768px){.community-analytics-page{padding:1rem .5rem}.page-header h1{font-size:1.5rem}.page-header .subtitle{font-size:1rem}}.my-standing-page{max-width:1000px;margin:0 auto;padding:2rem 1rem;padding-bottom:100px}.page-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.page-header h1{margin:0;font-size:2rem;color:var(--text-primary, #ffffff);font-weight:700}.page-header .subtitle{margin:0;font-size:1.125rem;color:var(--text-secondary, #a0a0a0)}.back-link{text-decoration:none}.secondary-cta-button{padding:.75rem 1.5rem;background:transparent;color:var(--accent-color, #4caf50);border:2px solid var(--accent-color, #4caf50);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.secondary-cta-button:hover{background:var(--accent-color, #4caf50);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.standings-container{display:flex;flex-direction:column;gap:2rem}.quiz-section{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.quiz-title{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary, #ffffff);border-bottom:2px solid var(--accent-color, #4caf50);padding-bottom:.5rem;font-weight:600}.traits-list{display:flex;flex-direction:column;gap:0}.standings-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color, #444)}.standings-footer small{color:var(--text-secondary, #a0a0a0);font-size:.85rem}.loading-container,.error-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color, #444);border-top-color:var(--accent-color, #4caf50);border-radius:50%;animation:spin .8s linear infinite}.loading-container p,.error-container p{margin-top:1rem;color:var(--text-secondary, #a0a0a0)}.error-message{color:#ef4444;font-weight:500}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-color, #4caf50);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.retry-button:hover{background:#45a049}.empty-state{background:var(--card-bg, #2a2a2a);border-radius:12px;padding:3rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary, #ffffff);font-weight:600}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary, #a0a0a0);font-size:1rem}.cta-button{display:inline-block;padding:.75rem 2rem;background:var(--accent-color, #4caf50);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s}.cta-button:hover{background:#45a049}@media(max-width:768px){.my-standing-page{padding:1rem .5rem}.page-header h1{font-size:1.5rem}.page-header .subtitle{font-size:1rem}.quiz-section{padding:1rem}.quiz-title{font-size:1.25rem}.empty-icon{font-size:3rem}.empty-state h2{font-size:1.25rem}}.help-center{max-width:800px;margin:0 auto;padding:1.5rem 1.5rem 6rem}.help-center-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.help-center-back{background:none;border:none;color:var(--accent-color, #646cff);font-size:1rem;cursor:pointer;padding:.5rem;margin-left:-.5rem}.help-center-back:hover{text-decoration:underline}.help-center h1{color:var(--text-primary, #ffffff);font-size:1.5rem;margin:0}.help-center-intro{color:var(--text-secondary, #a0a0a0);font-size:1rem;margin-bottom:2rem}.faq-section{margin-bottom:2rem}.faq-section h2{color:var(--text-secondary, #a0a0a0);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.faq-item:hover,.faq-item.expanded{border-color:var(--accent-color, #646cff)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:none;border:none;color:var(--text-primary, #ffffff);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;gap:1rem}.faq-question:hover{background:var(--hover-bg, #252525)}.faq-toggle{font-size:1.25rem;color:var(--accent-color, #646cff);flex-shrink:0}.faq-answer{padding:0 1.25rem 1.25rem;color:var(--text-primary, #ffffff);font-size:.9375rem;line-height:1.6;border-top:1px solid var(--border-color, #333);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:1rem 0}.faq-answer p:first-child{margin-top:1rem}.faq-answer ol,.faq-answer ul{margin:.75rem 0;padding-left:1.5rem}.faq-answer li{margin:.5rem 0}.faq-answer strong{color:var(--accent-color, #646cff)}.help-contact{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;padding:1.5rem;text-align:center}.help-contact h2{color:var(--text-primary, #ffffff);font-size:1.125rem;margin:0 0 .5rem}.help-contact p{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;margin:0}.feedback-page{max-width:800px;margin:0 auto;padding:1.5rem 1.5rem 6rem}.feedback-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feedback-back{background:none;border:none;color:var(--accent-color, #646cff);font-size:1rem;cursor:pointer;padding:.5rem;margin-left:-.5rem}.feedback-back:hover{text-decoration:underline}.feedback-page h1{color:var(--text-primary, #ffffff);font-size:1.5rem;margin:0}.feedback-intro{color:var(--text-secondary, #a0a0a0);font-size:1rem;margin-bottom:2rem}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.feedback-field{display:flex;flex-direction:column;gap:.5rem}.feedback-label{color:var(--text-secondary, #a0a0a0);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feedback-categories{display:flex;flex-wrap:wrap;gap:.75rem}.feedback-category-btn{padding:.75rem 1rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ffffff);font-size:.9375rem;cursor:pointer;transition:all .2s ease}.feedback-category-btn:hover{border-color:var(--accent-color, #646cff)}.feedback-category-btn.active{background:var(--accent-color, #646cff);border-color:var(--accent-color, #646cff);color:#fff}.feedback-input{padding:.875rem 1rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ffffff);font-size:1rem;transition:border-color .2s ease}.feedback-input:focus{outline:none;border-color:var(--accent-color, #646cff)}.feedback-input::placeholder{color:var(--text-tertiary, #666)}.feedback-textarea{padding:.875rem 1rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ffffff);font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s ease}.feedback-textarea:focus{outline:none;border-color:var(--accent-color, #646cff)}.feedback-textarea::placeholder{color:var(--text-tertiary, #666)}.feedback-char-count{align-self:flex-end;color:var(--text-tertiary, #666);font-size:.75rem}.feedback-submit-btn{padding:1rem 1.5rem;background:var(--accent-color, #646cff);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.feedback-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;margin-top:2rem}.feedback-success-icon{font-size:3rem;margin-bottom:1rem}.feedback-success h2{color:var(--text-primary, #ffffff);font-size:1.25rem;margin:0 0 .75rem}.feedback-success p{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;margin:0 0 1.5rem;max-width:400px}.feedback-done-btn{padding:.75rem 1.5rem;background:var(--accent-color, #646cff);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.feedback-done-btn:hover{opacity:.9}.feedback-error{padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9375rem;line-height:1.4}.bug-report-page{max-width:800px;margin:0 auto;padding:1.5rem 1.5rem 6rem}.bug-report-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.bug-report-back{background:none;border:none;color:var(--accent-color, #646cff);font-size:1rem;cursor:pointer;padding:.5rem;margin-left:-.5rem}.bug-report-back:hover{text-decoration:underline}.bug-report-page h1{color:var(--text-primary, #ffffff);font-size:1.5rem;margin:0}.bug-report-intro{color:var(--text-secondary, #a0a0a0);font-size:1rem;margin-bottom:2rem}.bug-report-form{display:flex;flex-direction:column;gap:1.5rem}.bug-report-field{display:flex;flex-direction:column;gap:.5rem}.bug-report-label{color:var(--text-secondary, #a0a0a0);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bug-report-severities{display:flex;flex-direction:column;gap:.75rem}.bug-report-severity-btn{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s ease;text-align:left}.bug-report-severity-btn:hover{border-color:var(--accent-color, #646cff)}.bug-report-severity-btn.active{border-color:var(--accent-color, #646cff);background:#646cff1a}.severity-label{font-size:1rem;font-weight:500}.severity-desc{font-size:.8125rem;color:var(--text-secondary, #a0a0a0);margin-top:.25rem}.bug-report-input{padding:.875rem 1rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ffffff);font-size:1rem;transition:border-color .2s ease}.bug-report-input:focus{outline:none;border-color:var(--accent-color, #646cff)}.bug-report-input::placeholder{color:var(--text-tertiary, #666)}.bug-report-textarea{padding:.875rem 1rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ffffff);font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease}.bug-report-textarea:focus{outline:none;border-color:var(--accent-color, #646cff)}.bug-report-textarea::placeholder{color:var(--text-tertiary, #666)}.bug-report-device-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#646cff1a;border:1px solid rgba(100,108,255,.2);border-radius:8px}.bug-report-info-icon{font-size:1.25rem;flex-shrink:0}.bug-report-device-info p{color:var(--text-secondary, #a0a0a0);font-size:.875rem;margin:0;line-height:1.5}.bug-report-submit-btn{padding:1rem 1.5rem;background:var(--accent-color, #646cff);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.bug-report-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.bug-report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bug-report-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;margin-top:2rem}.bug-report-success-icon{font-size:3rem;margin-bottom:1rem}.bug-report-success h2{color:var(--text-primary, #ffffff);font-size:1.25rem;margin:0 0 .75rem}.bug-report-success p{color:var(--text-secondary, #a0a0a0);font-size:.9375rem;margin:0 0 1.5rem;max-width:400px}.bug-report-done-btn{padding:.75rem 1.5rem;background:var(--accent-color, #646cff);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.bug-report-done-btn:hover{opacity:.9}.bug-report-error{padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9375rem;line-height:1.4}.shared-results{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #121212)}.shared-results--loading,.shared-results--error{justify-content:center;align-items:center;padding:2rem}.shared-results-loading{text-align:center}.shared-results-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--border-color, #444);border-top-color:var(--primary, #646cff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.shared-results-loading p{color:var(--text-muted, #999);font-size:1rem}.shared-results-error{text-align:center;max-width:400px}.shared-results-error .error-icon{font-size:3rem;margin-bottom:1rem;display:block}.shared-results-error h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary, #e0e0e0)}.shared-results-error p{margin:0 0 1.5rem;color:var(--text-muted, #999);font-size:1rem}.shared-results-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #333)}.shared-results-content{flex:1;padding:1.5rem;max-width:600px;margin:0 auto;width:100%}.results-intro{text-align:center;margin-bottom:2rem}.results-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:500;color:var(--text-muted, #999)}.results-quiz-name{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary, #e0e0e0)}.results-section{margin-bottom:2rem}.section-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #999)}.personality-type-badge{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,var(--primary, #646cff),#8b5cf6);color:#fff;font-size:1.5rem;font-weight:700;border-radius:12px;letter-spacing:.1em}.summary-text{margin:0;font-size:1rem;line-height:1.6;color:var(--text-secondary, #b0b0b0)}.traits-list{display:flex;flex-direction:column;gap:1rem}.trait-item{background:var(--card-bg, #1f1f1f);border:1px solid var(--border-color, #333);border-radius:12px;padding:1rem}.trait-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trait-name{font-size:.95rem;font-weight:500;color:var(--text-primary, #e0e0e0)}.trait-score{font-size:.875rem;font-weight:600;color:var(--primary, #646cff)}.trait-bar{height:8px;background:var(--bg-secondary, #2a2a2a);border-radius:4px;overflow:hidden}.trait-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary, #646cff),#8b5cf6);border-radius:4px;transition:width .5s ease-out}.results-cta{text-align:center;padding:2rem 0}.cta-divider{width:60px;height:2px;background:var(--border-color, #333);margin:0 auto 1.5rem}.cta-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.shared-results-footer{padding:1.5rem;text-align:center}.share-meta{margin:0;font-size:.8rem;color:var(--text-muted, #666)}@media(prefers-color-scheme:light){.shared-results{background:#f5f5f5}.shared-results-header{background:#fff;border-color:#e0e0e0}.brand-name{color:#333}.results-title{color:#666}.results-quiz-name{color:#333}.section-title{color:#666}.summary-text{color:#555}.trait-item{background:#fff;border-color:#e0e0e0}.trait-name{color:#333}.trait-bar{background:#e0e0e0}.cta-title{color:#333}.cta-divider{background:#ddd}}@media(max-width:480px){.shared-results-content{padding:1rem}.results-quiz-name{font-size:1.5rem}.personality-type-badge{font-size:1.25rem;padding:.5rem 1.5rem}}.quiz-landing{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #121212)}.quiz-landing--loading,.quiz-landing--error{justify-content:center;align-items:center;padding:2rem}.quiz-landing-loading{text-align:center}.quiz-landing-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--border-color, #444);border-top-color:var(--primary, #646cff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.quiz-landing-loading p{color:var(--text-muted, #999);font-size:1rem}.quiz-landing-error{text-align:center;max-width:400px}.quiz-landing-error .error-icon{font-size:3rem;margin-bottom:1rem;display:block}.quiz-landing-error h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary, #e0e0e0)}.quiz-landing-error p{margin:0 0 1.5rem;color:var(--text-muted, #999);font-size:1rem}.quiz-landing-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #333)}.cognitus-brand{display:flex;align-items:center;gap:.5rem}.brand-logo{font-size:1.5rem}.brand-name{font-size:1.25rem;font-weight:700;color:var(--text-primary, #e0e0e0)}.quiz-landing-content{flex:1;padding:2rem 1.5rem;max-width:500px;margin:0 auto;width:100%}.quiz-info{text-align:center;margin-bottom:2rem}.quiz-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary, #e0e0e0)}.quiz-category{margin:0 0 1rem;font-size:.9rem;font-weight:500;color:var(--primary, #646cff);text-transform:uppercase;letter-spacing:.05em}.quiz-description{margin:0 0 1.5rem;font-size:1rem;line-height:1.6;color:var(--text-secondary, #b0b0b0)}.quiz-meta{display:flex;justify-content:center;gap:2rem}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{font-size:1.25rem}.meta-text{font-size:.9rem;color:var(--text-muted, #999)}.quiz-cta{text-align:center;padding:1.5rem 0}.login-link{margin:1rem 0 0;font-size:.9rem;color:var(--text-muted, #999)}.link-button{background:none;border:none;color:var(--primary, #646cff);font-size:inherit;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.link-button:hover{color:var(--primary-hover, #5558dd)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,#8bc34a,#7cb342);color:#fff}.btn-primary:hover{background:linear-gradient(180deg,#9cd35a,#8bc34a)}.btn-large{padding:1rem 2rem;font-size:1.125rem;width:100%}.about-cognitus{padding-top:2rem}.about-divider{width:60px;height:2px;background:var(--border-color, #333);margin:0 auto 1.5rem}.about-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #e0e0e0);text-align:center}.about-text{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-muted, #999);text-align:center}@media(prefers-color-scheme:light){.quiz-landing{background:#f5f5f5}.quiz-landing-header{background:#fff;border-color:#e0e0e0}.brand-name,.quiz-title{color:#333}.quiz-description{color:#555}.meta-text{color:#666}.about-title{color:#333}.about-text{color:#666}.about-divider{background:#ddd}}@media(max-width:480px){.quiz-landing-content{padding:1.5rem 1rem}.quiz-title{font-size:1.5rem}.quiz-meta{flex-direction:column;gap:.75rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--text-primary: rgba(255, 255, 255, .87);--text-secondary: #a0a0a0;--bg-primary: #242424;--bg-secondary: #1a1a1a;--card-bg: #2a2a2a;--hover-bg: #333;--border-color: #444;--accent-color: #4caf50;--primary: #646cff;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.light-theme{--text-primary: #213547;--text-secondary: #666;--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--card-bg: #f5f5f5;--hover-bg: #e8e8e8;--border-color: #ddd;--accent-color: #4caf50;--primary: #646cff;color:var(--text-primary);background-color:var(--bg-primary)}:root.dark-theme{--text-primary: rgba(255, 255, 255, .87);--text-secondary: #a0a0a0;--bg-primary: #242424;--bg-secondary: #1a1a1a;--card-bg: #2a2a2a;--hover-bg: #333;--border-color: #444;--accent-color: #4caf50;--primary: #646cff;color:var(--text-primary);background-color:var(--bg-primary)}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.main-content.has-bottom-nav{padding-bottom:80px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verification-blocking-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-color:var(--bg-primary)}