:root{--bg-primary:#0b1528;--bg-secondary:#0f1d38;--bg-card:#0f1d38b3;--bg-card-hover:#142344d9;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--bg-input:#ffffff0f;--text-primary:#f0f4ff;--text-secondary:#c8d6e8;--text-muted:#94a3b8;--text-accent:#a5b4fc;--accent-primary:#8b5cf6;--accent-secondary:#6366f1;--accent-tertiary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#3b82f6;--gradient-primary:linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);--gradient-accent:linear-gradient(135deg, #a78bfa, #6366f1);--gradient-warm:linear-gradient(135deg, #d97706, #dc2626, #db2777);--gradient-cool:linear-gradient(135deg, #2563eb, #0891b2, #059669);--gradient-hero:linear-gradient(180deg, #8b5cf61f 0%, #6366f10a 50%, transparent 100%);--border-subtle:#94a3b81f;--border-accent:#6366f140;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px #a78bfa26;--shadow-glow-strong:0 0 60px #a78bfa40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.app-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.25;will-change:transform;contain:layout style paint;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb-1{background:radial-gradient(circle,#8b5cf6 0%,#6366f1 50%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-10%;right:-5%}.bg-orb-2{background:radial-gradient(circle,#6366f1 0%,#3b82f6 50%,#0000 70%);width:400px;height:400px;animation-delay:-7s;bottom:-10%;left:-5%}.bg-orb-3{opacity:.2;background:radial-gradient(circle,#3b82f6 0%,#8b5cf6 50%,#0000 70%);width:300px;height:300px;animation-delay:-14s;top:40%;left:30%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.app-container{z-index:1;min-height:100vh;position:relative}.app-header{padding:var(--space-lg) var(--space-xl);text-align:center;position:relative}.app-logo{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.app-logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:42px;height:42px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:22px;display:flex}.app-logo h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.5px;background-clip:text;font-size:28px;font-weight:800}.app-subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:14px;font-weight:400}.hero-section{padding:var(--space-2xl) var(--space-xl);background:var(--gradient-hero);flex-direction:column;align-items:center;display:flex}.url-input-wrapper{width:100%;max-width:720px;position:relative}.url-input-container{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xs);transition:var(--transition-base);backdrop-filter:blur(20px);align-items:center;display:flex}.url-input-container:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-glow), 0 0 0 4px #a78bfa1a}.url-input-icon{padding:0 var(--space-md);color:var(--text-muted);align-items:center;display:flex}.url-input{color:var(--text-primary);font-size:16px;font-family:var(--font-sans);padding:var(--space-md) 0;background:0 0;border:none;outline:none;flex:1;font-weight:500}.url-input::placeholder{color:var(--text-muted);opacity:.9;font-weight:400}.url-submit-btn{background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);color:#fff;cursor:pointer;transition:var(--transition-base);align-items:center;gap:var(--space-sm);white-space:nowrap;border:none;font-size:14px;font-weight:600;display:flex}.url-submit-btn:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.url-submit-btn:active{transform:translateY(0)}.url-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.video-preview{width:100%;max-width:720px;margin-top:var(--space-xl);animation:slideUp .5s var(--transition-spring)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.video-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(20px)saturate(180%);overflow:hidden}.video-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.video-meta{padding:var(--space-lg)}.video-title{margin-bottom:var(--space-sm);font-size:18px;font-weight:700;line-height:1.3}.video-channel{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px;font-weight:500}.video-stats{gap:var(--space-lg);flex-wrap:wrap;display:flex}.video-stat{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:13px;display:flex}.video-stat-value{color:var(--text-primary);font-weight:600}.features-section{padding:var(--space-xl);max-width:1200px;margin:0 auto}.features-title{text-align:center;margin-bottom:var(--space-xl);color:var(--text-secondary);font-size:20px;font-weight:700}.features-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.feature-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:var(--transition-base);text-align:left;backdrop-filter:blur(10px);position:relative;overflow:hidden}.feature-btn:before{content:"";background:var(--btn-gradient);opacity:0;transition:var(--transition-base);position:absolute;inset:0}.feature-btn:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-btn:hover:before{opacity:.1}.feature-btn.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);background:#a78bfa14}.feature-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.feature-btn-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);z-index:1;display:flex;position:relative}.feature-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.feature-icon.purple{color:#c4b5fd;background:#a78bfa1f}.feature-icon.blue{color:#60a5fa;background:#3b82f626}.feature-icon.pink{color:#f472b6;background:#ec489926}.feature-icon.green{color:#34d399;background:#10b98126}.feature-icon.amber{color:#fbbf24;background:#f59e0b26}.feature-icon.cyan{color:#22d3ee;background:#06b6d426}.feature-icon.red{color:#f87171;background:#ef444426}.feature-icon.indigo{color:#818cf8;background:#6366f126}.feature-btn-title{color:var(--text-primary);font-size:15px;font-weight:600}.feature-btn-desc{color:var(--text-muted);z-index:1;font-size:12px;line-height:1.5;position:relative}.results-section{padding:0 var(--space-xl) var(--space-3xl);max-width:1200px;margin:0 auto}.result-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);backdrop-filter:blur(20px);animation:.4s ease-out slideUp}.result-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.result-title{align-items:center;gap:var(--space-sm);font-size:20px;font-weight:700;display:flex}.result-close-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:13px}.result-close-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.summary-content{color:var(--text-secondary);font-size:15px;line-height:1.8}.summary-meta{gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.summary-meta-item{align-items:center;gap:var(--space-sm);background:var(--bg-glass);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;display:flex}.summary-meta-item span{color:var(--text-primary);font-weight:600}.summary-text{margin-bottom:var(--space-xl)}.key-points-title{margin-bottom:var(--space-md);color:var(--text-accent);font-size:15px;font-weight:600}.key-points-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.key-point-tag{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:var(--text-accent);background:#a78bfa1a;border:1px solid #a78bfa33;font-size:13px;font-weight:500}.sentiment-overview{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.sentiment-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.sentiment-card-value{margin-bottom:var(--space-xs);font-size:28px;font-weight:800}.sentiment-card-value.positive{color:var(--accent-success)}.sentiment-card-value.negative{color:var(--accent-danger)}.sentiment-card-value.neutral{color:var(--accent-warning)}.sentiment-card-value.total{color:var(--accent-info)}.sentiment-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.sentiment-bar{border-radius:var(--radius-full);background:var(--bg-glass);height:8px;margin-bottom:var(--space-xl);display:flex;overflow:hidden}.sentiment-bar-segment{height:100%;transition:width .6s ease-out}.themes-section{margin-bottom:var(--space-xl)}.themes-title{margin-bottom:var(--space-md);color:var(--text-secondary);font-size:14px;font-weight:600}.themes-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.theme-tag{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:#818cf8;background:#6366f11a;border:1px solid #6366f133;font-size:13px;font-weight:500}.top-comments-title{margin-bottom:var(--space-md);color:var(--text-secondary);font-size:14px;font-weight:600}.comment-item{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);transition:var(--transition-fast)}.comment-item:hover{background:var(--bg-glass-hover)}.comment-author{color:var(--text-accent);margin-bottom:var(--space-xs);font-size:13px;font-weight:600}.comment-text{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;line-height:1.5}.comment-likes{color:var(--text-muted);align-items:center;gap:var(--space-xs);font-size:12px;display:flex}.engagement-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.engagement-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:var(--transition-base)}.engagement-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.engagement-icon{margin-bottom:var(--space-sm);font-size:28px}.engagement-value{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:24px;font-weight:800}.engagement-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.engagement-sub{color:var(--text-muted);margin-top:var(--space-xs);font-size:11px;font-family:var(--font-mono)}.channel-card{gap:var(--space-xl);align-items:flex-start;display:flex}.channel-avatar{object-fit:cover;border:3px solid var(--accent-primary);border-radius:50%;flex-shrink:0;width:100px;height:100px}.channel-details{flex:1}.channel-name{margin-bottom:var(--space-xs);font-size:22px;font-weight:700}.channel-custom-url{color:var(--text-accent);margin-bottom:var(--space-md);font-size:14px}.channel-stats-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.channel-stat{text-align:center}.channel-stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.channel-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.channel-description{color:var(--text-secondary);font-size:14px;line-height:1.7}.moments-list{gap:var(--space-md);flex-direction:column;display:flex}.moment-item{gap:var(--space-lg);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base);display:flex}.moment-item:hover{border-color:var(--border-accent);transform:translate(4px)}.moment-timestamp{font-family:var(--font-mono);color:var(--accent-primary);flex-shrink:0;min-width:60px;font-size:14px;font-weight:600}.moment-content{flex:1}.moment-title{margin-bottom:var(--space-xs);font-size:15px;font-weight:600}.moment-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.related-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.related-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-base);cursor:pointer;text-decoration:none;overflow:hidden}.related-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%}.related-info{padding:var(--space-md)}.related-title{margin-bottom:var(--space-xs);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-channel{color:var(--text-muted);font-size:12px}.loading-container{padding:var(--space-3xl);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px;font-weight:500}.error-message{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:#f87171;text-align:center;margin-top:var(--space-md);background:#ef44441a;border:1px solid #ef444433;font-size:14px}.word-freq-container{margin-bottom:var(--space-xl)}.word-freq-bar{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.word-freq-label{font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:100px}.word-freq-fill{border-radius:var(--radius-sm);background:var(--gradient-primary);height:24px;padding-right:var(--space-sm);color:#fff;justify-content:flex-end;align-items:center;min-width:30px;font-size:11px;font-weight:600;transition:width .6s ease-out;display:flex}@media (width<=1200px){.features-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.engagement-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.word-freq-label{min-width:80px;font-size:12px}}@media (width<=1024px){.result-panel{padding:var(--space-lg)}.result-title{font-size:18px}.engagement-value{font-size:20px}.sentiment-card-value{font-size:24px}.channel-name{font-size:20px}.channel-avatar{width:80px;height:80px}.channel-stat-value{font-size:18px}}@media (width<=768px){.hero-section{padding:var(--space-xl) var(--space-md)}.features-section{padding:var(--space-md)}.features-grid{grid-template-columns:1fr}.results-section{padding:0 var(--space-md) var(--space-2xl)}.result-panel{padding:var(--space-md);border-radius:var(--radius-md)}.result-header{gap:var(--space-sm);flex-direction:column;align-items:flex-start}.result-title{font-size:17px}.channel-card{text-align:center;flex-direction:column;align-items:center}.channel-avatar{width:72px;height:72px}.channel-stats-grid{justify-content:center}.engagement-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.engagement-card{padding:var(--space-md)}.engagement-value{font-size:20px}.engagement-icon{font-size:22px}.url-submit-btn span{display:none}.video-stats{gap:var(--space-md)}.video-title{font-size:16px}.video-meta{padding:var(--space-md)}.moment-item{gap:var(--space-sm);padding:var(--space-md);flex-direction:column}.moment-timestamp{font-size:13px}.related-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.topics-grid{grid-template-columns:1fr}.word-freq-bar{gap:var(--space-sm)}.word-freq-label{min-width:70px;font-size:11px}.word-freq-fill{height:20px;font-size:10px}.word-cloud-container{padding:var(--space-md)}.sentiment-overview{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.sentiment-card{padding:var(--space-md)}.sentiment-card-value{font-size:22px}.transcript-segment{gap:var(--space-sm)}.transcript-time{min-width:48px;font-size:11px}.transcript-text{font-size:13px}.feature-btn{padding:var(--space-md)}.feature-icon{width:36px;height:36px;font-size:16px}.features-title{font-size:18px}.loading-container{padding:var(--space-2xl)}.summary-meta{gap:var(--space-sm)}.summary-meta-item{padding:var(--space-xs) var(--space-sm);font-size:12px}.summary-content{font-size:14px}.score-gauge-value{font-size:26px}}@media (width<=480px){.engagement-grid,.sentiment-overview{grid-template-columns:1fr}.app-logo h1{font-size:22px}.related-grid{grid-template-columns:1fr}.channel-stats-grid{gap:var(--space-md)}.channel-stat-value{font-size:16px}.channel-name{font-size:18px}.result-close-btn{justify-content:center;width:100%}.word-freq-label{min-width:50px;font-size:10px}.word-freq-fill{height:18px}.feature-btn-desc{font-size:11px}.engagement-card{text-align:left;gap:var(--space-md);flex-direction:row;align-items:center}.engagement-icon{margin-bottom:0;font-size:20px}.engagement-value{font-size:18px}.error-boundary-card{padding:var(--space-2xl) var(--space-lg)}.error-boundary-card h2{font-size:20px}.error-boundary-actions{flex-direction:column}.error-boundary-actions button{width:100%}}.error-boundary-fallback{min-height:100vh;padding:var(--space-xl);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.error-boundary-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-2xl);text-align:center;backdrop-filter:blur(20px);border:1px solid #ef444433;max-width:480px}.error-boundary-icon{color:var(--accent-danger);margin-bottom:var(--space-lg)}.error-boundary-card h2{margin-bottom:var(--space-md);font-size:24px;font-weight:700}.error-boundary-message{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:14px;line-height:1.6}.error-boundary-actions{gap:var(--space-md);justify-content:center;display:flex}.page-loader{min-height:50vh;padding:var(--space-3xl);justify-content:center;align-items:center;display:flex}.page-loader-content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.page-loader-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.page-loader-content p{color:var(--text-muted);font-size:14px;font-weight:500}.analysis-video-card{gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.analysis-thumbnail{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:320px}.analysis-video-info{flex-direction:column;justify-content:center;display:flex}.analysis-video-title{margin-bottom:var(--space-sm);font-size:24px;font-weight:700;line-height:1.3}.analysis-video-channel{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:15px}.analysis-video-stats{gap:var(--space-md);color:var(--text-muted);font-size:14px;display:flex}.skeleton{background:linear-gradient(90deg, var(--bg-glass) 25%, var(--bg-glass-hover) 50%, var(--bg-glass) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-sm)}.skeleton-text-sm{width:60%;height:12px;margin-bottom:var(--space-sm)}.skeleton-title{width:70%;height:24px;margin-bottom:var(--space-md)}.skeleton-block{height:120px;margin-bottom:var(--space-md)}.skeleton-circle{border-radius:50%;width:48px;height:48px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.primary-btn{background:var(--gradient-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);color:#fff;cursor:pointer;transition:var(--transition-base);align-items:center;gap:var(--space-sm);border:none;font-size:14px;font-weight:600;display:inline-flex}.primary-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.content-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(20px)saturate(180%);margin-bottom:var(--space-lg);transition:transform .3s,box-shadow .3s,border-color .3s}.content-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}@media (width<=768px){.content-card{padding:var(--space-lg);border-radius:var(--radius-lg)}}.secondary-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);align-items:center;gap:var(--space-sm);font-size:14px;font-weight:500;display:inline-flex}.secondary-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}@media (width<=768px){.analysis-video-card{flex-direction:column}.analysis-thumbnail{width:100%;max-height:220px}}.skip-link{background:var(--accent-primary);color:#fff;z-index:1000;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:10px}.skip-link:focus{top:10px}.page-container{max-width:1100px;padding:0 var(--space-md);margin:0 auto;transition:all .3s}.page-header{margin-bottom:var(--space-2xl);animation:.6s cubic-bezier(.16,1,.3,1) fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-title{margin-bottom:var(--space-sm);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a5a5c0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(24px,5vw,36px);font-weight:800}.page-description{color:var(--text-secondary);max-width:700px;font-size:clamp(14px,2vw,16px);line-height:1.6}.responsive-tag-list{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.tag-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;background:#ffffff0f;padding:4px 12px;font-size:13px}@supports (padding-bottom:env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.chat-input-area{padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.sidebar{padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom))}}@media (width<=768px){.main-content{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}}.score-gauge{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.score-gauge-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-gauge-value{font-size:32px;font-weight:800;line-height:1}.score-gauge-label{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500}.marketer-panel-content{animation:.4s ease-out mktFadeIn}.marketer-panel-content h2{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-primary);font-size:20px;font-weight:700;display:flex}.mkt-section{margin-top:var(--space-xl)}.mkt-section-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-secondary);font-size:15px;font-weight:600;display:flex}@keyframes mktFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mkt-hero-card{gap:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);backdrop-filter:blur(20px);align-items:center;display:flex}.mkt-hero-gauge{flex-shrink:0}.mkt-hero-info{flex:1;min-width:0}.mkt-hero-summary{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:15px;line-height:1.7}.mkt-hero-hint{color:var(--text-muted);font-size:13px;font-style:italic}.mkt-verdict-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md);border:1px solid;font-size:14px;font-weight:600;display:inline-flex}.mkt-cpm-badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-md);color:#34d399;background:#10b9811a;border:1px solid #10b98133;width:fit-content;display:flex}.mkt-cpm-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.mkt-cpm-value{color:#34d399;font-size:18px;font-weight:700;display:block}.mkt-risk-list{gap:var(--space-sm);flex-direction:column;display:flex}.mkt-risk-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:var(--transition-fast);border:1px solid;display:flex}.mkt-risk-card:hover{transform:translate(4px)}.mkt-risk-severity{letter-spacing:.5px;white-space:nowrap;align-items:center;gap:6px;min-width:80px;padding-top:2px;font-size:11px;font-weight:700;display:flex}.mkt-risk-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.safe-pill{color:#34d399!important;background:#10b9811a!important;border-color:#10b98133!important}.interest-pill{color:#c4b5fd!important;background:#a78bfa1a!important;border-color:#a78bfa33!important}.hashtag-pill{font-family:var(--font-mono);color:#60a5fa!important;background:#3b82f61a!important;border-color:#3b82f633!important;font-size:12px!important}.mkt-dimension-list{gap:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;display:flex}.mkt-dim-row{align-items:center;gap:var(--space-md);display:flex}.mkt-dim-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);flex-shrink:0;min-width:140px;font-size:13px;font-weight:500;display:flex}.mkt-dim-icon{font-size:16px}.mkt-dim-bar-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:10px;overflow:hidden}.mkt-dim-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.mkt-dim-value{text-align:right;min-width:42px;font-size:13px;font-weight:700;font-family:var(--font-mono)}.mkt-deals-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.mkt-deal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.mkt-deal-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.mkt-deal-type{color:var(--text-accent);margin-bottom:var(--space-sm);font-size:15px;font-weight:700}.mkt-deal-reason{color:var(--text-muted);font-size:13px;line-height:1.5}.mkt-brief-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.mkt-brief-header h2{margin-bottom:0}.mkt-brief-doc{gap:var(--space-lg);flex-direction:column;display:flex}.mkt-brief-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.mkt-brief-section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.mkt-brief-section-header h3{color:var(--text-primary);font-size:15px;font-weight:600}.mkt-brief-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mkt-brief-text{color:var(--text-secondary);font-size:14px;line-height:1.7}.mkt-brief-points{gap:var(--space-sm);flex-direction:column;display:flex}.mkt-brief-point{align-items:flex-start;gap:var(--space-md);display:flex}.mkt-brief-point-num{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:12px;font-weight:700;display:flex}.mkt-brief-point p{color:var(--text-secondary);font-size:14px;line-height:1.6}.mkt-cta-list{gap:var(--space-sm);flex-direction:column;display:flex}.mkt-cta-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#34d399;transition:var(--transition-fast);background:#10b9810f;border:1px solid #10b98126;font-size:14px;font-weight:500;display:flex}.mkt-cta-item:hover{background:#10b9811a}.mkt-cta-item span{color:var(--text-secondary)}.mkt-brief-bottom-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.mkt-brief-bottom-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.mkt-brief-reach{color:var(--text-accent);margin-top:var(--space-xs);font-size:22px;font-weight:800}.mkt-positioning-card{align-items:flex-start;gap:var(--space-lg);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#a78bfa14,#3b82f60f);border:1px solid #a78bfa33;display:flex}.mkt-positioning-icon{border-radius:var(--radius-md);color:#c4b5fd;background:#a78bfa26;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mkt-positioning-card h3{color:var(--text-accent);margin-bottom:var(--space-xs);font-size:14px;font-weight:600}.mkt-positioning-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.mkt-chart-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.mkt-competitor-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.mkt-competitor-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-base)}.mkt-competitor-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mkt-competitor-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.mkt-competitor-rank{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.mkt-competitor-name{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.mkt-competitor-niche{color:var(--text-muted);font-size:12px}.mkt-competitor-stats{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.mkt-comp-stat{text-align:center;padding:var(--space-sm);background:var(--bg-glass);border-radius:var(--radius-sm)}.mkt-comp-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;display:block}.mkt-comp-stat-value{color:var(--text-primary);font-size:14px;font-weight:700}.mkt-competitor-strength{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--accent-warning);background:#f59e0b0f;font-size:13px}.mkt-growth-card{align-items:flex-start;gap:var(--space-md);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-xl);background:#10b9810f;border:1px solid #10b98126;display:flex}.mkt-growth-card h3{color:#34d399;margin-bottom:var(--space-xs);font-size:14px;font-weight:600}.mkt-growth-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.demo-persona-card{align-items:flex-start;gap:var(--space-lg);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#a78bfa14,#f472b60f);border:1px solid #a78bfa33;display:flex;position:relative;overflow:hidden}.demo-persona-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa14 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-20%}.demo-persona-icon-wrap{border-radius:var(--radius-lg);color:#c4b5fd;background:#a78bfa26;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.demo-persona-info{flex:1;min-width:0}.demo-persona-label{text-transform:uppercase;letter-spacing:.8px;color:#c4b5fd;margin-bottom:var(--space-xs);font-size:11px;font-weight:600}.demo-persona-text{color:var(--text-secondary);font-size:15px;line-height:1.7}.demo-audience-size-badge{border-radius:var(--radius-full);color:#34d399;white-space:nowrap;background:#34d3991a;border:1px solid #34d39933;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.demo-stats-row{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.demo-stat-card{align-items:center;gap:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);transition:var(--transition-base);display:flex}.demo-stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.demo-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.demo-stat-icon--purple{color:#a78bfa;background:#8b5cf61f}.demo-stat-icon--pink{color:#f472b6;background:#f472b61f}.demo-stat-icon--green{color:#34d399;background:#34d3991f}.demo-stat-icon--amber{color:#fbbf24;background:#fbbf241f}.mkt-brief-icon--red{color:#f87171;background:#ef44441f}.mkt-brief-icon--purple{color:#a78bfa;background:#8b5cf61f}.mkt-brief-icon--blue{color:#60a5fa;background:#3b82f61f}.mkt-brief-icon--green{color:#34d399;background:#10b9811f}.mkt-brief-icon--amber{color:#fbbf24;background:#f59e0b1f}.mkt-brief-icon--pink{color:#f472b6;background:#ec48991f}.mkt-growth-icon{color:#10b981}.demo-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:500;display:block}.demo-stat-value{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3;display:block}.demo-chart-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.demo-dist-container{gap:var(--space-md);flex-direction:column;display:flex}.demo-dist-bar{border-radius:var(--radius-full);gap:2px;height:28px;display:flex;overflow:hidden}.demo-dist-segment{min-width:4px;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.demo-dist-segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.demo-dist-segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.demo-dist-legend{gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.demo-dist-legend-item{align-items:center;gap:6px;font-size:13px;display:flex}.demo-dist-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.demo-dist-legend-label{color:var(--text-secondary)}.demo-dist-legend-pct{color:var(--text-primary);font-weight:700;font-family:var(--font-mono);font-size:12px}.demo-psycho-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.demo-psycho-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex}.demo-psycho-label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600}.demo-psycho-value{color:var(--text-accent);font-size:14px;font-weight:600}.demo-psycho-text{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.7}.demo-platforms-grid{gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;display:flex}.demo-platform-card{align-items:center;gap:var(--space-md);display:flex}.demo-platform-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.demo-platform-name{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:13px;font-weight:500}.demo-platform-bar-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:8px;overflow:hidden}.demo-platform-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.demo-platform-pct{color:var(--text-primary);font-size:12px;font-weight:700;font-family:var(--font-mono);text-align:right;min-width:36px}.geo-pill{color:#60a5fa!important;background:#3b82f61a!important;border-color:#3b82f633!important}.demo-habits-list{gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;display:flex}.demo-habit-item{align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:14px;line-height:1.5;display:flex}.demo-habit-bullet{color:var(--text-accent);flex-shrink:0;margin-top:1px;font-weight:700}.copy-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.copy-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-accent)}.copy-btn.copied{color:#34d399;border-color:#10b9814d}.loading-state{padding:var(--space-3xl);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-state p{color:var(--text-muted);font-size:14px}.error-state{padding:var(--space-3xl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-muted);flex-direction:column;display:flex}.mt-4{margin-top:var(--space-md)}@media (width<=768px){.mkt-hero-card{text-align:center;flex-direction:column}.mkt-hero-info{flex-direction:column;align-items:center;display:flex}.mkt-dim-label{min-width:100px;font-size:12px}.mkt-competitor-grid,.mkt-brief-bottom-row,.mkt-competitor-stats{grid-template-columns:1fr}.mkt-positioning-card{flex-direction:column}.demo-stats-row{grid-template-columns:repeat(2,1fr)}.demo-persona-card{flex-direction:column;align-items:stretch}.demo-audience-size-badge{align-self:flex-start}.demo-platform-name{min-width:60px}}@media (width<=480px){.demo-stats-row{grid-template-columns:1fr}}.demo-dist-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.demo-dist-section h3{margin-bottom:var(--space-md);color:var(--text-secondary);font-size:15px;font-weight:600}.demo-dist-bars{gap:var(--space-sm);flex-direction:column;display:flex}.demo-dist-row{align-items:center;gap:var(--space-md);display:flex}.demo-dist-label{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:13px;font-weight:500}.demo-dist-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:10px;overflow:hidden}.demo-dist-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.demo-dist-pct{text-align:right;min-width:40px;font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.demo-persona-icon{border-radius:var(--radius-md);background:#a78bfa1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.5s infinite shimmerAnim;position:absolute;inset:0}@keyframes shimmerAnim{0%{transform:translate(-100%)}to{transform:translate(100%)}}.highlight-red{border:1px dashed var(--accent-danger);text-align:center;background:#ef44440d;border-radius:20px;flex-direction:column;align-items:center;padding:40px;display:flex}.glassmorphism{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid #94a3b826}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-title{letter-spacing:-.03em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;align-items:center;gap:var(--space-md);-webkit-background-clip:text;font-size:28px;font-weight:800;display:flex}.pulse-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.pulse-metric-card{padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:var(--transition-base);display:flex}.pulse-metric-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.pulse-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;display:flex}.pulse-content{flex:1}.pulse-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.pulse-value{color:var(--text-primary);font-size:24px;font-weight:800}.pulse-desc{color:var(--text-secondary);opacity:.8;font-size:12px}.premium-tag-list{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.premium-topic-tag,.premium-phrase-tag{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition-fast);padding:6px 16px;font-size:13px;font-weight:500}.premium-topic-tag:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f64d}.premium-phrase-tag:hover{border-color:var(--border-accent);color:var(--text-accent);background:#a78bfa1a}.dot-indicator{border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.dot-indicator.blue{color:#3b82f6;background:#3b82f6}.dot-indicator.purple{color:#c4b5fd;background:#a78bfa}.premium-tooltip{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:12px}.tooltip-label{color:var(--text-primary);margin-bottom:4px;font-weight:600}.tooltip-item{align-items:center;gap:8px;margin-top:2px;display:flex}.tooltip-item .dot{border-radius:50%;width:6px;height:6px}.content-card-premium{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(20px);transition:all .3s}.content-card-premium:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.chart-wrapper-premium{margin-top:var(--space-lg);padding:var(--space-lg)}.card-header-inner{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;display:flex}.card-tag{text-transform:uppercase;color:var(--accent-primary);letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.cloud-word-premium{transition:all .3s var(--transition-spring);cursor:pointer;margin:4px 12px;display:inline-block}.premium-word-cloud{padding:var(--space-xl);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.card-header-mini{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.card-header-mini h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.semantic-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.semantic-grid{grid-template-columns:1fr}}@media (width<=1024px){.mkt-deals-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mkt-competitor-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mkt-dim-label{min-width:120px;font-size:12px}}@media (width<=480px){.mkt-hero-card{padding:var(--space-md)}.mkt-hero-summary{font-size:14px}.mkt-deals-grid{grid-template-columns:1fr}.mkt-deal-card{padding:var(--space-md)}.mkt-dim-label{min-width:80px;font-size:11px}.mkt-dim-value{min-width:36px;font-size:12px}.mkt-brief-section{padding:var(--space-md)}.mkt-risk-card{padding:var(--space-md);flex-direction:column}.mkt-positioning-card{padding:var(--space-md)}.mkt-growth-card{padding:var(--space-md);flex-direction:column}.mkt-competitor-card{padding:var(--space-md)}.mkt-cpm-badge{justify-content:center;width:100%}.marketer-panel-content h2{font-size:18px}.mkt-section-title{font-size:14px}}@media (width<=768px){.demo-stat-card{padding:var(--space-sm) var(--space-md)}.demo-stat-icon{width:36px;height:36px}.demo-stat-value{font-size:13px}.demo-psycho-row{gap:var(--space-sm);flex-direction:column;align-items:flex-start}.demo-dist-row{gap:var(--space-sm)}.demo-dist-label{min-width:60px;font-size:12px}}@media (width<=480px){.demo-persona-card{padding:var(--space-md)}.demo-persona-icon-wrap{width:44px;height:44px}.demo-persona-text{font-size:14px}.demo-stat-card{text-align:center;gap:var(--space-sm);flex-direction:column}.demo-habits-list{padding:var(--space-md)}.demo-habit-item{font-size:13px}.demo-platforms-grid{padding:var(--space-md)}.demo-platform-name{min-width:50px;font-size:12px}.demo-psycho-card,.demo-chart-card,.demo-dist-section{padding:var(--space-md)}.highlight-red{padding:var(--space-lg)}}@media (width<=768px){.page-container{padding:0 var(--space-sm)}.page-header{margin-bottom:var(--space-xl)}.primary-btn,.secondary-btn{min-height:44px;padding:var(--space-md) var(--space-lg)}.copy-btn{min-height:40px;padding:var(--space-sm) var(--space-md)}.tag-pill{min-height:32px;padding:6px 14px}}.analysis-video-title,.video-title,.channel-name,.result-title,.moment-title,.mkt-deal-type,.mkt-competitor-name{overflow-wrap:break-word;word-break:break-word}.legal-page{max-width:800px;color:var(--text-primary);margin:0 auto;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2rem);animation:.6s cubic-bezier(.16,1,.3,1) fadeInDown}.legal-page-title{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.2}.legal-page-date{color:var(--text-secondary);margin-bottom:clamp(1.5rem,4vw,2rem);font-size:clamp(.9rem,2vw,1.1rem)}.legal-page-body{color:var(--text-secondary);line-height:1.8}.legal-intro{margin-bottom:2rem;font-size:clamp(.95rem,2vw,1.05rem)}.legal-section{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.legal-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:600}.legal-section p{margin-bottom:1rem;font-size:clamp(.875rem,2vw,1rem)}.legal-section ul{margin-bottom:1rem;padding-left:1.5rem}.legal-section li{margin-bottom:.5rem;font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.legal-section strong{color:var(--text-primary)}.legal-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.legal-link:hover{color:#60a5fa;text-decoration:underline}.notfound-page{text-align:center;color:var(--text-primary);max-width:560px;margin:0 auto;padding:clamp(3rem,10vw,6rem) clamp(1rem,4vw,2rem);animation:.6s cubic-bezier(.16,1,.3,1) fadeIn}.notfound-code{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-size:clamp(4rem,15vw,6rem);font-weight:900;line-height:1}.notfound-title{margin-bottom:.75rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.notfound-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=480px){.notfound-actions{flex-direction:column}.notfound-actions a,.notfound-actions button{justify-content:center;width:100%}}.auth-standalone-page{min-height:80vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.auth-standalone-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);width:100%;max-width:420px;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);padding:clamp(1.5rem,5vw,2.5rem);animation:.4s ease-out fadeIn}.auth-standalone-title{text-align:center;color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.auth-standalone-desc{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:clamp(.85rem,2vw,.95rem);line-height:1.5}.auth-standalone-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-input-wrap{position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font-sans);box-sizing:border-box;outline:none;padding:12px 12px 12px 40px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #a78bfa26}@media (width<=480px){.auth-standalone-page{padding:var(--space-md);min-height:70vh}.auth-standalone-card{padding:var(--space-lg)}}.section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-2xl);animation:.5s cubic-bezier(.16,1,.3,1) fadeInDown;display:flex}.section-header-left{align-items:flex-start;gap:var(--space-md);min-width:0;display:flex}.section-header-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent-primary);background:#a78bfa1f;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #a78bfa14}.section-header-text{min-width:0}.section-header-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#c8c8e0 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);background-clip:text;font-size:clamp(22px,4vw,32px);font-weight:800;line-height:1.2}.section-header-subtitle{color:var(--text-secondary);max-width:600px;font-size:clamp(13px,2vw,15px);line-height:1.5}.section-header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}@media (width<=768px){.section-header{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column}.section-header-icon{width:40px;height:40px}.section-header-actions{width:100%}}.empty-video-state{min-height:55vh;padding:var(--space-xl);justify-content:center;align-items:center;animation:.5s ease-out fadeInDown;display:flex}.empty-video-state-card{text-align:center;max-width:420px;padding:var(--space-3xl) var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);backdrop-filter:blur(20px)}.empty-video-state-icon{width:72px;height:72px;margin:0 auto var(--space-xl);border-radius:var(--radius-xl);color:var(--text-muted);background:#a78bfa14;border:1px solid #a78bfa26;justify-content:center;align-items:center;display:flex}.empty-video-state-title{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:20px;font-weight:700}.empty-video-state-message{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:14px;line-height:1.6}.empty-video-state-btn{align-items:center;gap:var(--space-sm);background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:var(--transition-base);border:none;padding:12px 28px;font-size:14px;font-weight:600;display:inline-flex}.empty-video-state-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pro-upsell-card{text-align:center;padding:var(--space-3xl) var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);backdrop-filter:blur(20px);max-width:520px;margin:var(--space-xl) auto;border:1px solid #a78bfa26;animation:.4s ease-out fadeInDown}.pro-upsell-icon{width:80px;height:80px;margin:0 auto var(--space-xl);border-radius:var(--radius-xl);color:var(--accent-primary);background:linear-gradient(135deg,#a78bfa1f,#818cf814);border:1px solid #a78bfa33;justify-content:center;align-items:center;display:flex}.pro-upsell-title{margin-bottom:var(--space-md);color:var(--text-primary);font-size:22px;font-weight:700}.pro-upsell-description{color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:400px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.7}.pro-upsell-btn{align-items:center;gap:var(--space-sm);background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:var(--transition-spring);border:none;padding:14px 32px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #a78bfa40}.pro-upsell-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #a78bfa66}.feature-page{max-width:1100px;padding:0 var(--space-md);margin:0 auto}.feature-page-content{min-height:40vh;animation:.4s ease-out fadeIn}.unified-tabs{margin-bottom:var(--space-xl);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:6px;padding:6px;display:flex;position:relative;overflow-x:auto}.unified-tabs::-webkit-scrollbar{display:none}.unified-tabs-wrapper{position:relative}.unified-tabs-wrapper:before,.unified-tabs-wrapper:after{content:"";z-index:2;pointer-events:none;opacity:0;width:32px;transition:opacity .2s;position:absolute;top:0;bottom:0}.unified-tabs-wrapper:before{background:linear-gradient(90deg, var(--bg-primary), transparent);border-radius:var(--radius-xl) 0 0 var(--radius-xl);left:0}.unified-tabs-wrapper:after{background:linear-gradient(-90deg, var(--bg-primary), transparent);border-radius:0 var(--radius-xl) var(--radius-xl) 0;right:0}.unified-tabs-wrapper.scroll-left:before,.unified-tabs-wrapper.scroll-right:after{opacity:1}.unified-tab{color:var(--text-muted);font-size:14px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.unified-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.unified-tab.active{color:#fff;background:var(--gradient-primary);box-shadow:0 4px 15px #a78bfa4d}.unified-tab .tab-pro-badge{letter-spacing:.5px;border-radius:var(--radius-full);color:var(--accent-primary);text-transform:uppercase;background:#a78bfa33;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.unified-tab.active .tab-pro-badge{color:#fff;background:#fff3}@media (width<=768px){.unified-tabs{border-radius:var(--radius-lg);margin-bottom:var(--space-lg);justify-content:flex-start;gap:4px;padding:4px}.unified-tab{gap:6px;min-height:40px;padding:8px 12px;font-size:13px}.unified-tab .tab-label{display:inline}.unified-tab .tab-icon{display:flex}}@media (width>=769px){.unified-tab .tab-label{display:inline}}.alert-banner{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);animation:.4s ease-out fadeInDown;display:flex}.alert-banner-content{flex:1;min-width:0}.alert-banner-title{margin-bottom:2px;font-size:15px;font-weight:700}.alert-banner-text{color:var(--text-secondary);opacity:.85;font-size:13px;line-height:1.5}.alert-banner-action .btn{white-space:nowrap;padding:6px 14px;font-size:12px}@media (width<=640px){.alert-banner{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);flex-direction:column}.alert-banner-action{width:100%}.alert-banner-action .btn{justify-content:center;width:100%}}.plan-badge{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.plan-badge-header{align-items:center;gap:var(--space-sm);display:flex}.plan-badge-label{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.plan-badge-meter{width:100%}.plan-badge-meter-info{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.plan-badge-meter-label{opacity:.7;font-size:11px}.plan-badge-meter-value{font-size:11px;font-weight:600}.plan-badge-meter-track{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.plan-badge-meter-fill{border-radius:2px;height:100%;transition:width .5s}.stat-card-enhanced{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:var(--transition-base);display:flex;position:relative;overflow:hidden}.stat-card-enhanced:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card-enhanced:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-enhanced .stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.history-timeline{padding-left:var(--space-xl);flex-direction:column;gap:0;display:flex;position:relative}.history-timeline:before{content:"";background:var(--border-subtle);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:11px}.history-timeline-item{padding:var(--space-md) 0;align-items:flex-start;gap:var(--space-md);display:flex;position:relative}.history-timeline-dot{left:calc(-1 * var(--space-xl) + 6px);top:calc(var(--space-md) + 4px);background:var(--accent-primary);border:2px solid var(--bg-primary);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 0 3px #a78bfa26}.history-timeline-content{flex:1;min-width:0}.history-timeline-content h3{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.history-timeline-content p{color:var(--text-muted);font-size:13px;line-height:1.4}.history-timeline-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:11px}.mode-category{margin-bottom:var(--space-xl)}.mode-category-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);display:flex}.mode-category-emoji{font-size:18px}.mode-category-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:13px;font-weight:600}@media (width<=768px){.mode-category-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mode-category-cards{grid-template-columns:1fr 1fr}}.language-selector{flex-direction:column;gap:4px;display:flex}.language-selector-label{color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:600}.language-selector-select{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);cursor:pointer;outline:none;min-width:140px;padding:8px 14px;transition:border-color .2s,box-shadow .2s}.language-selector-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #a78bfa1f}@media (width<=768px){.language-selector,.language-selector-select{width:100%}.features-grid[role=tablist]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features-grid[role=tablist]{gap:var(--space-sm);grid-template-columns:1fr 1fr}.features-grid .feature-btn-desc{display:none}}.pro-gate-wrapper{position:relative}.pro-gate-blur{filter:blur(4px);opacity:.4;pointer-events:none;user-select:none}.pro-gate-overlay{backdrop-filter:blur(2px);z-index:5;background:#0a0a1499;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.pro-gate-icon{color:#a78bfa;background:#8b5cf626;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.pro-gate-title{color:#f0f0f5;text-align:center;font-size:18px;font-weight:700}.pro-gate-desc{color:#a5a5c0;text-align:center;max-width:300px;font-size:14px;line-height:1.5}.pro-gate-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-sans);background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #8b5cf64d}.pro-gate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf673}.alert-banner{border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;animation:.3s ease-out fadeIn;display:flex}.alert-banner--danger{background:#ef44441a;border:1px solid #ef444433}.alert-banner--warning{background:#eab3081a;border:1px solid #eab30833}.alert-banner--info{background:#3b82f61a;border:1px solid #3b82f633}.alert-banner-icon{flex-shrink:0;font-size:24px}.alert-banner-content{flex:1}.alert-banner-title{margin:0;font-size:15px;font-weight:700}.alert-banner--danger .alert-banner-title{color:#ef4444}.alert-banner--warning .alert-banner-title{color:#eab308}.alert-banner--info .alert-banner-title{color:#3b82f6}.alert-banner-text{opacity:.8;color:#cbd5e1;margin:4px 0 0;font-size:13px}.alert-banner-action{flex-shrink:0}.alert-banner-action .secondary-btn{white-space:nowrap;padding:6px 12px;font-size:12px}@media (width<=768px){.alert-banner{flex-direction:column;align-items:flex-start;gap:12px}.alert-banner-action{width:100%}.alert-banner-action .secondary-btn{justify-content:center;width:100%}}.icon-purple{color:#8b5cf6}.icon-indigo{color:#6366f1}.icon-blue{color:#3b82f6}.icon-green{color:#10b981}.icon-amber{color:#fbbf24}.icon-orange{color:#f97316}.icon-red{color:#ef4444}.icon-pink{color:#ec4899}.icon-play-sm{opacity:.6;margin-right:4px}.summary-header-row{justify-content:space-between;align-items:center;display:flex}.watch-channel-avatar--fallback{background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.watch-channel-btn{align-items:center;gap:6px;text-decoration:none;display:flex}.share-btn{color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9rem;transition:background .2s;display:inline-flex}.share-btn:hover{background:#8b5cf62e}.share-btn:disabled{opacity:.6;cursor:not-allowed}.score-gauge-arc{transition:stroke-dashoffset .8s ease-out,stroke .8s ease-out}.sf-header--tight{margin-bottom:.35rem}.gaps-missed-card--blue{background:#3b82f60a;border-color:#3b82f61a}.gaps-missed-icon--blue{color:#60a5fa;background:#3b82f61f}.watch-text-sm{color:var(--text-muted);font-size:14px}.flex-start{justify-content:flex-start!important}.ml-md{margin-left:var(--space-md)!important}.mb-lg{margin-bottom:var(--space-lg)!important}.refund-page-container{max-width:600px;margin:0 auto;padding-top:4rem}.refund-page-desc{color:var(--text-secondary);margin-bottom:1.5rem}.mx-auto{margin:0 auto!important}.mb-md{margin-bottom:1rem!important}.d-block{display:block!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.flex-1{flex:1!important}.text-center{text-align:center!important}.py-xl{padding:1.25rem 0!important}.auth-success-text{color:#10b981;margin-bottom:.5rem;font-weight:500}.auth-error-wrap{text-align:left;align-items:flex-start;gap:.5rem;display:flex}.flex-shrink-0{flex-shrink:0!important}.mt-sm{margin-top:.5rem!important}.mt-xl{margin-top:var(--space-xl)!important}.header-between-start{justify-content:space-between;align-items:flex-start;display:flex}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#0000000a;--bg-glass-hover:#00000012;--bg-input:#00000008;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-accent:#7c3aed;--accent-primary:#8b5cf6;--accent-secondary:#6366f1;--accent-tertiary:#ec4899;--border-subtle:#0000001a;--border-accent:#8b5cf64d;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 40px #0000001f;--shadow-glow:0 0 30px #8b5cf626;--shadow-glow-strong:0 0 60px #8b5cf640;--gradient-hero:linear-gradient(180deg, #8b5cf614 0%, #6366f105 50%, transparent 100%)}[data-theme=midnight]{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-card:#0f172ab3;--bg-card-hover:#1e293bd9;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-input:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#38bdf8;--accent-primary:#0ea5e9;--accent-secondary:#3b82f6;--accent-tertiary:#8b5cf6;--border-subtle:#ffffff14;--border-accent:#0ea5e94d;--shadow-glow:0 0 30px #0ea5e926;--shadow-glow-strong:0 0 60px #0ea5e940;--gradient-primary:linear-gradient(135deg, #0ea5e9, #3b82f6, #8b5cf6);--gradient-hero:linear-gradient(180deg, #0ea5e91f 0%, #3b82f60a 50%, transparent 100%)}[data-theme=forest]{--bg-primary:#052e16;--bg-secondary:#064e3b;--bg-card:#064e3bb3;--bg-card-hover:#04785799;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff1a;--bg-input:#ffffff14;--text-primary:#ecfdf5;--text-secondary:#a7f3d0;--text-muted:#6ee7b7;--text-accent:#34d399;--accent-primary:#10b981;--accent-secondary:#059669;--accent-tertiary:#fbbf24;--border-subtle:#ffffff1a;--border-accent:#10b9814d;--shadow-glow:0 0 30px #10b98126;--shadow-glow-strong:0 0 60px #10b98140;--gradient-primary:linear-gradient(135deg, #10b981, #059669, #047857);--gradient-hero:linear-gradient(180deg, #10b9811f 0%, #0596690a 50%, transparent 100%)}.sidebar{border-right:1px solid var(--border-subtle);width:260px;padding:var(--space-xl) var(--space-md);backdrop-filter:blur(20px);z-index:50;background:#0a0a0fcc;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:0 var(--space-sm);display:flex}.logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:36px;height:36px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.sidebar-brand{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:800}.sidebar-nav{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-base);cursor:pointer;background:0 0;border:none;width:100%;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-glass);color:var(--text-primary)}.nav-item.active{color:var(--text-accent);background:#a78bfa26;font-weight:600}.sidebar-section-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:var(--space-md) var(--space-md) var(--space-xs);margin-top:var(--space-sm);font-size:11px;font-weight:700}.sidebar-footer{padding-top:var(--space-md);border-top:1px solid var(--border-subtle);margin-top:auto}.sidebar-plan-badge{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .3s;display:flex}.sidebar-plan-badge[style*=\#fbbf24]{background:#fbbf240d;border-color:#fbbf2433;box-shadow:0 0 15px #fbbf240d}.sidebar-plan-badge[style*=\#a78bfa]{background:#a78bfa0d;border-color:#a78bfa33;box-shadow:0 0 15px #a78bfa0d}.sidebar-usage-text{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:400}@media (width<=768px){.sidebar{width:280px;height:100dvh;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 30px #00000080}.sidebar-footer{padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,24px))}}.sidebar-plan-card{flex-direction:column;height:auto;padding:12px}.sidebar-plan-row{align-items:center;gap:8px;width:100%;margin-bottom:6px;display:flex}.sidebar-plan-label{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.sidebar-tokens-wrap{width:100%}.sidebar-tokens-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sidebar-tokens-label{opacity:.7;font-size:11px}.sidebar-tokens-value{font-size:11px;font-weight:600}.sidebar-tokens-bar{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.sidebar-tokens-fill{height:100%;transition:width .5s}.sidebar-legal-links{justify-content:center;gap:12px;margin-top:8px;font-size:11px;display:flex}.sidebar-legal-link{color:#9ca3af;text-decoration:none}.sidebar-legal-link:hover{color:var(--text-primary)}.sidebar-logo-link{color:inherit;text-decoration:none}.sidebar-logo-img{object-fit:contain}.main-header{border-bottom:1px solid var(--border-subtle);height:70px;padding:0 var(--space-xl);backdrop-filter:blur(20px);z-index:10;justify-content:space-between;align-items:center;gap:var(--space-md);background:#0a0a0f99;display:flex;position:sticky;top:0}.header-hamburger{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:none}.header-hamburger:hover{background:var(--bg-glass-hover)}.header-actions{align-items:center;gap:var(--space-lg);flex-shrink:0;display:flex}.header-active-video{align-items:center;gap:var(--space-sm);background:var(--bg-glass);border-radius:var(--radius-full);color:var(--text-secondary);max-width:300px;padding:6px 12px;font-size:13px;display:flex}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-signin-btn{border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.header-signin-btn:hover{background:#ffffff1a}.header-signup-btn{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.header-signup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a78bfa66}.header-user-menu{position:relative}.header-user-btn{border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .2s;display:flex}.header-user-btn:hover{background:#ffffff14;border-color:#ffffff1f}.header-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.header-user-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:500;overflow:hidden}.header-tier-badge{border-radius:var(--radius-full);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;font-size:11px;font-weight:700}.dropdown-chevron{color:var(--text-muted);transition:transform .2s}.dropdown-chevron.open{transform:rotate(180deg)}.header-dropdown{z-index:100;background:#12121efa;border:1px solid #ffffff14;border-radius:16px;width:260px;padding:8px;animation:.2s ease-out dropdownFade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000080}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{flex-direction:column;gap:12px;padding:12px;display:flex}.dropdown-email{color:var(--text-muted);text-align:center;word-break:break-all;font-size:13px}.dropdown-usage{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.dropdown-usage-bar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.dropdown-usage-fill{border-radius:2px;height:100%;transition:width .5s ease-out}.dropdown-divider{background:#ffffff0f;height:1px;margin:4px 0}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.dropdown-item:hover{color:var(--text-primary);background:#ffffff0f}.dropdown-item.upgrade{color:var(--accent-primary);font-weight:600}.dropdown-item.upgrade:hover{background:#a78bfa1a}.dropdown-item.danger:hover{color:#f87171;background:#ef44441a}@media (width<=768px){.main-header{height:60px;padding:0 var(--space-md);gap:var(--space-sm)}.header-hamburger{display:flex}.header-active-video,.header-user-name,.header-tier-badge,.dropdown-chevron{display:none}.header-dropdown{top:64px;right:var(--space-md);width:calc(100vw - calc(var(--space-md) * 2));transform-origin:100% 0;max-width:320px;position:fixed;box-shadow:0 16px 40px #0009}.header-user-btn{padding:4px}.header-signin-btn span,.header-signup-btn span{display:none}.header-signin-btn,.header-signup-btn{padding:8px 12px}}@media (width<=480px){.header-actions{gap:var(--space-sm)}}.dropdown-usage-wrap{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:10px}.dropdown-usage-text{font-size:12px;font-weight:500}.dropdown-admin{color:#a78bfa}.comment-reply-count{margin-left:12px}.usage-banner{-webkit-backdrop-filter:blur(16px);color:var(--text-secondary);z-index:100;background:#a78bfa0a;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;gap:20px;padding:10px 24px;font-size:13px;font-weight:500;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) slideDownFade;display:flex;position:sticky;top:70px;box-shadow:0 4px 20px #0000001a}.usage-banner.tier-free{background:#a78bfa0a;border-bottom-color:#a78bfa1a}.usage-banner.tier-pro{background:#a78bfa14;border-bottom-color:#a78bfa33}.usage-banner.tier-ultra{background:#d9770614;border-bottom-color:#d9770633}.usage-banner.exhausted{color:#f87171;background:#ef44440f;border-bottom:1px solid #ef444426}.usage-info-group{align-items:center;gap:10px;display:flex}.tier-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-right:6px;font-size:11px}.tier-pro .tier-label{color:#c4b5fd}.tier-ultra .tier-label{color:#fbbf24}.usage-numbers{font-weight:600}.usage-reset-note{opacity:.5;margin-left:4px;font-size:11px;font-weight:400}.usage-progress-mini{background:#ffffff0f;border-radius:99px;width:100px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.tier-pro .usage-progress-fill{background:linear-gradient(90deg,#a78bfa,#818cf8)}.tier-ultra .usage-progress-fill{background:linear-gradient(90deg,#d97706,#f59e0b);box-shadow:0 0 10px #f59e0b4d}.usage-banner.exhausted .usage-progress-fill{background:var(--accent-danger);box-shadow:0 0 10px #ef44444d}.upgrade-pill{background:var(--gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:6px;padding:5px 16px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #0003}.tier-pro .upgrade-pill{background:linear-gradient(135deg,#d97706,#f59e0b)}.upgrade-pill:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #a78bfa66}.tier-pro .upgrade-pill:hover{box-shadow:0 6px 20px #f59e0b66}.upgrade-pill:active{transform:translateY(0)scale(1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.usage-banner{gap:12px;padding:8px 16px;top:60px}.usage-progress-mini{width:60px}.usage-reset-note{display:none}}@media (width<=480px){.usage-banner{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.usage-info-group{justify-content:center}.usage-progress-mini{width:100%;height:4px}.upgrade-pill{justify-content:center;width:100%}}.site-footer{padding:var(--space-4xl) 0 var(--space-xl);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-sans);width:100%;margin-top:auto;position:relative;overflow:hidden}.site-footer:before{content:"";background:var(--gradient-primary);opacity:.5;width:100%;max-width:800px;height:1px;box-shadow:0 0 20px 2px var(--accent-primary);position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-container{max-width:1200px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-4xl);grid-template-columns:2.5fr 1fr 1fr 1fr;display:grid}.footer-brand-col{flex-direction:column;align-items:flex-start;display:flex}.footer-logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);transition:transform var(--transition-base);text-decoration:none;display:flex}.footer-logo:hover{transform:translateY(-2px)}.footer-logo span{letter-spacing:-.03em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:800}.footer-logo-icon-wrapper{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);width:36px;height:36px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.footer-desc{margin-bottom:var(--space-xl);color:var(--text-muted);max-width:320px;font-size:.95rem;line-height:1.6}.footer-socials{gap:var(--space-sm);display:flex}.footer-socials a{border-radius:var(--radius-full);background:var(--bg-glass);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-base);border:1px solid var(--border-subtle);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.footer-socials a:before{content:"";background:var(--gradient-primary);opacity:0;transition:var(--transition-base);z-index:0;position:absolute;inset:0}.footer-socials a:hover{color:#fff;box-shadow:var(--shadow-glow);border-color:#0000;transform:translateY(-3px)}.footer-socials a:hover:before{opacity:1}.footer-socials a svg{z-index:1;width:18px;height:18px;position:relative}.footer-heading{color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:.02em;font-size:1rem;font-weight:600}.footer-links{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition-base);align-items:center;gap:var(--space-xs);width:fit-content;font-size:.95rem;text-decoration:none;display:flex}.footer-links a .footer-link-arrow{opacity:0;width:14px;height:14px;transition:var(--transition-base);color:var(--accent-primary);transform:translate(-10px)}.footer-links a:hover{color:var(--text-primary);transform:translate(4px)}.footer-links a:hover .footer-link-arrow{opacity:1;transform:translate(0)}.footer-bottom{padding-top:var(--space-2xl);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.footer-bottom-links{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer-bottom-links a{color:var(--text-muted);transition:var(--transition-base);text-decoration:none}.footer-bottom-links a:hover{color:var(--text-primary)}.footer-dot{color:var(--border-subtle);font-size:.8rem}.footer-decoration{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 70%);opacity:.05;filter:blur(60px);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand-col{grid-column:span 3;align-items:flex-start;max-width:100%}.footer-desc{max-width:500px}}@media (width<=768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:span 2}.footer-bottom{text-align:center;flex-direction:column;align-items:center}.footer-bottom-links{justify-content:center}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.footer-brand-col{grid-column:span 1}}.layout-container{z-index:1;height:100vh;display:flex;position:relative;overflow:hidden}.layout-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{padding:var(--space-2xl) var(--space-xl);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.main-content::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-overlay{display:none}@media (width<=1024px){.main-content{padding:var(--space-xl) var(--space-lg)}}@media (width<=768px){.sidebar-overlay{backdrop-filter:blur(4px);z-index:49;background:#0009;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{padding:var(--space-lg) var(--space-md)}}@media (width<=480px){.main-content{padding:var(--space-md) var(--space-sm)}}.auth-overlay{backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:linear-gradient(145deg,#12121ef2,#0a0a14fa);border:1px solid #a78bfa33;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;box-shadow:0 0 80px #a78bfa26,0 20px 60px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-close-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.auth-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{background:var(--gradient-primary);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:24px;display:flex;box-shadow:0 0 30px #a78bfa4d}.auth-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:14px}.auth-tabs{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:28px;padding:4px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .25s}.auth-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #a78bfa4d}.auth-tab:not(.active):hover{color:var(--text-secondary);background:#ffffff0a}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{position:relative}.auth-field-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font-sans);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 14px 14px 44px;transition:all .25s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--accent-primary);background:#ffffff0f;box-shadow:0 0 0 3px #a78bfa1f}.auth-submit-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a78bfa66}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.auth-error{color:#f87171;text-align:center;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;padding:10px 14px;font-size:13px;animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.auth-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.auth-divider-line{background:#ffffff14;flex:1;height:1px}.auth-divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.auth-social-row{gap:12px;display:flex}.auth-social-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.auth-social-btn:hover{background:#ffffff0f;border-color:#ffffff26}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.auth-footer a{color:var(--accent-primary);cursor:pointer;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-free-badge{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:10px;font-size:13px;font-weight:500;display:flex}@media (width<=768px){.auth-modal{max-width:95vw;margin:var(--space-md);border-radius:20px;padding:28px 20px}.auth-header{margin-bottom:24px}.auth-logo{width:44px;height:44px;margin-bottom:12px;font-size:20px}.auth-title{font-size:20px}.auth-subtitle{font-size:13px}.auth-tabs{margin-bottom:20px}.auth-tab{padding:8px;font-size:13px}.auth-input{padding:12px 12px 12px 40px;font-size:14px}.auth-submit-btn{padding:12px;font-size:14px}}@media (width<=480px){.auth-modal{border-radius:18px;padding:24px 16px}.auth-title{font-size:18px}.auth-free-badge{padding:8px;font-size:12px}}.auth-overlay--hidden{display:none}.auth-success{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;padding:10px 14px;font-size:13px}.auth-logo-img{object-fit:contain;margin:0 auto 16px;display:block}.auth-remember-row{justify-content:space-between;align-items:center;margin-top:-10px;margin-bottom:15px;display:flex}.auth-remember-label{cursor:pointer;color:#9ca3af;align-items:center;font-size:13px;display:flex}.auth-remember-checkbox{cursor:pointer;accent-color:#10b981;margin-right:8px}.auth-forgot-link{color:#9ca3af;cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:none}.auth-forgot-link:hover{color:var(--text-primary)}.auth-social-row--centered{justify-content:center}.custom-feature-selector{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:900px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:1.5rem;animation:.4s ease-out slideDown}.selector-header{text-align:center;margin-bottom:1.5rem}.selector-header h3{color:var(--text-main);margin:.5rem 0 .25rem;font-size:1.25rem}.selector-header p{color:var(--text-muted);font-size:.9rem}.categories-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fff3 #ffffff0d;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.categories-carousel::-webkit-scrollbar{height:8px}.categories-carousel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.categories-carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.categories-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.feature-category{scroll-snap-align:start;background:#00000026;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;flex:0 0 260px;gap:.75rem;padding:1rem;display:flex}.category-title{color:var(--accent-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:.95rem;font-weight:600;display:flex}.features-list{flex-direction:column;gap:.5rem;display:flex}.feature-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .2s;display:flex}.feature-item:hover{background:#ffffff0f}.feature-item.selected{background:rgba(var(--accent-primary-rgb), .1);border-color:var(--accent-primary)}.feature-item input{cursor:pointer}.feature-item span{color:var(--text-main);font-size:.9rem}.selection-badge{text-align:center;color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .1);border-radius:20px;margin-top:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block;position:relative;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.custom-feature-selector{margin-top:1.5rem;padding:1rem}.categories-carousel{gap:1rem;padding-bottom:.75rem}.feature-category{flex:0 0 85vw}.selector-header h3{font-size:1.1rem}}@media (width<=480px){.custom-feature-selector{padding:.75rem}.feature-item{padding:.5rem}.feature-item span,.category-title{font-size:.85rem}}.build-goal-inputs{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@media (width>=640px){.build-goal-inputs{flex-direction:row}}.build-goal-inputs .input-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.build-goal-inputs label{color:var(--text-muted);font-size:.9rem;font-weight:500}.build-goal-inputs input{background:var(--bg-card);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:8px;padding:.8rem 1rem;font-size:1rem;transition:all .2s}.build-goal-inputs input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6c5ce733}.build-goal-inputs input::placeholder{color:#fff3}.recommended-goal-selector{backdrop-filter:blur(12px);background:#14121e99;border:1px solid #8b5cf64d;border-radius:16px;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:1.5rem;animation:.4s ease-out slideUpFade;display:flex;box-shadow:0 8px 32px #8b5cf61a}.rgs-header{align-items:center;gap:1rem;display:flex}.rgs-icon-wrapper{color:#a78bfa;background:#8b5cf626;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.rgs-icon-pulse{animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 8px #a78bfa99);transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.rgs-header-text h3{color:#f3f4f6;margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.rgs-header-text p{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.4}.rgs-features-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.rgs-feature-card{color:#e5e7eb;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;transition:all .2s;display:flex}.rgs-feature-card:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translateY(-2px)}.rgs-status-bar{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;transition:all .3s;display:flex}.rgs-status-bar.waiting{color:#fbbf24;background:#f59e0b1a;border:1px dashed #f59e0b4d}.rgs-status-bar.ready{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.rgs-status-dot{border-radius:50%;width:8px;height:8px}.rgs-status-dot.waiting{background:#fbbf24;animation:1.5s infinite blink;box-shadow:0 0 8px #fbbf24}.rgs-status-dot.ready{background:#34d399;box-shadow:0 0 8px #34d399}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;min-height:calc(100vh - 120px);padding:var(--space-2xl) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-content{z-index:2;width:100%;max-width:800px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.hero-glow-1{z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#a78bfa26 0%,#a78bfa00 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite alternate pulseGlow;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-glow-2{z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#6366f11a 0%,#6366f100 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite alternate-reverse pulseGlow;position:absolute;bottom:-200px;right:-100px}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.hero-badge{color:var(--accent-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xl);backdrop-filter:blur(8px);background:#a78bfa26;border:1px solid #a78bfa4d;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge-pulse{background:var(--accent-primary);width:8px;height:8px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%;animation:2s ease-in-out infinite blinkPulse;display:inline-block}@keyframes blinkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-title{margin-bottom:var(--space-lg);letter-spacing:-1px;font-size:clamp(28px,6vw,56px);font-weight:800;line-height:1.1}.hero-title span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);font-size:clamp(15px,2.5vw,18px);line-height:1.6}.hero-input-container{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);margin-bottom:var(--space-xl);background:#1e1e2e99;border:1px solid #ffffff1a;align-items:center;padding:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.hero-input-container:before{content:"";background:var(--gradient-primary);opacity:0;z-index:0;transition:opacity .4s;position:absolute;inset:0}.hero-input-container:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-strong)}.hero-input-container:focus-within:before{opacity:.1}.hero-search-icon{color:var(--text-muted);margin-left:var(--space-lg);z-index:1;flex-shrink:0;position:relative}.hero-input-container input{color:var(--text-primary);padding:var(--space-md) var(--space-lg);z-index:1;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px;position:relative}.hero-input-container input::placeholder{color:var(--text-muted)}.hero-submit-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:var(--space-sm);z-index:1;white-space:nowrap;border:none;flex-shrink:0;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.hero-submit-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #a78bfa80}.hero-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.hero-examples{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;animation:.7s cubic-bezier(.16,1,.3,1) .1s backwards slideUp;display:flex}.hero-examples-label{color:var(--text-muted);margin-right:4px;font-size:13px}.example-pill{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff1a;padding:6px 14px;font-size:13px;transition:all .2s}.example-pill:hover{color:#fff;background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-1px)}.hero-error{color:var(--accent-danger);padding:var(--space-sm);border-radius:var(--radius-md);margin-bottom:var(--space-xl);background:#ef44441a}.btn-spinner{filter:drop-shadow(0 0 4px #fff6);border:2px solid #fff;border-color:#fff #ffffff80 #ffffff26 #ffffff26;border-radius:50%;width:20px;height:20px;animation:.5s linear infinite spinBtn;position:relative}.btn-spinner:after{content:"";border:1.5px solid #0000;border-bottom-color:#fff9;border-radius:50%;animation:.8s linear infinite reverse spinBtn;position:absolute;inset:2px}@keyframes spinBtn{to{transform:rotate(360deg)}}.hero-cta-row{margin-top:var(--space-md);opacity:0;justify-content:center;align-items:center;gap:12px;animation:.9s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.hero-cta-primary{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #a78bfa4d}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a78bfa73}.mode-selection-container{margin-bottom:var(--space-xl);width:100%}.mode-selection-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:var(--space-md);font-size:16px;font-weight:600}.mode-category-cards{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}@media (width<=480px){.mode-category-cards{gap:var(--space-sm);grid-template-columns:1fr}}.mode-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:left;cursor:pointer;gap:var(--space-sm);color:var(--text-primary);background:#1e1e2e80;border:1px solid #ffffff14;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;background:radial-gradient(circle at 0 0,#ffffff1a,#0000 70%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.mode-card:hover{background:#1e1e2ecc;border-color:#a78bfa66;transform:translateY(-4px);box-shadow:0 10px 24px #0000004d}.mode-card:hover:before{opacity:1}.mode-card.active{border-color:var(--accent-primary);background:#a78bfa26;transform:translateY(-4px);box-shadow:0 0 20px #a78bfa40,inset 0 0 20px #a78bfa1a}.mode-card.active:after{content:"";background:var(--gradient-primary);width:100%;height:3px;position:absolute;bottom:0;left:0}.mode-card-icon{font-size:24px}.mode-card-content h3{margin-bottom:4px;font-size:14px;font-weight:700}.mode-card-content p{color:var(--text-muted);font-size:11px;line-height:1.3}.recent-analyses-wrapper{margin-top:24px;margin-bottom:var(--space-xl);width:100%;max-width:650px;animation:.8s cubic-bezier(.16,1,.3,1) slideUp}.recent-analyses-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-sm);align-items:center;gap:8px;font-size:12px;display:flex}.recent-analyses-header:after{content:"";background:linear-gradient(90deg,#ffffff1a,#0000);flex:1;height:1px}.recent-analyses-list{scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.recent-analyses-list::-webkit-scrollbar{display:none}.recent-analysis-item{border-radius:var(--radius-md);cursor:pointer;background:#1e1e2e80;border:1px solid #ffffff14;align-items:center;gap:10px;min-width:max-content;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.recent-analysis-item:hover{background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-2px)}.recent-thumbnail{object-fit:cover;border-radius:4px;width:48px;height:36px}.recent-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:140px;font-size:12px;overflow:hidden}@media (width<=768px){.hero-section{min-height:auto;padding:var(--space-xl) var(--space-md)}.hero-input-container{gap:var(--space-sm);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0}.hero-input-container:before{display:none}.hero-input-container input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-md);box-sizing:border-box;padding:16px;font-size:16px}.hero-search-icon{display:none}.hero-submit-btn{border-radius:var(--radius-md);justify-content:center;width:100%;padding:16px;font-size:16px}}.hero-token-warning{margin-top:var(--space-md);color:#ff6b6b;padding:var(--space-md);border-radius:var(--radius-md);text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;font-size:14px;font-weight:500}.hero-tier-hint{color:var(--text-muted);opacity:.7;margin-top:12px;font-size:13px}.hero-tier-hint strong{text-transform:capitalize}.hero-btn-hint{color:#fbbf24;margin-top:-8px;margin-bottom:var(--space-xl);background:#fbbf241a;border:1px solid #fbbf2440;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:inline-flex}.hero-btn-hint svg{flex-shrink:0;animation:1.5s ease-in-out infinite bounceArrow}.hero-btn-hint strong{color:#fff}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.mode-card-crown{margin-left:4px;font-size:.85em}.mode-guide-card{align-items:flex-start;gap:var(--space-md);border-radius:var(--radius-xl);padding:var(--space-lg);margin-top:var(--space-md);margin-bottom:var(--space-2xl);text-align:left;box-sizing:border-box;background:linear-gradient(135deg,#8b5cf61f 0%,#6366f114 100%);border:1px solid #8b5cf659;width:100%;max-width:650px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #8b5cf614}.mode-guide-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#8b5cf61a,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.mode-guide-icon{color:#a78bfa;border-radius:var(--radius-lg);background:#8b5cf633;flex-shrink:0;justify-content:center;align-items:center;padding:10px;animation:2s ease-in-out infinite alternate pulseGlowIcon;display:flex;box-shadow:0 0 15px #8b5cf64d}@keyframes pulseGlowIcon{0%{transform:scale(1);box-shadow:0 0 10px #8b5cf633}to{transform:scale(1.08);box-shadow:0 0 20px #8b5cf666}}.mode-guide-content h4{color:#c084fc;margin:0 0 var(--space-xs) 0;letter-spacing:.5px;font-size:15px;font-weight:700}.mode-guide-content p{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:13.5px;line-height:1.6}.mode-guide-content strong{color:#e9d5ff}.mode-guide-arrow{align-items:center;gap:var(--space-sm);color:#a78bfa;border-radius:var(--radius-full);background:#8b5cf614;border:1px solid #8b5cf626;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.bounce-arrow{animation:1.5s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.mode-selection-container.highlight-focus{border-radius:var(--radius-2xl);padding:var(--space-lg);box-sizing:border-box;background:#8b5cf605;border:1px dashed #8b5cf640;width:100%;transition:all .4s;animation:2.5s ease-in-out infinite alternate borderGlowPulse;position:relative}@keyframes borderGlowPulse{0%{border-color:#8b5cf640;box-shadow:0 0 15px #8b5cf605}to{border-color:#8b5cf68c;box-shadow:0 0 25px #8b5cf614}}.premium-loader-card{border-radius:var(--radius-xl);backdrop-filter:blur(20px);background:linear-gradient(145deg,#16162cd9,#0a0a18f2);border:1px solid #a78bfa26;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:3.5rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #a78bfa0f,inset 0 1px #ffffff0a}.loader-ambient-glow{filter:blur(40px);z-index:0;background:radial-gradient(circle,#a78bfa1f 0%,#0000 70%);width:250px;height:250px;animation:3s ease-in-out infinite pulseGlow;position:absolute}.loader-ring-wrap{z-index:1;width:120px;height:120px;margin-bottom:1.5rem;position:relative}.loader-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.loader-svg-ring{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.loader-progress-arc{filter:drop-shadow(0 0 10px #a78bfa99);transition:stroke-dashoffset .35s cubic-bezier(.34,1.56,.64,1)}.loader-orbit-ring{transform-origin:60px 60px;animation:2s linear infinite orbitRing}.loader-center-label{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loader-percent{background:linear-gradient(135deg,#fff 40%,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.5px;font-variant-numeric:tabular-nums;-webkit-background-clip:text;font-size:26px;font-weight:800}.loader-message{color:var(--text-secondary);letter-spacing:.1px;text-align:center;z-index:1;margin-bottom:.4rem;font-size:15px;font-weight:600}.loader-tip{color:var(--text-muted);text-align:center;z-index:1;opacity:.6;font-size:12px;font-weight:500;animation:.4s fadeSwap}@keyframes orbitRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSwap{0%{opacity:0;transform:translateY(6px)}to{opacity:.6;transform:translateY(0)}}.export-menu-container{display:inline-block;position:relative}.export-menu-trigger{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.export-menu-trigger:hover{background-color:var(--card-hover);border-color:var(--primary-color)}.export-menu-trigger:disabled{opacity:.7;cursor:not-allowed}.export-menu-trigger .chevron{transition:transform .2s}.export-menu-trigger .chevron.open{transform:rotate(180deg)}.export-menu-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);z-index:50;border-radius:12px;width:240px;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 25px #0003}.export-menu-header{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:#0003;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.export-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;transition:background-color .15s;display:flex}.export-menu-item:hover{background-color:var(--card-hover)}.export-menu-item:not(:last-child){border-bottom:1px solid var(--border-color)}.export-menu-text{flex-direction:column;gap:.125rem;display:flex}.export-menu-title{color:var(--text-primary);font-size:.875rem;font-weight:500}.export-menu-desc{color:var(--text-secondary);font-size:.7rem}.spinner{animation:1s linear infinite spin}.analysis-tabs{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;z-index:90;backdrop-filter:blur(10px);gap:8px;margin-bottom:24px;padding:6px;display:flex;position:sticky;top:130px;overflow-x:auto}.analysis-tabs::-webkit-scrollbar{display:none}.analysis-tab{color:var(--text-muted);font-size:14px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.analysis-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover);transform:translateY(-1px)}.analysis-tab.active{color:#fff;background:var(--gradient-primary);box-shadow:0 4px 15px #a78bfa4d}.analysis-panel-content{min-height:400px;animation:.5s ease-out fadeIn}@media (width<=1024px){.analysis-tabs{top:120px}}@media (width<=768px){.analysis-tabs{border-radius:var(--radius-lg);gap:6px;margin-bottom:20px;padding:4px;top:100px}.analysis-tab{padding:10px 16px;font-size:13px}}@media (width<=480px){.analysis-tabs{top:130px}}.watch-page{max-width:1600px;padding:var(--space-md) var(--space-lg) var(--space-3xl);gap:var(--space-lg);grid-template-columns:1fr 380px;margin:0 auto;animation:.4s ease-out watchFadeIn;display:grid}@keyframes watchFadeIn{0%{opacity:0}to{opacity:1}}.watch-primary{min-width:0}.watch-sidebar{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;align-self:start;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.watch-sidebar::-webkit-scrollbar{width:4px}.watch-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.yt-player-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}.yt-player-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.yt-player-wrapper.theater-mode{margin:0 calc(-1 * var(--space-lg));width:calc(100% + var(--space-lg) * 2);border-radius:0}.watch-title-area{padding:var(--space-lg) 0 var(--space-sm)}.watch-video-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:20px;font-weight:700;line-height:1.4}.watch-video-meta{align-items:center;gap:var(--space-sm);color:var(--text-muted);flex-wrap:wrap;font-size:13px;display:flex}.watch-video-meta .meta-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:3px;height:3px}.watch-action-bar{padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.watch-actions-left,.watch-actions-right{align-items:center;gap:var(--space-sm);display:flex}.watch-action-btn{background:var(--bg-glass);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;display:flex}.watch-action-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);transform:translateY(-1px)}.watch-action-btn.like-btn{color:var(--accent-success);background:#10b9811a;border:1px solid #10b98126}.watch-action-btn.like-btn:hover{background:#10b9812e}.watch-action-btn.like-btn .like-count{font-family:var(--font-mono);font-size:13px}.watch-action-btn.dislike-btn{border-left:1px solid var(--border-subtle);border-radius:0 var(--radius-full) var(--radius-full) 0;margin-left:-8px;padding:8px 12px}.like-dislike-group{background:var(--bg-glass);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;display:flex;overflow:hidden}.like-dislike-group .watch-action-btn{background:0 0;border:none;border-radius:0}.like-dislike-group .watch-action-btn:first-child{border-right:1px solid var(--border-subtle);padding-right:14px}.like-dislike-group .watch-action-btn:last-child{padding-left:14px}.like-dislike-group .watch-action-btn:hover{background:var(--bg-glass-hover)}.watch-channel-card{align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;display:flex}.watch-channel-avatar{object-fit:cover;border:2px solid var(--border-subtle);width:44px;height:44px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0}.watch-channel-avatar:hover{border-color:var(--accent-primary)}.watch-channel-text{flex:1;min-width:0}.watch-channel-name{color:var(--text-primary);align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.watch-channel-name a{color:inherit;text-decoration:none}.watch-channel-name a:hover{color:var(--accent-primary)}.watch-channel-subs{color:var(--text-muted);font-size:12px;font-weight:400}.watch-channel-btn{background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border:none;padding:8px 20px;box-shadow:0 4px 12px #a78bfa40}.watch-channel-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa59}.watch-description{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);cursor:pointer;transition:var(--transition-fast)}.watch-description:hover{background:var(--bg-glass-hover)}.watch-description.expanded{cursor:default}.watch-description.expanded:hover{background:var(--bg-glass)}.watch-description-stats{gap:var(--space-md);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:flex}.watch-description-text{color:var(--text-secondary);white-space:pre-line;word-break:break-word;font-size:14px;line-height:1.7}.watch-description-text.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.watch-description-toggle{margin-top:var(--space-sm);color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:var(--transition-fast);background:0 0;border:none;padding:0;display:inline-block}.watch-description-toggle:hover{color:var(--text-primary)}.watch-description-tags{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;display:flex}.watch-tag{color:#818cf8;border-radius:var(--radius-full);background:#6366f11a;padding:3px 10px;font-size:12px;font-weight:500}.watch-tabs{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);scrollbar-width:none;margin-bottom:var(--space-lg);gap:6px;padding:5px;display:flex;overflow-x:auto}.watch-tabs::-webkit-scrollbar{display:none}.watch-tab{color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.watch-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.watch-tab.active{color:#fff;background:var(--gradient-primary);box-shadow:0 3px 12px #a78bfa4d}.watch-panel{min-height:300px;animation:.35s ease-out panelSlideIn}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-section-title{color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);font-size:15px;font-weight:700}.sidebar-video-list{gap:var(--space-sm);flex-direction:column;display:flex}.sidebar-video-card{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);color:inherit;transition:var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.sidebar-video-card:hover{background:var(--bg-glass-hover)}.sidebar-video-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);object-fit:cover;width:168px;min-width:168px}.sidebar-video-info{flex:1;min-width:0}.sidebar-video-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-video-channel{color:var(--text-muted);margin-bottom:2px;font-size:12px}.sidebar-video-views{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.moments-panel .moment-timestamp{cursor:pointer;transition:var(--transition-fast);user-select:none}.moments-panel .moment-timestamp:hover{color:var(--accent-primary);transform:scale(1.05);box-shadow:0 0 12px #a78bfa33}.moments-panel .moment-timestamp.clickable:after{content:"▶";opacity:0;transition:var(--transition-fast);margin-left:4px;font-size:8px}.moments-panel .moment-timestamp.clickable:hover:after{opacity:1}.watch-comments-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.watch-comments-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.watch-comments-count{color:var(--text-primary);font-size:16px;font-weight:700}.watch-comments-sentiment{color:var(--text-muted);margin-left:8px;font-size:13px}.sentiment-bar{border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-lg);display:flex;overflow:hidden}.sentiment-bar-segment{transition:width .6s}.sentiment-bar-segment.positive{background:#10b981}.sentiment-bar-segment.neutral{background:#6b7280}.sentiment-bar-segment.negative{background:#ef4444}.yt-comment-item{gap:var(--space-md);padding:var(--space-md) 0;transition:var(--transition-fast);border-bottom:1px solid #ffffff08;display:flex}.yt-comment-item:last-child{border-bottom:none}.yt-comment-avatar{background:var(--gradient-primary);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.yt-comment-body{flex:1;min-width:0}.yt-comment-header{align-items:center;gap:var(--space-sm);margin-bottom:4px;display:flex}.yt-comment-author{color:var(--text-primary);font-size:13px;font-weight:600}.yt-comment-time{color:var(--text-muted);font-size:12px}.yt-comment-text{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;line-height:1.6}.yt-comment-actions{align-items:center;gap:var(--space-md);display:flex}.yt-comment-action{color:var(--text-muted);cursor:default;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:4px;display:flex}.watch-page.theater{grid-template-columns:1fr;max-width:100%}.watch-page.theater .watch-sidebar{display:none}.watch-page.theater .yt-player-wrapper{margin:0 calc(-1 * var(--space-lg));width:calc(100% + var(--space-lg) * 2);border-radius:0}@media (width<=1200px){.watch-page{padding:var(--space-md);grid-template-columns:1fr}.watch-sidebar{max-height:none;position:static}.sidebar-video-card{flex-direction:row}}@media (width<=768px){.watch-page{padding:var(--space-sm);gap:var(--space-md)}.watch-video-title{font-size:17px}.watch-action-bar{gap:var(--space-sm)}.watch-action-btn span{display:none}.watch-action-btn{padding:8px 12px}.watch-channel-card{padding:var(--space-md) 0}.watch-tabs{gap:4px;padding:4px}.watch-tab{padding:8px 14px;font-size:12px}.watch-tab span{display:none}.sidebar-video-thumb{width:120px;min-width:120px}.like-dislike-group .watch-action-btn span{display:inline}}@media (width<=480px){.watch-description-stats{gap:var(--space-sm);flex-wrap:wrap}.yt-comment-avatar{width:32px;height:32px;font-size:12px}}.content-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(20px)}.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.primary-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);border:none;padding:10px 20px;font-weight:600}.primary-btn:hover:not(:disabled){background:var(--accent-secondary)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);padding:10px 20px;font-weight:600}.secondary-btn:hover:not(:disabled){background:#ffffff1a}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.study-notes-container{gap:var(--space-md);flex-direction:column;display:flex}.notes-actions{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.level-selector{align-items:center;gap:var(--space-sm);display:flex}.level-selector select{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;padding:8px 12px}.icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:8px}.icon-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.notes-document h1{margin-bottom:var(--space-xl);color:var(--text-primary);font-size:clamp(20px,4vw,28px)}.notes-summary{padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl);border-left:4px solid var(--accent-primary);background:#a78bfa1a}.notes-summary h3{margin-bottom:var(--space-sm);color:var(--accent-primary)}.key-takeaways-box{background:var(--bg-glass);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.key-takeaways-box h3{margin-bottom:var(--space-md)}.notes-section{margin-bottom:var(--space-xl)}.notes-section--alt{padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff03}.notes-section h2{margin-bottom:var(--space-md);color:var(--text-accent);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-xs);font-size:clamp(16px,3vw,20px)}.bullet-list{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.bullet-list li{color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.definitions-box{padding:var(--space-md);border-radius:var(--radius-md);background:#10b9810d;border:1px solid #10b98133}.definition-item{margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:14px}.term{color:#10b981;font-weight:600}.quiz-container{max-width:700px;margin:0 auto}.quiz-progress{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px}.progress-bar{background:var(--bg-glass);border-radius:var(--radius-full);height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--gradient-primary);height:100%;transition:width .3s}.question-box h3{margin-bottom:var(--space-xl);font-size:clamp(16px,3vw,20px);line-height:1.4}.options-grid{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.option-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;color:var(--text-primary);cursor:pointer;transition:var(--transition-base);padding:16px;font-size:16px}.option-btn:hover{background:var(--bg-glass);border-color:#a78bfa66}.option-btn.selected{border-color:var(--accent-primary);background:#a78bfa33}.fill-blank-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);margin-bottom:var(--space-2xl);outline:none;padding:16px;font-size:16px}.fill-blank-input:focus{border-color:var(--accent-primary)}.quiz-actions{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;display:flex}.results-view h2{text-align:center;margin-bottom:var(--space-xl);font-size:clamp(22px,4vw,28px)}.score-display{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:24px}.score-number{color:var(--accent-primary);font-size:clamp(36px,6vw,48px);font-weight:800}.review-item{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid var(--border-subtle)}.review-item.correct{border-left:4px solid var(--accent-success);background:#10b9810d}.review-item.incorrect{border-left:4px solid var(--accent-danger);background:#ef44440d}.q-text{margin-bottom:8px;font-weight:600}.a-text{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.c-text{color:var(--accent-danger);margin-bottom:8px;font-size:14px;font-weight:500}.explanation{color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:8px;font-size:13px}.flashcard-container{width:100%;max-width:600px;margin:0 auto}.flashcard-header{color:var(--text-muted);margin-bottom:var(--space-md);justify-content:space-between;font-size:14px;display:flex}.category-badge{background:var(--bg-glass);border-radius:var(--radius-full);padding:2px 8px}.flashcard{perspective:1000px;cursor:pointer;height:300px;margin-bottom:var(--space-xl)}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;width:100%;height:100%;padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.flashcard-back{background:#a78bfa0d;border-color:#a78bfa33;transform:rotateY(180deg)}.card-text{color:var(--text-primary);font-size:clamp(18px,3vw,24px);font-weight:500;line-height:1.4}.flashcard-back .card-text{color:var(--text-secondary);font-size:clamp(15px,2.5vw,18px)}.flip-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;position:absolute;bottom:20px}.difficulty-indicator{color:var(--accent-warning);font-size:14px;position:absolute;top:20px;right:20px}.flashcard-controls{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (width<=768px){.content-card{padding:var(--space-md);border-radius:var(--radius-lg)}.notes-summary,.key-takeaways-box{padding:var(--space-md)}.option-btn,.fill-blank-input{padding:12px;font-size:14px}.flashcard{height:260px}.flashcard-front,.flashcard-back{padding:var(--space-lg)}}@media (width<=480px){.flashcard{height:240px}.quiz-actions{flex-direction:column}.quiz-actions button{width:100%}}.sf-header{align-items:center;gap:.5rem;display:flex}.sf-header-icon{color:#8b5cf6}.step-item{align-items:flex-start;gap:.65rem;padding:.5rem 0;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.step-number--green{background:linear-gradient(135deg,#10b981,#059669)}.step-text{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.confidence-badge{border-radius:9999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.confidence-badge--high{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.confidence-badge--low{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.count-badge{color:#a78bfa;background:#8b5cf61a;border-radius:9999px;padding:.3rem .7rem;font-size:.8rem;font-weight:700}.practice-container{gap:var(--space-md);flex-direction:column;display:flex}.practice-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.practice-progress{align-items:center;gap:var(--space-sm);display:flex}.practice-ring{flex-shrink:0;width:44px;height:44px;position:relative}.practice-ring svg{transform:rotate(-90deg)}.practice-ring-label{color:var(--text-primary);justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;position:absolute;inset:0}.practice-progress-text{color:var(--text-muted);font-size:.82rem}.practice-list{gap:var(--space-md);flex-direction:column;display:flex}.practice-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);transition:var(--transition-base)}.practice-card.completed{opacity:.6}.practice-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);cursor:pointer;display:flex}.practice-card-left{align-items:flex-start;gap:var(--space-md);flex:1;min-width:0;display:flex}.practice-check{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:0;transition:color .2s}.practice-check.checked{color:#10b981}.practice-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.difficulty-badge{text-transform:capitalize;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.difficulty-badge--easy{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.difficulty-badge--medium{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.difficulty-badge--hard{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.topic-badge{color:var(--text-muted);font-size:.75rem}.practice-question{color:var(--text-primary);font-size:.92rem;line-height:1.5}.practice-question--done{text-decoration:line-through}.expand-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.practice-solution{padding-top:var(--space-md);border-top:1px solid var(--border-subtle);margin-top:var(--space-md);overflow:hidden}.practice-solution h3{align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.final-answer{background:#10b9810f;border:1px solid #10b98126;border-radius:8px;margin-top:.75rem;padding:.75rem}.final-answer strong{color:#10b981}.final-answer span{color:var(--text-secondary)}.code-lab-container{gap:var(--space-md);flex-direction:column;display:flex}.code-lab-header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.code-snippets-list{flex-direction:column;gap:1rem;display:flex}.code-snippet-card{background:#12121e99;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.snippet-header{background:#ffffff05;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.snippet-meta{align-items:center;gap:.65rem;display:flex}.snippet-lang-badge{border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.snippet-lang-dot{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.snippet-desc{color:var(--text-secondary);font-size:.85rem}.code-block-wrapper{position:relative}.code-block-pre{font-size:.82rem;line-height:1.65;font-family:var(--font-mono,"JetBrains Mono", monospace);background:#0000004d;margin:0;padding:1rem;overflow-x:auto}.code-block-pre code{color:#e2e8f0}.code-line{display:flex}.code-line-number{text-align:right;color:#ffffff26;user-select:none;flex-shrink:0;width:2.5rem;padding-right:.75rem;display:inline-block}.snippet-context{color:var(--text-muted);border-top:1px solid #ffffff0a;padding:.65rem 1rem;font-size:.82rem}.snippet-context strong{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.explainer-container{gap:var(--space-md);flex-direction:column;display:flex}.explainer-controls{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.explainer-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:180px;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);outline:none;flex:1;padding:10px 14px}.explainer-input:focus{border-color:var(--accent-primary)}.level-buttons{flex-shrink:0;gap:.35rem;display:flex}.level-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:.45rem .65rem;font-size:.78rem;font-weight:600;transition:all .2s}.level-btn:hover{color:var(--text-primary);background:#8b5cf614}.level-btn.active{color:#a78bfa;background:#8b5cf626;border-color:#8b5cf666}.explainer-section{margin-bottom:var(--space-lg)}.explainer-section h3{margin-bottom:var(--space-md);color:var(--text-primary);font-size:.95rem;font-weight:700}.explainer-text{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.analogy-card{color:var(--text-secondary);background:#fbbf240a;border-left:3px solid #fbbf24;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.9rem;font-style:italic;line-height:1.55}.analogy-list{flex-direction:column;gap:.5rem;display:flex}.related-tags{flex-wrap:wrap;gap:.4rem;display:flex}.concept-tag{color:#a78bfa;cursor:pointer;transition:var(--transition-base);background:#8b5cf61a;border:1px solid #8b5cf626;border-radius:6px;padding:.3rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}.concept-tag:hover{background:#8b5cf633;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.vocab-container{gap:var(--space-md);flex-direction:column;display:flex}.vocab-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.vocab-category-badges{flex-wrap:wrap;gap:.4rem;display:flex}.vocab-category-badge{border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.vocab-search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.vocab-search{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);outline:none;width:100%;padding:8px 12px 8px 2rem;font-size:14px}.vocab-search:focus{border-color:var(--accent-primary)}.vocab-list{gap:var(--space-sm);flex-direction:column;display:flex}.vocab-item{padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-base)}.vocab-item:hover{border-color:var(--border-accent)}.vocab-term-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.vocab-term-title{color:var(--text-primary);font-size:1rem;font-weight:700}.vocab-badge{border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.vocab-def{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.vocab-context-box{background:#ffffff05;border-radius:6px;margin-top:.4rem;padding:.5rem .75rem}.vocab-context-label{color:var(--text-muted);font-size:.75rem;font-weight:700}.vocab-context-text{margin-left:.35rem;font-style:italic}.vocab-related{margin-top:.4rem}.vocab-related-label{color:var(--text-muted);font-size:.75rem;font-weight:700}.vocab-related-tag{color:#a78bfa;cursor:pointer;transition:var(--transition-base);background:#8b5cf614;border-radius:4px;margin-left:.25rem;padding:.15rem .45rem;font-size:.78rem;display:inline-flex}.vocab-related-tag:hover{background:#8b5cf626}.quiz-setup{gap:var(--space-md);flex-direction:column;max-width:300px;display:flex}.quiz-setup-title{margin-bottom:var(--space-md);font-size:24px}.quiz-setup-desc{color:var(--text-muted);margin-bottom:var(--space-lg)}.quiz-field{flex-direction:column;gap:8px;display:flex}.quiz-field label{font-weight:600}.quiz-field select{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);outline:none;padding:10px 14px}.quiz-retry-row{margin-top:var(--space-md);gap:12px;display:flex}.inline-icon{vertical-align:text-bottom;margin-right:.4rem}@media (width<=768px){.explainer-controls{flex-direction:column;align-items:stretch}.level-buttons{overflow-x:auto}.vocab-header{flex-direction:column}.practice-header{flex-direction:column;align-items:flex-start}}.cornell-notes-container{animation:.4s ease-out fadeIn}.cornell-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.cornell-header h2{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700;display:flex}.cornell-layout{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:260px 1fr;display:grid}.cornell-cues,.cornell-main-notes{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.cornell-section-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-primary);font-size:.95rem;font-weight:700;display:flex}.cornell-cues-list{gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.cornell-cue-item{align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:.88rem;line-height:1.5;display:flex}.cue-bullet{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.cornell-notes-body{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.cornell-notes-body h1,.cornell-notes-body h2,.cornell-notes-body h3{color:var(--text-primary);margin-top:var(--space-md);margin-bottom:var(--space-sm)}.cornell-notes-body ul,.cornell-notes-body ol{padding-left:var(--space-lg)}.cornell-summary{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#a78bfa0f,#6366f10a);border:1px solid #a78bfa26}.cornell-summary p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.cornell-review{margin-bottom:var(--space-lg)}.cornell-questions-grid{gap:var(--space-sm);flex-direction:column;display:flex}.cornell-question-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:var(--transition-base)}.cornell-question-card:hover{background:#8b5cf60a;border-color:#8b5cf633}.cornell-question-card.expanded{background:#8b5cf614;border-color:#8b5cf633}.cornell-question-row{justify-content:space-between;align-items:center;display:flex}.cornell-question-content{align-items:center;gap:.5rem;display:flex}.cornell-question-content p{color:var(--text-secondary);margin:0;font-size:.9rem}.question-number{background:var(--gradient-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:inline-flex}.cornell-question-hint{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;font-style:italic}@media (width<=768px){.cornell-layout{grid-template-columns:1fr}}.mindmap-container{flex-direction:column;gap:20px;display:flex}.mindmap-card-wrap{background:radial-gradient(at 50% 0,#8b5cf60a 0%,#0000 60%);border:1px solid #8b5cf614;flex:1;min-height:520px;position:relative;overflow:hidden}.mindmap-header-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:1.1rem;display:flex}.mindmap-title{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:flex}.mindmap-title .icon-purple{color:#a78bfa}.mindmap-node-count{color:var(--text-muted);background:#8b5cf614;border-radius:20px;margin-left:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.mindmap-controls{align-items:center;gap:.5rem;display:flex}.mindmap-zoom-controls{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:10px;align-items:center;gap:.25rem;padding:.2rem;display:flex}.mindmap-zoom-controls .icon-btn{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:0;display:flex}.mindmap-zoom-controls .icon-btn:hover{color:#a78bfa;background:#8b5cf61a}.mindmap-zoom-label{color:var(--text-muted);text-align:center;min-width:32px;font-size:.68rem;font-weight:700;font-family:var(--font-mono,monospace);user-select:none}.mindmap-reset-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.mindmap-reset-btn:hover{color:#a78bfa;background:#8b5cf614;border-color:#8b5cf633}.mindmap-canvas-wrap{scrollbar-width:thin;scrollbar-color:#8b5cf626 transparent;border-radius:12px;min-height:400px;margin-top:1rem;position:relative;overflow:auto}.mindmap-canvas-wrap::-webkit-scrollbar{width:6px;height:6px}.mindmap-canvas-wrap::-webkit-scrollbar-thumb{background:#8b5cf626;border-radius:10px}.mindmap-canvas{flex-direction:column;align-items:center;min-width:min-content;padding:32px 24px 48px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex}.mindmap-central-topic{cursor:pointer;z-index:10;text-align:center;word-break:break-word;backdrop-filter:blur(12px);background:linear-gradient(135deg,#8b5cf626,#3b82f61f);border:1px solid #8b5cf640;border-radius:50px;max-width:90%;padding:18px 36px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.mindmap-central-topic:before{content:"";-webkit-mask-composite:xor;opacity:.5;background:linear-gradient(135deg,#a78bfa,#3b82f6,#8b5cf6);border-radius:50px;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.mindmap-central-topic:hover:before{opacity:.9}.mindmap-central-topic:hover{transform:scale(1.03);box-shadow:0 0 40px #8b5cf626}.mindmap-central-topic h3{background:linear-gradient(135deg,#c4b5fd,#93c5fd);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(.88rem,2.5vw,1.08rem);font-weight:800;line-height:1.35}.mindmap-central-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);margin-bottom:.35rem;font-size:.62rem;font-weight:700}.mindmap-trunk-line{background:linear-gradient(#8b5cf64d,#8b5cf60f);border-radius:2px;width:2px;height:36px;margin:0 auto}.mindmap-branch-container{flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;margin-top:8px;display:flex;position:relative}.mindmap-subtree{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.mindmap-node{cursor:pointer;text-align:left;color:var(--text-primary);word-break:break-word;backdrop-filter:blur(8px);background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.5rem;max-width:220px;margin-bottom:6px;padding:10px 18px;font-size:.82rem;font-weight:600;line-height:1.35;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mindmap-node:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #00000040}.mindmap-node.selected{box-shadow:0 0 0 2px var(--accent-primary), 0 8px 32px #8b5cf633}.mindmap-node.flat{margin:0}.mindmap-node-accent{border-radius:3px;width:3px;transition:opacity .2s;position:absolute;top:6px;bottom:6px;left:0}.mindmap-node:hover .mindmap-node-accent{opacity:1}.mindmap-node-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 6px}.mindmap-children{flex-direction:column;align-items:center;gap:4px;padding-left:20px;display:flex;position:relative}.mindmap-children:before{content:"";background:linear-gradient(to bottom, var(--connector-color,#8b5cf626), transparent);border-radius:2px;width:1.5px;position:absolute;top:0;bottom:0;left:9px}.mindmap-child-row{align-items:center;display:flex;position:relative}.mindmap-child-connector{border-radius:2px;flex-shrink:0;width:12px;height:1.5px;margin-right:4px}.node-inspector{border-top:none;border-left:none;position:relative;overflow:hidden}.node-inspector:before{content:"";border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.node-inspector-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.node-inspector-title{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;line-height:1.35;display:flex}.node-inspector-close{border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-muted);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.node-inspector-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.node-inspector-depth{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;align-items:center;gap:.3rem;margin-bottom:.75rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.node-inspector-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.node-inspector-desc.empty{color:var(--text-muted);font-size:.82rem;font-style:italic}.mindmap-subtopics-section{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:.85rem}.mindmap-subtopics-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.55rem;font-size:.7rem;font-weight:700}.mindmap-subtopics{flex-wrap:wrap;gap:.35rem;display:flex}.mindmap-subtopic-chip{color:#c4b5fd;cursor:pointer;background:#8b5cf60f;border:1px solid #8b5cf614;border-radius:8px;padding:.28rem .65rem;font-size:.76rem;font-weight:600;transition:all .2s}.mindmap-subtopic-chip:hover{background:#8b5cf624;border-color:#8b5cf640;transform:translateY(-1px)}.node-inspector-breadcrumb{color:var(--text-muted);align-items:center;gap:.3rem;margin-bottom:.65rem;font-size:.7rem;display:flex}.node-inspector-breadcrumb span{cursor:pointer;transition:color .2s}.node-inspector-breadcrumb span:hover{color:#a78bfa}.node-inspector-breadcrumb .breadcrumb-sep{opacity:.35;cursor:default}.node-inspector-breadcrumb .breadcrumb-sep:hover{color:inherit}.mindmap-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;display:flex}.mindmap-empty-icon{color:#a78bfa;background:#8b5cf614;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.mindmap-empty-state p{color:var(--text-muted);max-width:320px;font-size:.88rem;line-height:1.5}.mindmap-stats-bar{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:1.25rem;margin-top:.5rem;padding-top:1rem;display:flex}.mindmap-stat-item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.mindmap-stat-item strong{color:var(--text-secondary);font-weight:700}.mindmap-stat-dot{opacity:.5;border-radius:50%;width:5px;height:5px}@media (width<=768px){.mindmap-canvas{padding:20px 12px 36px}.mindmap-central-topic{padding:14px 22px}.mindmap-branch-container{gap:10px}.mindmap-node{max-width:170px;padding:8px 14px;font-size:.78rem}.mindmap-children{padding-left:14px}.mindmap-header-row{flex-wrap:wrap;gap:.5rem}.mindmap-stats-bar{flex-wrap:wrap;gap:.75rem}.mindmap-controls{justify-content:flex-end;width:100%}}@media (width<=480px){.mindmap-node{max-width:150px;padding:7px 12px;font-size:.75rem}.mindmap-card-wrap{min-height:400px}}@keyframes mindmap-pulse{0%,to{box-shadow:0 0 20px #8b5cf61a}50%{box-shadow:0 0 35px #8b5cf633}}.mindmap-central-topic{animation:4s ease-in-out infinite mindmap-pulse}@keyframes mindmap-node-enter{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.roadmap-container{gap:var(--space-lg);border-radius:var(--radius-2xl);padding:var(--space-xl);backdrop-filter:blur(24px);background:linear-gradient(145deg,#1e1e2ab3,#14141ce6);border:1px solid #ffffff0f;flex-direction:column;display:flex;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}.roadmap-header h2{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #a78bfa33;-webkit-background-clip:text;font-size:26px;font-weight:800;display:flex}.roadmap-subnav{gap:var(--space-sm);scrollbar-width:none;background:#0003;border:1px solid #ffffff0d;border-radius:100px;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 0 2px 4px #0003}.roadmap-subnav::-webkit-scrollbar{display:none}.subnav-btn{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.subnav-btn:hover{color:var(--text-primary);background:#ffffff0d}.subnav-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3}.prereq-content{gap:var(--space-2xl);flex-direction:column;display:flex}.prereq-meta-row{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.prereq-meta-card{padding:var(--space-lg);border-radius:var(--radius-xl);background:linear-gradient(#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0f;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.prereq-meta-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.prereq-meta-card:hover{background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);border-color:#a78bfa4d;transform:translateY(-6px);box-shadow:0 12px 30px #0000004d}.prereq-meta-card:hover:before{opacity:1}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600}.meta-value{color:var(--text-primary);text-shadow:0 2px 10px #0003;font-size:28px;font-weight:800}.roadmap-columns{gap:var(--space-2xl);display:flex;position:relative}@media (width<=850px){.roadmap-columns{flex-direction:column}}.roadmap-column{flex:1}.roadmap-column-title{color:var(--text-primary);margin-bottom:var(--space-lg);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.roadmap-items{gap:var(--space-md);flex-direction:column;display:flex}.roadmap-item{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);z-index:1;background:#ffffff05;border:1px solid #ffffff0a;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.roadmap-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translate(6px)translateY(-2px);box-shadow:0 8px 25px #0003}.roadmap-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:6px;box-shadow:0 0 12px}.roadmap-arrow{color:var(--accent-primary);flex-shrink:0;margin-top:4px;transition:transform .3s}.roadmap-item:hover .roadmap-arrow{transform:translate(4px)}.roadmap-item-content{flex-direction:column;gap:6px;display:flex}.roadmap-item-content strong{color:var(--text-primary);font-size:16px;font-weight:700}.roadmap-item-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border:1px solid;border-radius:100px;align-self:flex-start;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.roadmap-divider{justify-content:center;align-items:center;display:flex;position:relative}.roadmap-divider:before{content:"";background:linear-gradient(#0000,#a78bfa4d,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (width<=850px){.roadmap-divider{padding:var(--space-lg) 0}.roadmap-divider:before{background:linear-gradient(90deg,#0000,#a78bfa4d,#0000);width:100%;height:2px;inset:50% 0 auto;transform:translateY(-50%)}}.roadmap-now-badge{color:#fff;border-radius:var(--radius-full);z-index:2;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);padding:6px 16px;font-size:13px;font-weight:800;animation:2s infinite pulse;position:relative;box-shadow:0 4px 15px #10b98166}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.timeline-content{flex-direction:column;display:flex}.timeline-bar{border-radius:var(--radius-full);height:36px;margin-bottom:var(--space-2xl);background:#0000004d;border:1px solid #ffffff0d;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #00000080}.timeline-segment{cursor:pointer;height:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:inset 0 2px #fff3}.timeline-segment:hover{z-index:10;border-radius:4px;transform:scaleY(1.3);box-shadow:0 0 20px,inset 0 2px #fff6}.timeline-legend{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.timeline-legend-item{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);background:#ffffff05;border:1px solid #ffffff0a;transition:all .3s;display:flex;position:relative;overflow:hidden}.timeline-legend-item:before{content:"";background:var(--segment-color);opacity:.5;width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.timeline-legend-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 10px 30px #0003}.timeline-legend-item:hover:before{opacity:1}.legend-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px;box-shadow:0 0 10px}.legend-content{flex-direction:column;gap:6px;display:flex}.legend-time{color:var(--text-muted);font-size:13px;font-weight:600}.legend-summary{color:var(--text-secondary);font-size:14px;line-height:1.5}.difficulty-content{flex-direction:column;display:flex}.difficulty-stats-row{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.diff-stat{padding:var(--space-lg);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0d;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.diff-stat:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-6px);box-shadow:0 12px 30px #0003}.diff-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600}.diff-value{color:var(--text-primary);font-size:24px;font-weight:800}.diff-stat.hardest .diff-value{color:#ef4444;text-shadow:0 0 15px #ef444466}.diff-stat.easiest .diff-value{color:#10b981;text-shadow:0 0 15px #10b98166}.difficulty-chart-wrapper{padding:var(--space-xl);border-radius:var(--radius-2xl);background:#0003;border:1px solid #ffffff0d;box-shadow:inset 0 2px 20px #0000004d}@media (width<=480px){.roadmap-container{padding:var(--space-md)}}.flex-center{justify-content:center;align-items:center;min-height:50vh;display:flex}.empty-state{text-align:center;color:var(--text-secondary)}.empty-state h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:20px}.text-muted{color:var(--text-muted)}.mb-4{margin-bottom:var(--space-lg)}.learn-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.learn-tabs::-webkit-scrollbar{display:none}.learn-tab{align-items:center;gap:var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.learn-tab:hover{background:var(--bg-glass);color:var(--text-primary)}.learn-tab.active{color:var(--accent-primary);background:#a78bfa26;border-color:#a78bfa4d}.learn-content{animation:.4s ease-out slideUp}.learn-tab.pro-locked{opacity:.85;position:relative}.learn-tab.pro-locked:hover{opacity:.8}.tab-lock-icon{color:var(--text-muted);opacity:.7;margin-left:2px}@media (width<=768px){.learn-tabs{gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.learn-tab{padding:8px 14px;font-size:13px}}@media (width<=480px){.learn-tab{gap:4px;padding:8px 12px;font-size:12px}}.chat-layout{flex-direction:column;height:calc(100vh - 80px);max-height:calc(100vh - 80px);display:flex}.chat-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;flex-shrink:0;display:flex}.chat-header-actions{align-items:center;gap:var(--space-sm);display:flex}.chat-mode-selector{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border-subtle);scrollbar-width:none;padding:4px;display:flex;overflow-x:auto}.chat-mode-selector::-webkit-scrollbar{display:none}.mode-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{color:#fff}.mode-btn.active.tutor{background:var(--accent-primary);box-shadow:0 0 15px #a78bfa66}.mode-btn.active.socratic{background:#0ea5e9;box-shadow:0 0 15px #0ea5e966}.mode-btn.active.debate{background:#f43f5e;box-shadow:0 0 15px #f43f5e66}.chat-clear-btn{border:1px solid var(--border-subtle);background:var(--bg-glass);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-clear-btn:hover{color:var(--accent-danger);background:#ef444414;border-color:#ef44444d}.chat-nav-btn,.chat-upgrade-btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);margin-top:var(--space-lg);border:none;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.chat-nav-btn{background:var(--accent-primary);color:#111827}.chat-nav-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #a78bfa4d}.chat-upgrade-btn{color:#fff;background:linear-gradient(135deg,#a78bfa,#6366f1)}.chat-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 0 25px #a78bfa66}.chat-pro-gate .text-accent{color:var(--accent-primary)}.chat-window{margin-top:var(--space-lg);flex-direction:column;flex:1;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.messages-container{padding:var(--space-xl);gap:var(--space-xl);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}.message-wrapper{gap:var(--space-md);max-width:85%;animation:.3s ease-out messageIn;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.message-wrapper.assistant{align-self:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user .message-avatar{color:var(--text-primary);background:#ffffff1a}.assistant .message-avatar{background:var(--gradient-primary);color:#fff}.message-bubble{border-radius:var(--radius-lg);word-break:break-word;padding:14px 18px;font-size:15px;line-height:1.6;position:relative}.user .message-bubble{color:var(--text-primary);white-space:pre-wrap;background:#a78bfa26;border:1px solid #a78bfa4d;border-top-right-radius:4px}.assistant .message-bubble{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);border-top-left-radius:4px}.message-meta{align-items:center;gap:var(--space-sm);color:var(--text-muted);margin-top:8px;font-size:11px;display:flex}.message-time{opacity:.6}.message-actions{opacity:0;transition:var(--transition-fast);gap:2px;display:flex}.message-wrapper:hover .message-actions{opacity:1}.msg-action-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.msg-action-btn:hover{color:var(--text-primary);background:#ffffff14}.streaming-indicator{color:var(--accent-primary);font-size:11px;font-weight:600;animation:1.5s ease-in-out infinite pulse}.chat-loading-dots{align-items:center;gap:4px;padding:8px 0;display:flex}.dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.scroll-to-bottom-btn{border:1px solid var(--border-subtle);background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);z-index:10;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.scroll-to-bottom-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:translate(-50%)scale(1.05)}.chat-input-area{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-subtle);gap:var(--space-sm);background:#0a0a0f80;align-items:flex-end;display:flex}.chat-input-wrapper{flex:1;min-width:0;position:relative}.chat-input-wrapper textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font-sans);transition:var(--transition-base);resize:none;outline:none;min-height:48px;max-height:150px;padding:14px 20px;line-height:1.5;overflow-y:auto}.chat-input-wrapper textarea:focus{border-color:var(--accent-primary);background:#ffffff0d}.chat-input-wrapper textarea:disabled{opacity:.5}.chat-input-wrapper textarea::placeholder{color:var(--text-muted);font-weight:400}.char-counter{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;bottom:4px;right:12px}.chat-send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-base);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--accent-secondary);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.message-content{overflow-x:auto}.message-content p{margin:0 0 .5em}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{color:var(--text-primary);margin-top:1em;margin-bottom:.5em;font-weight:700}.message-content h1{font-size:1.3em}.message-content h2{font-size:1.15em}.message-content h3{font-size:1.05em}.message-content strong{color:var(--text-primary);font-weight:600}.message-content em{color:var(--text-muted);font-style:italic}.message-content ul,.message-content ol{margin:.5em 0;padding-left:1.5em}.message-content li{margin:.25em 0}.message-content blockquote{border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);background:#a78bfa0d;margin:.5em 0;padding:.5em 1em}.message-content code{font-family:var(--font-mono);color:#e2b3ff;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.9em}.message-content pre{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-md);background:#0006;margin:.5em 0;position:relative;overflow-x:auto}.message-content pre code{color:#d4d4d8;background:0 0;padding:0;font-size:13px;line-height:1.6}.message-content table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:14px}.message-content th,.message-content td{border:1px solid var(--border-subtle);text-align:left;padding:8px 12px}.message-content th{color:var(--text-primary);background:#ffffff0d;font-weight:600}.message-content td{color:var(--text-secondary)}.message-content a{color:var(--accent-primary);text-underline-offset:2px;text-decoration:underline}.message-content a:hover{color:var(--text-accent)}.message-content hr{border:none;border-top:1px solid var(--border-subtle);margin:1em 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-action-icon-btn{border:1px solid var(--border-subtle);background:var(--bg-glass);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-action-icon-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--bg-glass-hover)}.msg-action-btn.feedback-active{color:var(--accent-success);background:#10b9811f}.msg-action-btn.feedback-active-bad{color:var(--accent-danger);background:#ef44441f}.suggested-questions{padding:var(--space-md) 0;animation:.4s ease-out messageIn}.suggested-title{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:13px;font-weight:500}.suggested-chips{gap:var(--space-sm);flex-wrap:wrap;display:flex}.suggested-chip{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);font-size:13px;font-family:var(--font-sans);text-align:left;padding:8px 16px;line-height:1.4}.suggested-chip:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#a78bfa14;transform:translateY(-1px)}@media (width<=768px){.chat-layout{height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.chat-header{flex-direction:column;align-items:stretch}.chat-header-actions{justify-content:space-between}.chat-mode-selector{flex:1;justify-content:center}.mode-btn{padding:8px 12px;font-size:12px}.messages-container{padding:var(--space-md);gap:var(--space-md)}.message-wrapper{max-width:92%}.message-avatar{width:30px;height:30px;font-size:12px}.message-bubble{padding:10px 14px;font-size:14px}.chat-input-area{padding:var(--space-sm) var(--space-md)}.chat-input-wrapper textarea{padding:12px 16px;font-size:14px}.chat-send-btn{width:42px;height:42px}.message-actions{opacity:1}.suggested-chip{padding:6px 12px;font-size:12px}}.dashboard-grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg);align-items:center;gap:var(--space-md);backdrop-filter:blur(20px);transition:var(--transition-base);display:flex}.stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.bg-red{color:#f87171;background:#ef444426}.stat-icon.bg-purple{color:#c4b5fd;background:#a78bfa26}.stat-icon.bg-green{color:#34d399;background:#10b98126}.stat-icon.bg-blue{color:#60a5fa;background:#3b82f626}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.stat-value{color:var(--text-primary);margin-top:2px;font-size:24px;font-weight:800}.col-span-2{grid-column:span 2}.chart-title{align-items:center;gap:var(--space-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:16px;display:flex}.chart-wrapper{background:var(--bg-glass);border-radius:var(--radius-md);padding:var(--space-md) 0}.history-card{flex-direction:column;display:flex}.history-list{margin-top:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.history-item{align-items:flex-start;gap:var(--space-md);display:flex;position:relative}.h-dot{background:var(--accent-primary);border-radius:50%;width:12px;height:12px;margin-top:4px;box-shadow:0 0 10px #a78bfa80}.h-content{flex:1}.h-content h3{color:var(--text-primary);margin-bottom:4px;font-size:15px}.h-content p{color:var(--text-secondary);font-size:13px}.h-time{color:var(--text-muted);white-space:nowrap;font-size:12px}.empty-chart-state{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;font-style:italic;display:flex}@media (width<=1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.dashboard-subscription-actions{align-items:flex-end;gap:var(--space-sm);flex-direction:column;display:flex}.dashboard-plan-badge{background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);white-space:nowrap;padding:6px 14px;font-size:14px}.dashboard-plan-badge strong{color:var(--accent-primary);text-transform:capitalize}.dashboard-plan-detail{opacity:.7;margin-left:8px;font-size:12px}.dashboard-manage-btn{padding:6px 14px;font-size:13px}.dashboard-empty-hint{color:var(--text-secondary);margin-top:var(--space-md);font-size:14px;line-height:1.7}.streak-flame{margin-left:4px;animation:1.5s ease-in-out infinite flameWobble;display:inline-block}@keyframes flameWobble{0%,to{transform:rotate(-3deg)scale(1)}25%{transform:rotate(3deg)scale(1.1)}50%{transform:rotate(-2deg)scale(1.05)}75%{transform:rotate(2deg)scale(1.08)}}@media (width<=768px){.dashboard-subscription-actions{align-items:stretch;width:100%}.dashboard-plan-badge{text-align:center}.dashboard-manage-btn{justify-content:center;width:100%}.dashboard-plan-detail{margin-top:2px;margin-left:0;display:block}}.pricing-page{flex-direction:column;align-items:center;min-height:calc(100vh - 120px);padding:60px 24px 80px;animation:.6s ease-out pricingFadeIn;display:flex}@keyframes pricingFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pricing-header{text-align:center;max-width:680px;margin-bottom:52px}.pricing-badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:1.2px;background:#a78bfa1f;border:1px solid #a78bfa40;border-radius:9999px;align-items:center;gap:6px;margin-bottom:22px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.pricing-title{letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.12}.pricing-title span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.pricing-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:17px;line-height:1.65}.billing-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.toggle-option{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.toggle-option.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #a78bfa59}.save-badge{color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.pricing-cards{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;width:100%;max-width:1300px;margin-bottom:40px;display:grid}@media (width<=1100px){.pricing-cards{grid-template-columns:repeat(2,1fr);max-width:860px}}@media (width<=600px){.pricing-cards{grid-template-columns:1fr;max-width:440px}}.pricing-card{backdrop-filter:blur(14px);background:#12121eb3;border:1px solid #ffffff12;border-radius:22px;flex-direction:column;padding:28px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;position:relative}.pricing-card:hover{border-color:#ffffff21;transform:translateY(-6px);box-shadow:0 16px 40px #00000059}.pricing-card.popular{background:linear-gradient(165deg,#a78bfa17 0%,#12121eeb 50%);border-color:#a78bfa73;transform:translateY(-4px);box-shadow:0 0 60px #a78bfa1f,0 8px 30px #0000004d}.pricing-card.popular:hover{border-color:#a78bfaa6;transform:translateY(-10px);box-shadow:0 0 90px #a78bfa2e,0 20px 50px #0006}.popular-badge{background:var(--gradient-primary);color:#fff;white-space:nowrap;border-radius:9999px;padding:5px 18px;font-size:12px;font-weight:700;animation:2.5s ease-in-out infinite badgePulse;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #a78bfa73}@keyframes badgePulse{0%,to{box-shadow:0 4px 16px #a78bfa66}50%{box-shadow:0 4px 28px #a78bfaa6}}.card-top{align-items:center;gap:14px;margin-bottom:12px;display:flex}.pricing-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.pricing-card-icon.free{color:#94a3b8;background:#64748b2e}.pricing-card-icon.pro{color:#c4b5fd;background:#a78bfa2e}.pricing-card-icon.ultra{color:#fbbf24;background:#f59e0b2e}.pricing-card-icon.max{color:#f472b6;background:#ec48992e}.card-tagline{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:700}.pricing-card-name{letter-spacing:-.3px;font-size:20px;font-weight:800}.pricing-card-desc{color:var(--text-muted);margin-bottom:20px;font-size:13.5px;line-height:1.55}.pricing-price{margin-bottom:22px}.pricing-amount{letter-spacing:-1.5px;font-size:42px;font-weight:800;line-height:1}.pricing-amount .currency{vertical-align:super;color:var(--text-muted);font-size:20px;font-weight:600}.pricing-period{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.annual-saving{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:9999px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.pricing-features{flex-direction:column;flex:1;gap:10px;margin-bottom:24px;list-style:none;display:flex}.pricing-feature{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.pricing-feature-icon{flex-shrink:0;margin-top:1px}.pricing-feature-icon.check{color:var(--accent-success)}.pricing-feature-icon.lock{color:var(--text-muted);opacity:.4}.pricing-feature.disabled{opacity:.4}.pricing-cta{cursor:pointer;letter-spacing:.2px;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.pricing-cta.free-cta{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a}.pricing-cta.free-cta:hover{color:var(--text-primary);background:#ffffff1a}.pricing-cta.pro-cta{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 18px #a78bfa59}.pricing-cta.pro-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a78bfa80}.pricing-cta.ultra-cta{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b);border:none;box-shadow:0 4px 18px #f59e0b59}.pricing-cta.ultra-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b80}.pricing-cta.max-cta{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;box-shadow:0 4px 18px #db277759}.pricing-cta.max-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #db277780}.pricing-cta.current-plan{color:#34d399;cursor:default;background:#10b9811f;border:1px solid #10b9814d}.pricing-cta.downgrade-plan{color:var(--text-muted);cursor:not-allowed;opacity:.55;background:#ffffff0a;border:1px solid #ffffff12}.trust-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:900px;margin-bottom:64px;padding:20px 32px;display:flex}.trust-bar span{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.pricing-seo-content{text-align:center;max-width:860px;color:var(--text-secondary);margin:0 auto 64px}.pricing-seo-content h3{color:var(--text-primary);margin-bottom:14px;font-size:1.7rem;font-weight:700}.pricing-seo-content p{font-size:15px;line-height:1.8}.pricing-faq{text-align:center;width:100%;max-width:860px}.pricing-faq-title{margin-bottom:28px;font-size:26px;font-weight:700}.pricing-faq-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=600px){.pricing-faq-grid{grid-template-columns:1fr}}.faq-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:22px;transition:border-color .25s}.faq-item:hover{border-color:#ffffff1c}.faq-question{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:700}.faq-answer{color:var(--text-muted);font-size:13px;line-height:1.65}@media (width<=768px){.pricing-page{padding:40px 16px 60px}.pricing-header{margin-bottom:36px}.pricing-subtitle{font-size:15px}.pricing-amount{font-size:36px}.pricing-card{padding:24px 20px}.trust-bar{gap:16px;padding:16px 20px}}@media (width<=480px){.pricing-page{padding:28px 12px 48px}.pricing-card{border-radius:18px;padding:20px 16px}.pricing-cta{padding:12px;font-size:13px}.billing-toggle{border-radius:16px;flex-direction:column}}.pricing-cta.upgrade-cta{animation:2.5s ease-in-out infinite upgradeGlow;position:relative}@keyframes upgradeGlow{0%,to{filter:brightness()}50%{filter:brightness(1.1)}}.upgrade-modal{z-index:10001;backdrop-filter:blur(20px);background:#101020f7;border:1px solid #a78bfa4d;border-radius:24px;width:calc(100% - 32px);max-width:500px;padding:36px 32px 28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #a78bfa26,0 24px 60px #0009}.upgrade-modal-close{cursor:pointer;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.upgrade-modal-close:hover{color:var(--text-primary);background:#ffffff1a}.upgrade-modal-header{text-align:center;margin-bottom:28px}.upgrade-modal-icon{color:#a78bfa;margin-bottom:8px;animation:2s ease-in-out infinite floatUp}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upgrade-modal-header h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:22px;font-weight:800}.upgrade-modal-header p{color:var(--text-muted);font-size:14px}.upgrade-modal-loading{flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.upgrade-modal-loading p{color:var(--text-muted);font-size:14px}.proration-breakdown{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin-bottom:20px;padding:20px}.proration-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.proration-label{color:var(--text-secondary);font-size:13.5px}.proration-value{color:var(--text-primary);font-size:14px;font-weight:700}.proration-value.credit{color:#34d399}.proration-hint{color:var(--text-muted);font-size:12px;font-style:italic}.proration-divider{background:#ffffff12;height:1px;margin:4px 0}.proration-divider.thick{background:linear-gradient(90deg,#a78bfa4d,#a78bfa1a);height:2px;margin:8px 0}.proration-row.total{padding-top:14px}.proration-row.total .proration-label{color:var(--text-primary);font-size:15px;font-weight:700}.proration-value.total-amount{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800}.proration-value.total-amount small{-webkit-text-fill-color:var(--text-muted);font-size:12px;font-weight:500}.proration-note{color:var(--text-muted);text-align:center;margin-bottom:24px;padding:0 8px;font-size:13px;line-height:1.6}.proration-note strong{color:var(--text-secondary)}.upgrade-modal-actions{gap:12px;display:flex}.upgrade-modal-actions .btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.upgrade-modal-actions .btn-outline{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1f}.upgrade-modal-actions .btn-outline:hover{color:var(--text-primary);background:#ffffff14}.upgrade-confirm-btn{box-shadow:0 4px 20px #a78bfa66;background:var(--gradient-primary)!important;color:#fff!important;border:none!important}.upgrade-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #a78bfa8c}.upgrade-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-small{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@media (width<=480px){.upgrade-modal{border-radius:20px;padding:28px 20px 24px}.upgrade-modal-actions{flex-direction:column}.proration-value.total-amount{font-size:18px}}.settings-container{max-width:900px;color:var(--text-primary);margin:0 auto;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{background:linear-gradient(90deg,#fff,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.2rem}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-tabs{border-bottom:1px solid var(--border-subtle);gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:1.1rem;font-weight:500;transition:all .2s}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--brand-primary);border-bottom:2px solid var(--brand-primary)}.settings-card{backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#1e1e2a66;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 20px #0003}.settings-card h3{color:#fff;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;font-size:1.3rem;display:flex}.premium-subscription-card{background:linear-gradient(145deg,#1e1e2acc,#14141ee6);border:1px solid #a78bfa33;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.premium-subscription-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#a78bfa26,#0000 70%);height:150px;position:absolute;top:0;left:0;right:0}.subscription-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex;position:relative}.subscription-title-area{align-items:flex-start;gap:1rem;display:flex}.accent-icon{color:var(--brand-primary);background:#a78bfa1a;border-radius:12px;padding:8px;box-shadow:0 0 20px #a78bfa33}.subscription-title-area h3{margin:0 0 .25rem;font-size:1.4rem;font-weight:600}.subscription-title-area p{color:var(--text-secondary);margin:0;font-size:.9rem}.subscription-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:20px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:700}.subscription-badge.ultra{color:#f472b6;background:linear-gradient(135deg,#ec489926,#a78bfa26);border-color:#ec48994d;box-shadow:0 0 15px #ec489933}.subscription-badge.pro{color:#a78bfa;background:#a78bfa26;border-color:#a78bfa4d}.subscription-badge.free{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1a}.subscription-details{background:#0003;border:1px solid #ffffff08;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:grid}.detail-item{flex-direction:column;gap:.4rem;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.detail-value{color:#fff;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;display:flex}.status-active{color:#34d399}.status-warning{color:#fbbf24}.cancellation-notice{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:.9rem;display:flex}.usage-meter-container{margin-bottom:2.5rem}.usage-meter-header{justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;display:flex}.usage-meter-title{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;display:flex}.usage-meter-stats{color:#fff;font-weight:600}.usage-progress-track{background:#ffffff0d;border-radius:8px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.usage-progress-fill{background:linear-gradient(90deg, var(--brand-primary), #c4b5fd);border-radius:8px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #a78bfa80}.usage-progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.usage-meter-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}.subscription-actions-footer{border-top:1px solid #ffffff0d;gap:1rem;padding-top:1.5rem;display:flex}.btn-glow{align-items:center;gap:.5rem;display:flex;box-shadow:0 0 15px #a78bfa4d}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 0 25px #a78bfa80}.upgrade-pulse{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{opacity:.8;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.cancel-btn{color:#f87171!important;border-color:#ef44444d!important}.cancel-btn:hover{background:#ef44441a!important;border-color:#ef4444!important}.transactions-card{padding:0;overflow:hidden}.transactions-header{background:#0000001a;border-bottom:1px solid #ffffff0d;padding:1.5rem}.transactions-header h3{margin:0 0 .25rem}.transactions-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.transactions-list{flex-direction:column;display:flex}.transaction-row{border-bottom:1px solid #ffffff08;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:background .2s;display:grid}.transaction-row:last-child{border-bottom:none}.transaction-row:hover{background:#ffffff05}.tx-icon{width:40px;height:40px;color:var(--brand-primary);background:#a78bfa1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.tx-info{flex-direction:column;gap:.25rem;display:flex}.tx-description{color:#fff;margin:0;font-size:1rem;font-weight:500}.tx-date{color:var(--text-muted);font-size:.85rem}.tx-status-col{align-items:center;display:flex}.tx-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.tx-status.paid{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.tx-amount{color:#fff;text-align:right;font-size:1.1rem;font-weight:600}.tx-amount span{color:var(--text-muted);text-transform:uppercase;margin-left:2px;font-size:.8rem}.tx-actions{gap:.5rem;display:flex}.action-icon-btn{width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.action-icon-btn:hover{background:var(--brand-primary);color:#fff;transform:scale(1.05)}.empty-transactions{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{color:#ffffff1a;margin-bottom:1rem}.empty-transactions p{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.2rem}.empty-transactions span{font-size:.9rem}.transactions-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.spinner{border:3px solid #a78bfa33;border-top-color:var(--brand-primary);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.refund-modal{background:var(--bg-primary);border:1px solid var(--border-subtle);z-index:1000;border-radius:16px;width:90%;max-width:500px;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.modal-overlay{backdrop-filter:blur(4px);z-index:999;background:#000000b3;position:fixed;inset:0}.refund-modal h2{color:#fff;margin-top:0}.refund-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.reason-select,.reason-textarea{border:1px solid var(--border-subtle);color:#fff;background:#ffffff0d;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem}.reason-textarea{resize:vertical;min-height:100px}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.profile-form{flex-direction:column;gap:1.2rem;margin-top:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.form-group input{border:1px solid var(--border-subtle);color:var(--text-primary);background:#ffffff0d;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #a78bfa33}.form-group input.disabled-input{color:var(--text-muted);cursor:not-allowed;background:#ffffff05;border-color:#0000}.input-hint{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.settings-container{padding:1rem}.settings-header h1{font-size:1.6rem}.settings-header p{font-size:.95rem}.settings-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.75rem;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;font-size:.95rem}.settings-card{border-radius:12px;padding:1rem}.settings-card h3{font-size:1.1rem}.subscription-details{grid-template-columns:1fr;gap:1rem}.subscription-actions-footer{flex-direction:column}.subscription-actions-footer button{justify-content:center;width:100%}.transaction-row{grid-template-columns:auto 1fr;grid-template-areas:"icon info""icon status""none amount""none actions";gap:.75rem}.tx-icon{grid-area:icon}.tx-info{grid-area:info}.tx-status-col{grid-area:status}.tx-amount{text-align:left;grid-area:amount}.tx-actions{grid-area:actions;justify-content:flex-start}.refund-modal{width:95%;padding:1.5rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}@media (width<=480px){.settings-container{padding:.75rem}.settings-header h1{font-size:1.4rem}.settings-card{padding:.75rem}.subscription-header{flex-direction:column;gap:1rem}.subscription-badge{align-self:flex-start}}.danger-zone-card{border:1px solid var(--error-color);background:#ef44440d}.danger-zone-title{color:var(--error-color);align-items:center;gap:.5rem;display:flex}.danger-zone-text{color:var(--text-secondary);margin-bottom:1rem}.btn-danger-solid{background:var(--error-color)!important;border-color:var(--error-color)!important}.btn-danger-solid:hover{background:#dc2626!important;border-color:#dc2626!important}.icon-mr-sm{margin-right:.5rem}.modal-danger-border{border:1px solid var(--error-color)}.text-danger{color:var(--error-color)}.modal-confirm-label{color:var(--text-secondary);margin-bottom:.5rem;display:block}.modal-confirm-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem}.creator-panel-content{animation:.4s ease-out creatorFadeIn}.creator-panel-content h2{background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:1.35rem;font-weight:700;display:flex}@keyframes creatorFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.creator-hero-card{backdrop-filter:blur(16px);background:#12121e99;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.creator-hero-info{flex:1}.creator-hero-summary{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.creator-verdict-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.creator-section{margin-bottom:1.5rem}.creator-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:1rem;font-weight:700;display:flex}.seo-title-card{backdrop-filter:blur(8px);background:#1e293b73;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.seo-title-card:hover{background:#1e293bb3;border-color:#a78bfa40;transform:translateY(-2px);box-shadow:0 8px 24px -8px #0000004d}.seo-title-rank{color:#fff;background:var(--gradient-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:800;display:flex}.seo-title-rank.gold{background:linear-gradient(135deg,#f59e0b,#facc15)}.seo-title-text{color:#f0f0f5;flex:1;font-size:1rem;font-weight:600;line-height:1.4}.seo-desc-card{background:#12121e8c;border:1px solid #ffffff0f;border-radius:14px;padding:1.25rem;position:relative}.seo-desc-card .desc-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;font-size:.72rem;font-weight:700}.seo-desc-text{color:var(--text-secondary);white-space:pre-wrap;font-size:.9rem;line-height:1.75}.seo-desc-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.seo-tags-grid{flex-wrap:wrap;gap:.5rem;display:flex}.seo-tag-pill{color:#c4b5fd;cursor:default;background:#a78bfa1a;border:1px solid #a78bfa26;border-radius:9999px;align-items:center;gap:.3rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.seo-tag-pill:hover{background:#a78bfa33;transform:translateY(-1px)}.hook-type-badge{color:#818cf8;background:#6366f11f;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.hook-quote-block{background:#a78bfa0f;border-left:4px solid #a78bfa;border-radius:0 12px 12px 0;margin-bottom:1.25rem;padding:1rem 1.25rem;position:relative}.hook-quote-block:before{content:"\"";color:#a78bfa33;font-family:Georgia,serif;font-size:3rem;line-height:1;position:absolute;top:-8px;left:12px}.hook-quote-text{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.6}.hook-improvements-list{flex-direction:column;gap:.65rem;display:flex}.hook-improvement-card{background:#1e293b66;border:1px solid #ffffff0a;border-radius:12px;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem;transition:all .25s;display:flex}.hook-improvement-card:hover{background:#1e293ba6;border-color:#ffffff14;transform:translate(4px)}.hook-improvement-num{color:#fff;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.hook-improvement-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.gaps-missed-list{flex-direction:column;gap:.65rem;display:flex}.gaps-missed-card{background:#ef44440a;border:1px solid #ef44441a;border-radius:12px;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem;transition:all .25s;display:flex}.gaps-missed-card:hover{background:#ef444414;border-color:#ef444433}.gaps-missed-icon{color:#f87171;background:#ef44441f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.gaps-missed-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.gaps-ideas-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.gaps-idea-card{background:#10b9810a;border:1px solid #10b9811f;border-radius:12px;padding:1rem 1.15rem;transition:all .3s;position:relative;overflow:hidden}.gaps-idea-card:before{content:"";background:linear-gradient(#10b981,#059669);border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.gaps-idea-card:hover{background:#10b98114;border-color:#10b98140;transform:translateY(-2px);box-shadow:0 8px 20px -8px #10b98126}.gaps-idea-text{color:var(--text-secondary);padding-left:.5rem;font-size:.88rem;font-weight:500;line-height:1.45}.retention-stats-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.retention-stat{text-align:center;background:#12121e8c;border:1px solid #ffffff0d;border-radius:12px;padding:1rem}.ret-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.ret-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.ret-grade{background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.chart-legend-inline{color:var(--text-muted);justify-content:center;gap:1.25rem;padding-top:.75rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-line{border-radius:2px;width:20px;height:3px;display:inline-block}.legend-line.purple{background:#a78bfa}.legend-line.dashed{background:repeating-linear-gradient(90deg,#4b5563 0 5px,#0000 5px 8px)}.drop-off-list{flex-direction:column;gap:.65rem;display:flex}.drop-off-item{background:#ef44440a;border:1px solid #ef444414;border-radius:10px;align-items:flex-start;gap:1rem;padding:.75rem;display:flex}.drop-time{color:#f87171;flex-shrink:0;min-width:50px;font-size:.85rem;font-weight:700}.drop-reason{color:var(--text-secondary);margin-bottom:.25rem;font-size:.88rem}.drop-suggestion{color:var(--text-muted);font-size:.82rem}.critique-top-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.critique-verdict h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.critique-overall{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.critique-two-col{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem;display:grid}.critique-col h3{margin-bottom:.65rem;font-size:.95rem;font-weight:700}.critique-col ul{padding:0;list-style:none}.critique-col ul li{color:var(--text-secondary);padding:.35rem 0 .35rem .75rem;font-size:.88rem;line-height:1.55;position:relative}.critique-col ul li:before{content:"▸";color:var(--text-muted);position:absolute;left:0}.improvement-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.improvement-item{color:var(--text-secondary);background:#fbbf240a;border:1px solid #fbbf2414;border-left:3px solid #fbbf24;border-radius:8px;padding:.65rem .85rem;font-size:.88rem;line-height:1.55}.script-top-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.script-overview{flex:1}.script-verdict{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.script-sections{flex-direction:column;gap:.65rem;display:flex}.script-section-card{background:#1e293b66;border:1px solid #ffffff0a;border-radius:12px;padding:.85rem 1rem;transition:all .2s}.script-section-card:hover{background:#1e293ba6;border-color:#ffffff14}.script-section-header{align-items:center;gap:.65rem;margin-bottom:.45rem;display:flex}.script-section-type{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:.2rem .65rem;font-size:.72rem;font-weight:700}.script-section-time{color:var(--text-muted);font-size:.78rem;font-weight:500}.script-section-feedback{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.chapter-list{flex-direction:column;gap:.5rem;display:flex}.chapter-item{border-bottom:1px solid #ffffff08;align-items:center;gap:.85rem;padding:.55rem 0;display:flex}.chapter-time{font-family:var(--font-mono,monospace);color:#c4b5fd;min-width:50px;font-size:.82rem;font-weight:700}.chapter-title{color:var(--text-secondary);font-size:.88rem}@media (width<=768px){.creator-hero-card{text-align:center;flex-direction:column}.critique-two-col,.gaps-ideas-grid{grid-template-columns:1fr}.retention-stats-row{grid-template-columns:1fr 1fr}.script-top-row,.critique-top-row{flex-direction:column;align-items:flex-start}}@media (width<=480px){.retention-stats-row{grid-template-columns:1fr}}.script-bar-container{margin-bottom:1.25rem}.script-bar{background:#ffffff08;border-radius:8px;height:10px;display:flex;overflow:hidden}.script-bar-segment{opacity:.6;flex:1}.script-bar-legend{flex-wrap:wrap;gap:.75rem;margin-top:.4rem;display:flex}.script-bar-legend-item{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.script-bar-legend-dot{border-radius:2px;width:8px;height:8px;display:inline-block}.creator-card-heading{align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.creator-card-heading-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.retention-estimate{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.retention-estimate-icon{color:#10b981}.retention-estimate-text{color:var(--text-secondary);font-size:.9rem}.retention-estimate-text strong{color:var(--text-primary)}.critique-col--strength{border-left:3px solid #10b981}.critique-col--strength h3{color:#10b981}.critique-col--weakness{border-left:3px solid #ef4444}.critique-col--weakness h3{color:#ef4444}.color-analysis-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.seo-tags-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.ab-title-tester-wrapper{color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.4s ease-out fadeIn}.ab-title-header{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.ab-title-desc{color:#9ca3af;margin-bottom:1.5rem;font-size:.95rem}.ab-titles-list{flex-direction:column;gap:1.25rem;display:flex}.ab-title-card{-webkit-backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ab-title-card:hover{background:#1e293bcc;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000004d}.ab-title-card:before{content:"";opacity:.6;background:linear-gradient(#818cf8,#3b82f6);border-top-left-radius:16px;border-bottom-left-radius:16px;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.ab-title-card:hover:before{opacity:1}.ab-title-card.top-pick{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #facc154d;box-shadow:0 8px 32px -12px #facc1526}.ab-title-card.top-pick:before{opacity:1;background:linear-gradient(#facc15,#f59e0b)}.ab-title-card.top-pick:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 12px 36px -12px #facc1540}.top-pick-badge{color:#facc15;text-transform:uppercase;letter-spacing:.05em;background:#facc1526;border:1px solid #facc1533;border-radius:9999px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.ab-title-main{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.ab-title-text{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:600;line-height:1.4;transition:color .3s}.ab-title-card:hover .ab-title-text{color:#fff}.ab-title-metrics{flex-direction:column;gap:.75rem;display:flex}.ctr-bar-container{align-items:center;gap:1rem;display:flex}.ctr-bar-track{background:#ffffff0d;border-radius:9999px;flex:1;height:8px;position:relative;overflow:hidden}.ctr-bar{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:9999px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #6366f166}.ab-title-card.top-pick .ctr-bar{background:linear-gradient(90deg,#f59e0b,#facc15);box-shadow:0 0 10px #facc1566}.ctr-value{text-align:right;color:#e2e8f0;width:5rem;font-size:.95rem;font-weight:700}.ab-title-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill{letter-spacing:.02em;border-radius:8px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.emotional-tag{color:#d8b4fe;background:#a855f726;border:1px solid #a855f733}.seo-tag{color:#6ee7b7;background:#10b98126;border:1px solid #10b98133}.ab-title-main button{opacity:.7;transition:all .2s}.ab-title-main button:hover{opacity:1;transform:scale(1.05)}.loading-state,.error-state{color:#9ca3af;background:#1e293b4d;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#a855f7;border-radius:50%;width:32px;height:32px;margin-bottom:1rem;animation:1s linear infinite spin}.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:background .2s;display:inline-flex}.primary-btn:hover{background:#2563eb}.skeleton-container{flex-direction:column;display:flex}.skeleton-container--card{gap:1rem;padding:1.5rem}.skeleton-container--list{gap:.85rem;padding:1rem}.skeleton-block{background-color:#ffffff0a;border-radius:8px;position:relative;overflow:hidden}.skeleton-block--hero{border-radius:16px;width:100%;height:200px}.skeleton-block--title{width:60%;height:2rem}.skeleton-block--line{border-radius:6px;width:80%;height:1rem}.skeleton-block--heading{width:40%;height:1.5rem;margin-bottom:.5rem}.skeleton-block--text{background-color:#ffffff08;border-radius:6px;height:1rem}.skeleton-pulse:after{content:"";background:linear-gradient(90deg,#0000,#a78bfa14,#0000);width:100%;height:100%;animation:1.5s infinite skeletonShimmerTransform;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes skeletonShimmerTransform{to{transform:translate(100%)}}.prod-panel{flex-direction:column;gap:1.2rem;display:flex}.prod-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.prod-header h2{align-items:center;gap:.5rem;margin:0;font-size:1.15rem;display:flex}.prod-overview{color:var(--text-secondary);border-left:3px solid var(--accent-primary);background:#ffffff08;border-radius:8px;margin-bottom:.5rem;padding:.8rem 1rem;font-size:.95rem}.step-list{flex-direction:column;gap:.8rem;display:flex}.step-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;gap:1rem;padding:1rem;transition:border-color .2s,transform .15s;display:flex}.step-card:hover{border-color:#6366f14d;transform:translate(2px)}.step-badge{color:#818cf8;background:#6366f126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.step-content h3{margin:0 0 .3rem;font-size:1.05rem}.step-content p{color:#d1d5db;margin:0;font-size:.9rem}.step-timestamp{color:var(--text-muted);margin-top:.4rem;font-family:monospace;font-size:.75rem;display:block}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.resource-card{background:#ffffff05;border:1px solid #ffffff0a;border-left:3px solid #10b981;border-radius:10px;padding:1rem}.resource-card h4{justify-content:space-between;align-items:center;margin:0 0 .2rem;font-size:1.05rem;display:flex}.resource-category{color:#34d399;text-transform:uppercase;background:#10b9811a;border-radius:4px;padding:.15rem .45rem;font-size:.65rem}.resource-context{color:#d1d5db;margin-top:.5rem;font-size:.85rem}.meeting-section{margin-top:.5rem}.meeting-section h3{border-bottom:1px solid #ffffff0f;margin-bottom:.8rem;padding-bottom:.4rem;font-size:1rem}.action-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;gap:.8rem;margin-bottom:.5rem;padding:.8rem;display:flex}.action-assignee{color:#fbbf24;white-space:nowrap;background:#f59e0b26;border-radius:4px;align-self:flex-start;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.action-task{margin-bottom:.2rem;font-size:.95rem;font-weight:500}.action-context{color:var(--text-muted);font-size:.8rem}.decision-item{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:4px;margin-bottom:.5rem;padding:.8rem}.decision-title{color:#eff6ff;font-size:.95rem;font-weight:600}.decision-rationale{color:#93c5fd;margin-top:.3rem;font-size:.85rem}.res-panel{flex-direction:column;gap:1.2rem;display:flex}.res-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.res-header h2{align-items:center;gap:.5rem;margin:0;font-size:1.15rem;display:flex}.claim-card{background:#ffffff05;border-left:3px solid #6366f1;border-radius:8px;margin-bottom:1rem;padding:1.2rem;box-shadow:0 4px 6px #0000001a}.claim-text{color:#f3f4f6;margin-bottom:.8rem;font-size:1.05rem;font-style:italic;font-weight:500}.claim-verification{color:#c7d2fe;background:#6366f11a;border-radius:6px;padding:.8rem;font-size:.9rem}.claim-verification strong{color:#818cf8;text-transform:uppercase;margin-bottom:.3rem;font-size:.8rem;display:block}.fallacy-card{background:#ffffff05;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1.2rem;position:relative;overflow:hidden}.fallacy-card:before{content:"";background:#ef4444;width:4px;height:100%;position:absolute;top:0;left:0}.fallacy-type{color:#fca5a5;text-transform:uppercase;background:#ef444426;border-radius:4px;margin-bottom:.6rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.fallacy-statement{color:#e5e7eb;margin-bottom:.8rem;font-size:1rem}.fallacy-explanation{color:#9ca3af;background:#0003;border-radius:6px;padding:.8rem;font-size:.9rem}.query-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:1rem;display:flex;overflow:hidden}.query-search-btn{color:#34d399;cursor:pointer;background:#10b9811a;border:none;justify-content:center;align-items:center;padding:0 1.2rem;transition:all .2s;display:flex}.query-search-btn:hover{background:#10b98133}.query-content{flex:1;padding:1rem}.query-string{color:#10b981;background:#0000004d;border-radius:4px;margin-bottom:.6rem;padding:.4rem .8rem;font-family:monospace;font-size:1.05rem;display:inline-block}.query-reason{color:#aaa;margin:0;font-size:.9rem}.ent-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,#0f0519d9,#1e0a2da6);border:1px solid #a855f72e;border-radius:16px;padding:28px;transition:border-color .3s;position:relative;overflow:hidden}.ent-card:hover{border-color:#a855f74d}.ent-card-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f726 0%,#0000 60%);width:300px;height:300px;position:absolute;top:-100px;right:-100px}.ent-card>*{z-index:1;position:relative}.ent-header-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.ent-header{border-bottom:1px solid #a855f726;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.ent-header-title{align-items:center;gap:12px;display:flex}.ent-header-icon{color:#c084fc;background:linear-gradient(135deg,#a855f733,#8b5cf60d);border:1px solid #a855f74d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 0 10px #a855f71a}.ent-header-title h2{color:#faf5ff;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.ent-subtitle{color:#e9d5ff99;margin:4px 0 0;font-size:.85rem;font-weight:500}.ent-section-title{align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.ent-section-title.plot{color:#d8b4fe}.ent-section-title.characters{color:#f9a8d4}.ent-section-title.highlights{color:#f0abfc}.ent-plot-container{color:#e2e8f0;background:#0a051466;border:1px solid #a855f71a;border-radius:14px;margin-bottom:32px;padding:24px;font-size:.95rem;line-height:1.7;position:relative;overflow:hidden}.ent-plot-container:before{content:"";background:linear-gradient(#a855f7,#6366f1);width:4px;height:100%;position:absolute;top:0;left:0}.ent-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (width<=1024px){.ent-grid{grid-template-columns:1fr}}.ent-characters-list{flex-direction:column;gap:12px;display:flex}.ent-character-card{background:#581c8726;border:1px solid #a855f726;border-radius:12px;padding:16px;transition:all .25s}.ent-character-card:hover{background:#581c8740;border-color:#a855f74d;transform:translate(4px)}.ent-character-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ent-character-name{color:#faf5ff;font-size:1rem;font-weight:700}.ent-character-role{text-transform:uppercase;letter-spacing:.05em;color:#f9a8d4;background:#ec489926;border:1px solid #ec489933;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.ent-character-arc{color:#e9d5ffbf;font-size:.85rem;line-height:1.5}.ent-highlights-list{flex-direction:column;gap:12px;display:flex}.ent-highlight-item{background:#0003;border:1px solid #ffffff0d;border-radius:12px;gap:12px;padding:14px;transition:all .25s;display:flex}.ent-highlight-item:hover{background:#0000004d;border-color:#f0abfc33;transform:translateY(-2px)}.ent-highlight-number{color:#f0abfc;background:#d946ef26;border:1px solid #d946ef4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:flex}.ent-highlight-text{color:#e2e8f0;padding-top:2px;font-size:.9rem;line-height:1.5}.ent-error{text-align:center;padding:40px 24px}.ent-error p{color:#e9d5ff99;margin-bottom:16px}.ent-error-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.ent-error-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f759}.lang-panel{flex-direction:column;gap:1.2rem;display:flex}.lang-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.lang-header h2{align-items:center;gap:.5rem;margin:0;font-size:1.15rem;display:flex}.lang-meta-row{flex-wrap:wrap;gap:.4rem;margin-top:.3rem;display:flex}.lang-badge{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133;border-radius:6px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.cefr-badge{border:1px solid;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.cefr-badge-sm{letter-spacing:.5px;font-size:.7rem;font-weight:700}.bilingual-segments{flex-direction:column;gap:.75rem;display:flex}.bilingual-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;transition:border-color .2s;display:grid}.bilingual-row:hover{border-color:#6366f133}.bilingual-original,.bilingual-translation{flex-direction:column;gap:.3rem;display:flex}.bilingual-lang-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.65rem;font-weight:700}.bilingual-original p{font-weight:500}.bilingual-translation p{color:#a5b4fc;font-style:italic}.bilingual-footer{border-top:1px solid #ffffff0a;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.notable-phrase{color:#c4b5fd;cursor:help;background:#8b5cf614;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.lang-word-grid{flex-direction:column;gap:.6rem;display:flex}.lang-word-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:.85rem 1rem;transition:transform .15s,border-color .2s}.lang-word-card:hover{border-color:#8b5cf633;transform:translate(2px)}.lang-word-top{align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}.lang-word-title{color:#f0f0f5;font-size:1.05rem;font-weight:700}.lang-pronunciation{color:#a78bfa;font-size:.8rem;font-style:italic}.lang-word-translation{color:#d1d5db;margin:.2rem 0 .4rem;font-size:.95rem}.lang-word-meta{flex-wrap:wrap;gap:.4rem;display:flex}.lang-pos-badge{color:#818cf8;text-transform:uppercase;letter-spacing:.5px;background:#6366f11a;border-radius:4px;padding:.12rem .45rem;font-size:.65rem;font-weight:600}.freq-badge{text-transform:capitalize;font-size:.65rem;font-weight:600}.lang-example{color:var(--text-muted);border-left:2px solid #ffffff0f;margin-top:.4rem;padding-left:.5rem;font-size:.83rem;font-style:italic}.lang-mnemonic{color:#fbbf24;margin-top:.3rem;font-size:.8rem}.cloze-list,.listening-list{flex-direction:column;gap:.75rem;display:flex}.cloze-item,.listening-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:1rem;transition:border-color .3s}.cloze-correct{border-color:#10b9814d!important}.cloze-wrong{border-color:#ef44444d!important}.cloze-sentence{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.cloze-sentence p{width:100%;margin-top:.3rem;font-size:1rem;font-weight:500}.cloze-skill-badge{color:#fbbf24;text-transform:capitalize;background:#f59e0b1a;border-radius:4px;padding:.12rem .4rem;font-size:.65rem}.cloze-hint{color:var(--text-muted);font-size:.8rem;font-style:italic}.cloze-options{flex-wrap:wrap;gap:.4rem;display:flex}.cloze-option{color:#d1d5db;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.3rem;padding:.45rem .9rem;font-size:.88rem;transition:all .2s;display:flex}.cloze-option:hover:not(:disabled){color:#f0f0f5;background:#6366f11a;border-color:#6366f14d}.cloze-option.correct{color:#34d399;background:#10b98126;border-color:#10b981}.cloze-option.wrong{color:#fca5a5;background:#ef444426;border-color:#ef4444}.cloze-option.dimmed{opacity:.4}.cloze-explanation{color:#a5b4fc;background:#6366f10d;border-left:3px solid #6366f1;border-radius:8px;margin-top:.6rem;padding:.6rem .8rem;font-size:.85rem}.dialogue-list{flex-direction:column;gap:.6rem;display:flex}.dialogue-scenario{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;overflow:hidden}.dialogue-title-btn{color:#f0f0f5;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.dialogue-title-btn:hover{background:#ffffff08}.dialogue-body{padding:0 1rem 1rem;overflow:hidden}.dialogue-context{color:var(--text-muted);background:#6366f10d;border-radius:6px;margin-bottom:.8rem;padding:.5rem .7rem;font-size:.85rem;font-style:italic}.dialogue-lines{flex-direction:column;gap:.5rem;display:flex}.dialogue-line{align-items:flex-start;gap:.5rem;display:flex}.dialogue-line.learner{flex-direction:row-reverse}.dialogue-speaker{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.dialogue-line.native .dialogue-speaker{color:#818cf8;background:#6366f126}.dialogue-line.learner .dialogue-speaker{color:#34d399;background:#10b98126}.dialogue-bubble{border-radius:12px;max-width:75%;padding:.6rem .8rem;font-size:.9rem}.dialogue-line.native .dialogue-bubble{background:#ffffff0a;border:1px solid #ffffff0f}.dialogue-line.learner .dialogue-bubble{background:#10b98114;border:1px solid #10b98126}.dialogue-translation{color:#a5b4fc;margin-top:.3rem;font-size:.8rem;font-style:italic}.dialogue-show-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-size:.75rem;text-decoration:underline}.dialogue-your-turn{color:#34d399;background:#10b9811f;border-radius:4px;align-self:center;padding:.15rem .4rem;font-size:.65rem}.dialogue-phrases{margin-top:.8rem}.dialogue-phrases strong{color:var(--text-muted);font-size:.8rem}.dialogue-phrase-item{flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.3rem 0;font-size:.85rem;display:flex}.phrase-original{color:#f0f0f5;font-weight:600}.phrase-translation{color:#a5b4fc}.phrase-note{color:var(--text-muted);font-size:.78rem;font-style:italic}.dialogue-followup{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.dialogue-followup strong{color:var(--text-muted);font-size:.8rem}.followup-chip{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;padding:.2rem .55rem;font-size:.78rem}.grammar-list{flex-direction:column;gap:.6rem;display:flex}.grammar-pattern{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;overflow:hidden}.grammar-title-btn{color:#f0f0f5;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.8rem 1rem;display:flex}.grammar-title-btn>div{align-items:center;gap:.5rem;display:flex}.grammar-name{font-size:.95rem;font-weight:600}.grammar-body{padding:0 1rem 1rem;overflow:hidden}.grammar-rule{margin-bottom:.6rem;font-size:.9rem;line-height:1.5}.grammar-formula{color:#a5b4fc;background:#6366f10f;border-radius:6px;margin-bottom:.6rem;padding:.5rem .7rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.grammar-examples,.grammar-mistakes{margin-bottom:.6rem}.grammar-examples strong,.grammar-mistakes strong{color:var(--text-muted);font-size:.8rem}.grammar-example-item{color:#d1d5db;padding:.2rem 0;font-size:.87rem}.grammar-mistake-item{color:#fca5a5;padding:.2rem 0;font-size:.85rem}.grammar-practice{margin-top:.4rem}.grammar-practice strong{color:var(--text-muted);font-size:.8rem}.grammar-practice-item{background:#ffffff05;border-radius:6px;margin-top:.4rem;padding:.5rem .7rem}.grammar-input{color:#f0f0f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.85rem}.grammar-check-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:background .2s}.grammar-check-btn:hover{background:#6366f140}.grammar-answer{color:#34d399;margin-top:.3rem;font-size:.85rem}.listening-header{align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.listening-type{color:#f472b6;text-transform:capitalize;background:#ec48991a;border-radius:4px;padding:.12rem .4rem;font-size:.65rem;font-weight:600}.listening-question{margin-bottom:.6rem;font-size:1rem;font-weight:500}.listening-ref{color:var(--text-muted);margin-top:.3rem;font-size:.82rem;font-style:italic}.phrase-grid{flex-direction:column;gap:.6rem;display:flex}.phrase-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:.85rem 1rem;transition:border-color .2s}.phrase-card:hover{border-color:#f59e0b33}.phrase-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.4rem;margin-bottom:.3rem;display:flex}.phrase-top .phrase-original{color:#f0f0f5;font-size:1rem;font-weight:700}.phrase-badges{flex-wrap:wrap;gap:.3rem;display:flex}.phrase-cat,.phrase-reg{text-transform:capitalize;background:#ffffff0a;border-radius:4px;padding:.1rem .4rem;font-size:.62rem;font-weight:600}.phrase-literal{color:var(--text-muted);font-size:.82rem;font-style:italic}.phrase-natural{color:#a5b4fc;margin:.2rem 0;font-size:.92rem;font-weight:500}.phrase-usage{color:#9ca3af;border-left:2px solid #ffffff0f;margin-top:.25rem;padding-left:.5rem;font-size:.83rem}.phrase-alt{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.cultural-section{margin-bottom:1rem}.cultural-section h3{color:#f0f0f5;margin-bottom:.6rem;font-size:.95rem;font-weight:600}.cultural-register{background:#ffffff05;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.register-level{color:#818cf8;text-transform:capitalize;background:#6366f11f;border-radius:6px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.cultural-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;margin-bottom:.4rem;padding:.6rem .8rem}.cultural-item strong{color:#f0f0f5;margin-bottom:.2rem;font-size:.9rem;display:block}.cultural-item p{color:#d1d5db;font-size:.85rem}.cultural-importance{color:#fbbf24;background:#f59e0b1a;border-radius:4px;margin-top:.3rem;padding:.1rem .4rem;font-size:.72rem;display:inline-block}.cultural-tip{color:#34d399;padding:.4rem 0;font-size:.88rem}.false-friend{border-left:3px solid #ef444466}@media (width<=768px){.bilingual-row{grid-template-columns:1fr}.dialogue-bubble{max-width:85%}.cloze-options{flex-direction:column}.cloze-option{justify-content:center;width:100%}}.grammar-practice-row{align-items:center;gap:.5rem;display:flex}.vocab-search-wrap{position:relative}.vocab-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.vocab-search-wrap .vocab-search{padding-left:2rem}.news-container{gap:var(--space-xl);padding:var(--space-md) 0;flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) newsReveal;display:flex}@keyframes newsReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tldr-header-row{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.tldr-header-left{align-items:center;gap:12px;display:flex}.tldr-header-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#94a3b826,#94a3b80d);border:1px solid #94a3b826;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tldr-header-left h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:700}.tldr-copy-btn{border-radius:var(--radius-full);color:var(--text-muted);font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:6px;padding:8px 16px;transition:all .25s;display:flex}.tldr-copy-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.tldr-copy-btn.copied{color:#10b981;background:#10b98114;border-color:#10b98166}.tldr-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.tldr-grid{grid-template-columns:1fr}}.tldr-column{border-radius:var(--radius-lg);padding:var(--space-lg);background:#0f172a80;border:1px solid #ffffff0d;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tldr-column:before{content:"";background:var(--col-accent,#ffffff1a);opacity:.7;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tldr-column:hover{background:#0f172ab3;border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 12px 40px #00000040}.tldr-column:hover:before{opacity:1}.tldr-column h3{margin-bottom:var(--space-lg);letter-spacing:-.2px;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.tldr-column h3 svg{flex-shrink:0}.tldr-point{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#0003;border:1px solid #0000;margin-bottom:10px;padding:14px 14px 14px 18px;font-size:.9rem;line-height:1.6;transition:all .25s;position:relative;overflow:hidden}.tldr-point:before{content:"";opacity:.35;background:currentColor;width:3px;height:100%;transition:all .3s;position:absolute;top:0;left:0}.tldr-point:hover{background:#00000059;border-color:#ffffff0a;transform:translate(4px)}.tldr-point:hover:before{opacity:.8;width:4px}.tldr-point-detail{color:#94a3b8;border-top:1px solid #ffffff0a;margin-top:8px;padding-top:8px;font-size:.78rem;line-height:1.5}.bias-meter-card{border-radius:var(--radius-lg);padding:var(--space-xl);backdrop-filter:blur(16px);background:#140a14b3;border:1px solid #f43f5e26;position:relative;overflow:hidden}.bias-meter-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#a78bfa,#f43f5e);height:3px;position:absolute;top:0;left:0;right:0}.bias-meter-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#f43f5e0f 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-120px;right:-120px}.bias-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.bias-title{color:var(--text-primary);letter-spacing:-.3px;align-items:center;gap:12px;margin:0;font-size:1.35rem;font-weight:700;display:flex}.bias-lean-badge{border-radius:var(--radius-full);color:#fff;text-transform:uppercase;letter-spacing:1.2px;backdrop-filter:blur(8px);background:#00000059;border:1px solid #f43f5e33;padding:8px 18px;font-size:.8rem;font-weight:700}.bias-gauge-container{text-align:center;width:100%;max-width:360px;margin:0 auto 2.5rem;position:relative}.bias-gauge-svg{filter:drop-shadow(0 4px 20px #f43f5e1a);width:100%;height:auto;overflow:visible}.bias-score-display{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.bias-score-value{color:#fff;letter-spacing:-1px;font-size:2.75rem;font-weight:800;line-height:1}.bias-score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2.5px;margin-top:6px;font-size:.75rem;font-weight:600}.bias-details-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.bias-section-card{border-radius:var(--radius-md);padding:var(--space-lg);background:#0003;border:1px solid #ffffff0a;transition:all .3s}.bias-section-card:hover{border-color:#ffffff14}.bias-section-header{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:2px 0;display:flex}.bias-section-header h3{align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;display:flex}.bias-section-toggle{border-radius:var(--radius-sm);background:#ffffff0a;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.bias-section-header:hover .bias-section-toggle{background:#ffffff14}.bias-list-section h3{margin-bottom:var(--space-md);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.bias-list-item{border-radius:var(--radius-md);cursor:default;background:#0003;border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:.88rem;line-height:1.5;transition:all .25s;display:flex}.bias-list-item:hover{background:#00000059;transform:translate(4px)}.bias-list-item.loaded{color:#ffedd5;border-left:3px solid #fb923c}.bias-list-item.loaded:hover{border-color:#fb923c26 #fb923c26 #fb923c26 #fb923c;border-left-style:solid;border-left-width:3px}.bias-list-item.framing{color:#fef9c3;border-left:3px solid #fde047}.bias-list-item.framing:hover{border-color:#fde04726 #fde04726 #fde04726 #fde047;border-left-style:solid;border-left-width:3px}.bias-empty-msg{color:#94a3b8;border-radius:var(--radius-md);background:#00000026;border:1px solid #ffffff08;padding:14px 16px;font-size:.875rem;font-style:italic;line-height:1.5}.source-tracker-card{border-radius:var(--radius-lg);padding:var(--space-xl);backdrop-filter:blur(16px);background:#0a1414b3;border:1px solid #14b8a61f;position:relative;overflow:hidden}.source-tracker-card:before{content:"";background:linear-gradient(90deg,#0d9488,#2dd4bf,#5eead4);height:3px;position:absolute;top:0;left:0;right:0}.source-tracker-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a60d 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-100px;left:-100px}.source-section-title{color:#5eead4;margin-bottom:var(--space-lg);letter-spacing:-.2px;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.source-section-title .source-count{color:#5eead4;border-radius:var(--radius-full);background:#14b8a626;border:1px solid #14b8a633;padding:2px 8px;font-size:.7rem;font-weight:700}.source-item{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);cursor:pointer;background:#0003;border:1px solid #14b8a614;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.source-item:hover{background:#00000059;border-color:#14b8a640;transform:translate(4px);box-shadow:0 4px 24px #14b8a60f}.source-header{justify-content:space-between;align-items:center;width:100%;display:flex}.source-title-area{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.source-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.source-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:.6rem;font-weight:800;display:flex}.source-badge.primary{color:#5eead4;background:#14b8a61f;border:1px solid #14b8a640}.source-badge.secondary{color:#cbd5e1;background:#64748b1a;border:1px solid #64748b33}.source-meta-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.source-timestamp{color:#2dd4bfb3;font-size:.72rem;font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.3px;background:#14b8a614;padding:3px 10px}.source-expand-icon{color:#64748b;transition:transform .25s}.source-claim{color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#14b8a608;border-left:2px solid #14b8a640;margin-top:14px;padding:12px 14px;font-size:.9rem;line-height:1.6}.verify-btn{font-size:.78rem;font-weight:600;font-family:var(--font-sans);color:#5eead4;border-radius:var(--radius-full);cursor:pointer;background:#14b8a614;border:1px solid #14b8a626;align-self:flex-start;align-items:center;gap:7px;margin-top:12px;padding:7px 14px;transition:all .25s;display:flex}.verify-btn:hover:not(:disabled){background:#14b8a626;border-color:#14b8a64d;transform:translateY(-1px);box-shadow:0 4px 16px #14b8a61a}.verify-btn:disabled{cursor:default}.verify-btn.verified{color:#10b981;background:#10b98114;border-color:#10b9814d}.suggested-sources-card{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-md);background:#14b8a60a;border:1px solid #14b8a61f}.suggested-sources-title{color:#99f6e4;margin-bottom:var(--space-md);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.suggested-sources-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.suggested-source-item{color:#ccfbf1;align-items:center;gap:10px;padding:6px 0;font-size:.875rem;transition:all .2s;display:flex}.suggested-source-item:hover{color:#f0fdfa;transform:translate(4px)}.suggested-source-dot{background:#2dd4bf;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 6px #2dd4bf66}.source-empty-msg{color:#94a3b8;padding:var(--space-md);border-radius:var(--radius-md);background:#00000026;border:1px dashed #ffffff0f;font-size:.9rem;font-style:italic;line-height:1.5}.timeline-card{border-radius:var(--radius-lg);padding:var(--space-xl);background:#140a1999;border:1px solid #d946ef1f;position:relative;overflow:hidden}.timeline-card:before{content:"";background:linear-gradient(90deg,#a855f7,#d946ef,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.timeline-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d946ef0d 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-80px;left:-80px}.timeline-summary{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:#0003;border:1px solid #d946ef14;margin-bottom:2rem;position:relative}.timeline-summary:before{content:"\"";color:#d946ef33;font-family:Georgia,serif;font-size:2.5rem;line-height:1;position:absolute;top:8px;left:16px}.timeline-summary p{color:#f5d0fe;padding-left:24px;font-size:.9rem;font-style:italic;line-height:1.6}.timeline-container{margin-top:var(--space-lg);padding-left:44px;position:relative}.timeline-line{background:linear-gradient(#0000,#d946ef33 8%,#d946ef59 50%,#d946ef33 92%,#0000);width:2px;position:absolute;top:0;bottom:0;left:17px}.timeline-node{margin-bottom:var(--space-lg);cursor:default;position:relative}.timeline-dot{z-index:2;background:#d946ef;border:3px solid #121212;border-radius:50%;width:12px;height:12px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;top:8px;left:-33px;box-shadow:0 0 0 2px #d946ef33}.timeline-node:hover .timeline-dot{transform:scale(1.4);box-shadow:0 0 0 3px #d946ef26,0 0 20px #d946ef66}.timeline-content{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);background:#0003;border:1px solid #d946ef14;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-node:hover .timeline-content{background:#00000059;border-color:#d946ef40;transform:translate(6px);box-shadow:0 4px 24px #d946ef0f}.timeline-time{color:#f0abfc;align-items:center;gap:10px;margin-bottom:8px;font-size:1rem;font-weight:700;display:flex}.timeline-stamp{border-radius:var(--radius-full);color:#f5d0fe;font-size:.72rem;font-family:var(--font-mono);letter-spacing:.3px;background:#d946ef1a;align-items:center;gap:4px;padding:3px 10px;display:flex}.timeline-text{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.timeline-empty{text-align:center;color:#94a3b8;border-radius:var(--radius-md);background:#0000001a;border:1px dashed #ffffff0d;padding:3rem 2rem;font-style:italic;line-height:1.5}@media (width<=768px){.bias-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.bias-details-grid{grid-template-columns:1fr}.tldr-header-row{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.source-header{flex-direction:column;gap:8px}.source-meta-right{align-self:flex-start}.timeline-container{padding-left:36px}.timeline-dot{width:10px;height:10px;left:-25px}}.tech-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,#020a19e6,#05142db3);border:1px solid #06b6d42e;border-radius:16px;padding:28px;transition:border-color .3s;position:relative;overflow:hidden}.tech-card:hover{border-color:#06b6d452}.tech-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d40d 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:0;left:0}.tech-card>*{z-index:1;position:relative}.tech-header{border-bottom:1px solid #06b6d41f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.tech-header-title{align-items:center;gap:10px;display:flex}.tech-header-title h2{color:#ecfeff;margin:0;font-size:1.25rem;font-weight:800}.tech-header-icon{color:#22d3ee;background:linear-gradient(135deg,#06b6d433,#0891b214);border:1px solid #06b6d44d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tech-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.tech-badge--cyan{color:#67e8f9;background:#06b6d41a;border-color:#06b6d44d}.tech-badge--green{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.tech-badge--rose{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e4d}.spec-category-title{text-transform:uppercase;letter-spacing:.1em;color:#06b6d499;align-items:center;gap:6px;margin-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.spec-category-title:after{content:"";background:linear-gradient(90deg,#06b6d426,#0000);flex:1;height:1px}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.spec-item{background:#06b6d40a;border:1px solid #06b6d414;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.spec-item:hover{background:#06b6d414;border-color:#06b6d42e}.spec-item-name{color:#a5f3fc99;font-size:.82rem}.spec-item-value{color:#ecfeff;text-align:right;font-size:.85rem;font-weight:700}.spec-summary{color:#a5f3fc8c;margin-bottom:20px;font-size:.85rem;line-height:1.6}.bench-item{background:#06b6d40a;border:1px solid #06b6d414;border-radius:12px;padding:16px 18px;transition:all .25s}.bench-item:hover{border-color:#06b6d433;transform:translate(3px)}.bench-row{justify-content:space-between;align-items:baseline;display:flex}.bench-name{color:#ecfeff;font-size:.9rem;font-weight:600}.bench-score{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3rem;font-weight:800}.bench-unit{color:#06b6d480;-webkit-text-fill-color:#06b6d480;margin-left:4px;font-size:.75rem}.bench-comparison{color:#06b6d473;margin-top:4px;font-size:.75rem}.bench-grade{color:#67e8f9;background:linear-gradient(135deg,#06b6d426,#06b6d40d);border:1px solid #06b6d44d;border-radius:10px;padding:6px 18px;font-size:1.4rem;font-weight:900;display:inline-flex}.tech-pros-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.tech-pros-grid{grid-template-columns:1fr}}.tech-pros-section h3{align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.tech-pro-item,.tech-con-item{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.tech-pro-item{background:#10b9810d;border:1px solid #10b9811a}.tech-pro-item:hover{border-color:#10b98140}.tech-con-item{background:#f43f5e0d;border:1px solid #f43f5e1a}.tech-con-item:hover{border-color:#f43f5e40}.tech-pro-text{color:#d1fae5;font-size:.85rem}.tech-con-text{color:#ffe4e6;font-size:.85rem}.verdict-score-ring{background:linear-gradient(135deg,#06b6d426,#06b6d40d);border:3px solid #06b6d466;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;display:flex;box-shadow:0 0 30px #06b6d426}.verdict-score-num{color:#67e8f9;font-size:2.2rem;font-weight:900;line-height:1}.verdict-score-of{color:#06b6d480;font-size:.85rem}.verdict-text{color:#ecfeff;text-align:center;margin-bottom:20px;font-size:1.05rem;line-height:1.6}.verdict-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=768px){.verdict-grid{grid-template-columns:1fr}}.verdict-rec{border-radius:12px;padding:16px}.verdict-rec--good{background:#10b9810f;border:1px solid #10b98126}.verdict-rec--bad{background:#f43f5e0f;border:1px solid #f43f5e26}.verdict-rec h4{margin-bottom:8px;font-size:.82rem;font-weight:700}.verdict-rec li{padding:2px 0;font-size:.82rem;list-style:none}.verdict-alt{color:#a5f3fcb3;text-align:center;background:#06b6d40f;border:1px solid #06b6d41f;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:.85rem}.tech-error{text-align:center;padding:40px 24px}.tech-error p{color:#a5f3fc80;margin-bottom:16px}.tech-error-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .2s}.tech-error-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d459}.tech-empty{text-align:center;color:#a5f3fc66;padding:32px;font-style:italic}.code-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,#0a0219e6,#140532b3);border:1px solid #8b5cf62e;border-radius:16px;padding:28px;transition:border-color .3s;position:relative;overflow:hidden}.code-card:hover{border-color:#8b5cf652}.code-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50px;right:-50px}.code-card>*{z-index:1;position:relative}.code-header{border-bottom:1px solid #8b5cf61f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.code-header-title{align-items:center;gap:10px;display:flex}.code-header-title h2{color:#ede9fe;margin:0;font-size:1.25rem;font-weight:800}.code-header-icon{color:#a78bfa;background:linear-gradient(135deg,#8b5cf633,#7c3aed14);border:1px solid #8b5cf64d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.code-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.code-badge--violet{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf64d}.code-badge--green{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.code-badge--amber{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.code-badge--rose{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e4d}.snippet-item{border:1px solid #8b5cf61a;border-radius:14px;transition:all .25s;overflow:hidden}.snippet-item:hover{border-color:#8b5cf640}.snippet-header{background:linear-gradient(135deg,#581c8733,#7c3aed14);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.snippet-lang{text-transform:uppercase;letter-spacing:.06em;color:#a78bfa;font-family:monospace;font-size:.72rem;font-weight:700}.snippet-context{color:#c4b5fd80;font-size:.72rem}.snippet-code{color:#e9d5ff;white-space:pre-wrap;background:#0f031e99;margin:0;padding:16px;font-family:Fira Code,JetBrains Mono,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.snippet-desc{color:#c4b5fda6;background:#1405284d;border-top:1px solid #8b5cf614;padding:12px 16px;font-size:.82rem;line-height:1.5}.concept-item{background:linear-gradient(135deg,#14053280,#230a414d);border:1px solid #8b5cf614;border-radius:14px;padding:20px;transition:all .25s}.concept-item:hover{border-color:#8b5cf638}.concept-name{color:#ede9fe;align-items:center;gap:8px;margin-bottom:6px;font-size:1rem;font-weight:700;display:flex}.concept-explanation{color:#c4b5fda6;margin-bottom:10px;font-size:.85rem;line-height:1.6}.concept-example{color:#c4b5fd;white-space:pre-wrap;background:#0f031e80;border:1px solid #8b5cf61a;border-radius:8px;margin-top:8px;padding:12px;font-family:Fira Code,monospace;font-size:.78rem;overflow-x:auto}.concept-related{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.concept-related-tag{color:#c4b5fd99;background:#8b5cf614;border:1px solid #8b5cf61a;border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:600}.challenge-item{background:linear-gradient(135deg,#14053280,#230a414d);border:1px solid #8b5cf614;border-radius:14px;padding:20px;transition:all .25s}.challenge-item:hover{border-color:#8b5cf638}.challenge-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.challenge-id{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:800;display:flex}.challenge-question{color:#ede9fe;font-size:.92rem;font-weight:600}.challenge-tags{gap:6px;margin-bottom:10px;display:flex}.challenge-toggle{cursor:pointer;color:#a78bfa;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline;transition:color .2s}.challenge-toggle:hover{color:#c4b5fd}.challenge-solution{background:#0f031e80;border:1px solid #8b5cf61a;border-radius:10px;margin-top:12px;padding:14px}.challenge-solution ol{margin:0;padding-left:18px}.challenge-solution li{color:#c4b5fda6;padding:2px 0;font-size:.82rem}.challenge-answer{color:#6ee7b7;white-space:pre-wrap;background:#10b9810f;border:1px solid #10b9811f;border-radius:6px;margin-top:10px;padding:10px;font-family:monospace;font-size:.78rem}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.stack-item{background:#8b5cf60a;border:1px solid #8b5cf614;border-radius:12px;padding:16px;transition:all .25s}.stack-item:hover{border-color:#8b5cf638;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf614}.stack-item-name{color:#ede9fe;margin-bottom:4px;font-size:.9rem;font-weight:700}.stack-item-cat{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.stack-cat--language{color:#93c5fd;background:#3b82f61f}.stack-cat--framework{color:#c4b5fd;background:#8b5cf61f}.stack-cat--library{color:#fcd34d;background:#f59e0b1f}.stack-cat--tool{color:#6ee7b7;background:#10b9811f}.stack-cat--database{color:#67e8f9;background:#06b6d41f}.stack-cat--service{color:#fda4af;background:#f43f5e1f}.stack-cat--platform{color:#f9a8d4;background:#ec48991f}.stack-item-version{color:#8b5cf680;margin-top:4px;font-size:.72rem}.stack-item-context{color:#c4b5fd80;margin-top:4px;font-size:.75rem}.code-error{text-align:center;padding:40px 24px}.code-error p{color:#c4b5fd80;margin-bottom:16px}.code-error-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .2s}.code-error-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf659}.code-empty{text-align:center;color:#c4b5fd66;padding:32px;font-style:italic}.biz-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,#140a02d9,#281405a6);border:1px solid #f59e0b2e;border-radius:16px;padding:28px;transition:border-color .3s;position:relative;overflow:hidden}.biz-card:hover{border-color:#f59e0b4d}.biz-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b0f 0%,#0000 70%);width:260px;height:260px;position:absolute;top:0;right:0}.biz-card>*{z-index:1;position:relative}.biz-header{border-bottom:1px solid #f59e0b1f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.biz-header-title{align-items:center;gap:10px;display:flex}.biz-header-title h2{color:#fef3c7;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}.biz-header-icon{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770614);border:1px solid #f59e0b4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.biz-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.biz-badge--amber{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.biz-badge--green{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.biz-badge--blue{color:#93c5fd;background:#3b82f61a;border-color:#3b82f64d}.biz-badge--rose{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e4d}.strategy-item{background:linear-gradient(135deg,#28140580,#3c1e084d);border:1px solid #f59e0b1a;border-radius:14px;padding:20px;transition:all .25s}.strategy-item:hover{border-color:#f59e0b40;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b14}.strategy-item-name{color:#fef3c7;margin-bottom:6px;font-size:1rem;font-weight:700}.strategy-item-desc{color:#fde68aa6;font-size:.85rem;line-height:1.6}.strategy-framework{color:#fcd34d;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:8px;align-items:center;gap:5px;margin-top:10px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.strategy-applicability{color:#fde68a80;align-items:flex-start;gap:6px;margin-top:8px;font-size:.78rem;display:flex}.action-goal{text-align:center;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid #f59e0b33;border-radius:14px;margin-bottom:20px;padding:20px}.action-goal-label{text-transform:uppercase;letter-spacing:.1em;color:#f59e0b99;margin-bottom:6px;font-size:.7rem;font-weight:700}.action-goal-text{color:#fef3c7;font-size:1.15rem;font-weight:800}.action-step{background:linear-gradient(135deg,#28140580,#3c1e084d);border:1px solid #f59e0b14;border-radius:14px;align-items:flex-start;gap:16px;padding:18px;transition:all .25s;display:flex}.action-step:hover{border-color:#f59e0b38;transform:translate(4px)}.action-step-num{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 4px 15px #f59e0b4d}.action-step-content{flex:1;min-width:0}.action-step-action{color:#fef3c7;margin-bottom:4px;font-size:.95rem;font-weight:700}.action-step-meta{color:#fde68a80;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:.78rem;display:flex}.action-step-connector{background:linear-gradient(#f59e0b40,#0000);width:2px;height:14px;margin-left:34px}.action-metrics{background:#10b9810f;border:1px solid #10b98126;border-radius:14px;margin-top:20px;padding:16px}.action-metrics-title{color:#6ee7b7;align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;font-weight:700;display:flex}.action-metrics-list{margin:0;padding:0;list-style:none}.action-metrics-list li{color:#6ee7b7b3;align-items:center;gap:6px;padding:3px 0;font-size:.82rem;display:flex}.lessons-grid{z-index:2;flex-direction:column;gap:20px;display:flex;position:relative}.lesson-item-premium{backdrop-filter:blur(12px);background:#140a0566;border:1px solid #f59e0b26;border-radius:16px;gap:20px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.lesson-item-glow{background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,-50%), #f59e0b14, transparent 40%);opacity:0;pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.lesson-item-premium:hover{background:#1e0f0599;border-color:#f59e0b66;transform:translateY(-4px);box-shadow:0 12px 30px -10px #f59e0b33}.lesson-item-premium:hover .lesson-item-glow{opacity:1}.lesson-quote-icon{color:#fbbf24;z-index:1;background:linear-gradient(135deg,#f59e0b33,#d977060d);border:1px solid #f59e0b4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:inset 0 0 10px #f59e0b1a}.lesson-content-wrapper{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.lesson-title{color:#fef3c7;letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem;font-weight:700;line-height:1.4}.lesson-context-text{color:#fde68ab3;margin:0 0 16px;font-size:.9rem;line-height:1.6}.lesson-meta-footer{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.lesson-meta-tag{letter-spacing:.02em;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.lesson-meta-tag.source-tag{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e33}.lesson-meta-tag.apply-tag{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.lesson-meta-tag:hover{filter:brightness(1.1);transform:translateY(-1px)}.case-item{border-radius:14px;padding:20px;transition:all .25s}.case-item:hover{transform:translateY(-2px)}.case-item--success{background:linear-gradient(135deg,#10b98114,#10b98108);border:1px solid #10b98133}.case-item--failure{background:linear-gradient(135deg,#f43f5e14,#f43f5e08);border:1px solid #f43f5e33}.case-item--mixed{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border:1px solid #f59e0b33}.case-company{color:#fef3c7;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1.1rem;font-weight:800;display:flex}.case-outcome{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.case-outcome--success{color:#6ee7b7;background:#10b98126}.case-outcome--failure{color:#fda4af;background:#f43f5e26}.case-outcome--mixed{color:#fcd34d;background:#f59e0b26}.case-takeaway{color:#fde68aa6;font-size:.85rem;line-height:1.6}.case-patterns{background:#3b82f60f;border:1px solid #3b82f626;border-radius:14px;margin-top:20px;padding:16px}.case-patterns-title{color:#93c5fd;align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;font-weight:700;display:flex}.biz-error{text-align:center;padding:40px 24px}.biz-error p{color:#fde68a80;margin-bottom:16px}.biz-error-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#f59e0b);border:none;border-radius:10px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.biz-error-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}.biz-empty{text-align:center;color:#fde68a73;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.biz-empty p{margin:0;font-size:1.1rem;font-weight:500}.biz-card-header-actions{z-index:10;justify-content:flex-end;margin-bottom:1rem;display:flex;position:relative}.biz-card-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b26 0%,#0000 60%);width:300px;height:300px;position:absolute;top:-100px;right:-100px}.premium-gradient{background:linear-gradient(135deg,#f59e0b4d,#d977061a)!important;border-color:#f59e0b80!important;box-shadow:0 4px 15px #f59e0b33!important}.biz-subtitle{color:#fde68a99;margin:4px 0 0;font-size:.85rem;font-weight:500}.biz-badge-wrapper{background:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:99px;align-items:center;gap:6px;padding:4px 6px;display:flex}.biz-badge-icon{color:#fcd34d}.gaming-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,#0f051ed9,#190a32b3);border:1px solid #a855f733;border-radius:16px;padding:28px;transition:border-color .3s;position:relative;overflow:hidden}.gaming-card:hover{border-color:#a855f759}.gaming-card:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#a855f704 2px 4px);position:absolute;inset:0}.gaming-card>*{z-index:1;position:relative}.gaming-header{border-bottom:1px solid #a855f726;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.gaming-header-title{align-items:center;gap:10px;display:flex}.gaming-header-title h2{color:#f0e6ff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}.gaming-header-icon{color:#c084fc;background:linear-gradient(135deg,#a855f740,#8b5cf61a);border:1px solid #a855f74d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gaming-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.gaming-badge--purple{color:#d8b4fe;background:#a855f71f;border-color:#a855f74d}.gaming-badge--green{color:#6ee7b7;background:#10b9811f;border-color:#10b9814d}.gaming-badge--amber{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b4d}.gaming-badge--rose{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e4d}.gaming-badge--red{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.walk-step{background:linear-gradient(135deg,#190a3280,#280f464d);border:1px solid #a855f71a;border-radius:14px;align-items:flex-start;gap:16px;padding:18px;transition:all .25s;display:flex}.walk-step:hover{background:linear-gradient(135deg,#230f4199,#37145a59);border-color:#a855f740;transform:translate(4px)}.walk-step-number{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 15px #a855f759}.walk-step-content{flex:1;min-width:0}.walk-step-objective{color:#ede9fe;margin-bottom:4px;font-size:.95rem;font-weight:700}.walk-step-instructions{color:#c4b5fdb3;font-size:.85rem;line-height:1.5}.walk-connector{background:linear-gradient(#a855f74d,#0000);width:2px;height:16px;margin-left:35px}.tip-card{background:linear-gradient(135deg,#190a3280,#280f464d);border:1px solid #a855f71a;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;transition:all .25s;display:flex}.tip-card:hover{background:linear-gradient(135deg,#230f4199,#37145a59);border-color:#a855f740}.tip-card-emoji{background:#a855f71a;border:1px solid #a855f726;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.tip-card-text{color:#ede9fe;font-size:.9rem;font-weight:500;line-height:1.5}.tip-card-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tip-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:600}.tip-tag--cat{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf633}.tip-tag--diff{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f633}.lore-summary-box{background:linear-gradient(135deg,#581c8726,#7c3aed14);border:1px solid #a855f733;border-radius:14px;margin-bottom:24px;padding:20px;position:relative;overflow:hidden}.lore-summary-box:before{content:"\"";color:#a855f71a;pointer-events:none;font-family:Georgia,serif;font-size:5rem;line-height:1;position:absolute;top:-10px;left:12px}.lore-summary-text{color:#ddd6fe;z-index:1;font-size:1rem;font-style:italic;line-height:1.7;position:relative}.lore-entry{background:linear-gradient(135deg,#190a3280,#280f464d);border:1px solid #a855f71a;border-radius:14px;padding:20px;transition:all .25s;position:relative}.lore-entry:hover{background:linear-gradient(135deg,#230f4199,#37145a59);border-color:#a855f74d}.lore-entry-topic{align-items:center;gap:8px;margin-bottom:8px;display:flex}.lore-entry-topic-icon{background:linear-gradient(135deg,#a855f733,#8b5cf61a);border:1px solid #a855f733;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.lore-entry-topic h3{color:#ede9fe;margin:0;font-size:1rem;font-weight:700}.lore-entry-detail{color:#c4b5fdbf;font-size:.85rem;line-height:1.6}.lore-entry-significance{color:#c4b5fd99;background:#a855f70f;border-left:3px solid #a855f766;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.78rem;display:flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.info-stat{background:linear-gradient(135deg,#190a3280,#280f464d);border:1px solid #a855f71a;border-radius:14px;padding:20px;transition:all .25s}.info-stat:hover{border-color:#a855f74d;transform:translateY(-2px);box-shadow:0 8px 30px #a855f71a}.info-stat-label{text-transform:uppercase;letter-spacing:.08em;color:#a855f799;margin-bottom:6px;font-size:.7rem;font-weight:600}.info-stat-value{color:#ede9fe;font-size:1.15rem;font-weight:700}.info-game-title{background:linear-gradient(135deg,#c084fc,#e879f9);-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem!important}.info-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.info-tag{border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.info-tag:hover{transform:scale(1.05)}.info-tag--platform{color:#d8b4fe;background:linear-gradient(135deg,#a855f726,#a855f714);border:1px solid #a855f740}.info-tag--genre{color:#93c5fd;background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid #3b82f640}.gaming-error{text-align:center;padding:40px 24px}.gaming-error p{color:#c4b5fd99;margin-bottom:16px}.gaming-error-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.gaming-error-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.gaming-empty{text-align:center;color:#c4b5fd80;padding:32px;font-size:.9rem;font-style:italic}.support-container{max-width:1000px;color:var(--text-primary);margin:0 auto;padding:2rem}.support-header{text-align:center;margin-bottom:3rem}.support-header h1{background:linear-gradient(90deg, #fff, var(--brand-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.support-header p{color:var(--text-secondary);font-size:1.1rem}.support-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=768px){.support-grid{grid-template-columns:1fr 1fr}}.faq-section h2,.contact-section h2{color:#fff;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.faq-item{border:1px solid var(--border-subtle);cursor:pointer;background:#1e1e2a66;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;transition:all .2s}.faq-item:hover{background:#ffffff0d}.faq-item.open{border-color:#a78bfa80;box-shadow:0 0 15px #a78bfa1a}.faq-question{justify-content:space-between;align-items:center;display:flex}.faq-question h4{margin:0;font-size:1.05rem;font-weight:500}.faq-answer{color:var(--text-secondary);border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem;font-size:.95rem;line-height:1.5}.contact-card{backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#1e1e2a66;border-radius:16px;padding:1.5rem}.contact-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--border-subtle);color:#fff;background:#ffffff0d;border-radius:8px;width:100%;padding:.75rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand-primary);outline:none}@media (width<=768px){.support-container{padding:1rem}.support-header{margin-bottom:2rem}.support-header h1{font-size:1.8rem}.support-header p{font-size:.95rem}.faq-section h2,.contact-section h2{font-size:1.3rem}.faq-item{padding:.75rem 1rem}.faq-question h4{font-size:.95rem}.contact-card{padding:1rem}.contact-form input,.contact-form textarea{padding:.85rem;font-size:16px}}@media (width<=480px){.support-container{padding:.75rem}.support-header h1{font-size:1.5rem}.support-grid{gap:2rem}.faq-section h2,.contact-section h2{font-size:1.2rem}}.support-page-pb{padding-bottom:4rem}.support-title{font-size:2.5rem;font-weight:700}.support-desc{max-width:600px;color:var(--text-secondary);margin:1rem auto 0;font-size:1.1rem}.support-info-bar{flex-wrap:wrap;justify-content:center;gap:2rem;margin:3rem 0;display:flex}.support-info-item{color:var(--text-secondary);align-items:center;gap:.8rem;display:flex}.support-section-title{align-items:center;font-size:1.5rem;font-weight:700;display:flex}.support-icon{color:var(--brand-primary);margin-right:.8rem}.support-section-desc{color:var(--text-secondary);margin-bottom:1.5rem}.faq-title{margin:0;font-size:1.1rem}.faq-answer-text{line-height:1.6}.btn-full-bold{width:100%;font-size:1.1rem;font-weight:700}.shared-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative}.shared-container{width:100%;max-width:800px;margin:0 auto;padding:4rem 2rem 8rem}.shared-loading,.shared-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.error-icon{color:var(--error-color);margin-bottom:1rem}.shared-header{text-align:center;margin-bottom:3rem}.shared-header .badge{color:#c4b5fd;text-transform:uppercase;background:#a78bfa33;border:1px solid #a78bfa4d;border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.shared-header h1{margin-bottom:1rem;font-size:2.2rem;line-height:1.3}.video-link{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.video-link:hover{color:#ef4444}.shared-content-card{border:1px solid var(--border-subtle);background:#1e1e2a99;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0003}.card-top-bar{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);background:#ffffff08;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.card-top-bar span{align-items:center;gap:.5rem;display:flex}.card-body{padding:2rem}.json-display{color:#e5e5e5;background:#1e1e1e;border-radius:8px;padding:1rem;font-family:monospace;overflow-x:auto}.growth-banner{backdrop-filter:blur(12px);z-index:100;background:#141423d9;border-top:1px solid #a78bfa4d;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}@media (width>=768px){.growth-banner{flex-direction:row;padding:1.5rem 3rem}}.banner-content{align-items:center;gap:1.5rem;display:flex}.banner-icon{color:var(--brand-primary);width:40px;height:40px;display:none}@media (width>=640px){.banner-icon{display:block}}.banner-content h2{color:#fff;margin:0 0 .25rem;font-size:1.1rem}.banner-content p{color:var(--text-secondary);margin:0;font-size:.95rem}.banner-btn{white-space:nowrap;box-shadow:0 0 15px #a78bfa66}.slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}@media (width<=768px){.shared-container{padding:2rem 1rem 6rem}.shared-header{margin-bottom:2rem}.shared-header h1{font-size:1.6rem}.card-top-bar{flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.8rem}.card-body{padding:1rem}.growth-banner{gap:.75rem;padding:1rem}}@media (width<=480px){.shared-container{padding:1.5rem .75rem 5rem}.shared-header h1{font-size:1.3rem}.shared-header .badge{font-size:.75rem}.card-body{padding:.75rem}.banner-content h2{font-size:.95rem}.banner-content p{font-size:.85rem}}.music-page-container{background:var(--bg-primary);flex-direction:column;gap:2rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative;overflow:hidden}.music-page-glow-bg{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#e879f926 0%,#c084fc0d 40%,#0000 70%);width:60vw;height:60vh;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.music-page-header-wrapper{z-index:1;position:relative}.music-tabs-container{z-index:1;backdrop-filter:blur(12px);background:#0f172a66;border:1px solid #e879f933;border-radius:16px;gap:1rem;width:fit-content;margin:0 auto;padding:.5rem;display:flex;position:relative}.music-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.music-tab:hover:not(:disabled){color:var(--text-primary);background:#e879f91a}.music-tab.active{color:#fff;background:linear-gradient(135deg,#e879f9cc,#c084fccc);box-shadow:0 4px 15px #e879f94d}.music-tab.active .tab-icon{animation:.5s bounce-icon}@keyframes bounce-icon{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.music-tab:disabled{opacity:.5;cursor:not-allowed}.music-page-content{z-index:1;flex:1;animation:.5s forwards fade-in-up;position:relative}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.music-content-wrapper{backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #e879f926;border-radius:24px;padding:2rem;box-shadow:inset 0 0 40px #e879f90d}@media (width<=768px){.music-page-container{padding:1rem}.music-tabs-container{flex-direction:column;width:100%}.music-content-wrapper{padding:1rem}}.movie-page-container{background:var(--bg-primary);flex-direction:column;gap:2rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative;overflow:hidden}.movie-page-glow-bg{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ef444426 0%,#dc26260d 40%,#0000 70%);width:60vw;height:60vh;animation:10s ease-in-out infinite alternate float-glow;position:absolute;top:-10%;right:-10%}@keyframes float-glow{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(20px)scale(1.1)}}.movie-page-header-wrapper{z-index:1;position:relative}.movie-tabs-container{z-index:1;backdrop-filter:blur(12px);background:#0f172a66;border:1px solid #ef444433;border-radius:16px;gap:1rem;width:fit-content;margin:0 auto;padding:.5rem;display:flex;position:relative}.movie-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.movie-tab:hover:not(:disabled){color:var(--text-primary);background:#ef44441a}.movie-tab.active{color:#fff;background:linear-gradient(135deg,#ef4444e6,#b91c1ce6);box-shadow:0 4px 15px #ef44444d}.movie-tab.active .tab-icon{animation:.6s roll-icon}@keyframes roll-icon{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.movie-tab:disabled{opacity:.5;cursor:not-allowed}.movie-page-content{z-index:1;flex:1;animation:.5s forwards fade-in-up;position:relative}.movie-content-wrapper{backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ef444426;border-radius:24px;padding:2rem;box-shadow:inset 0 0 40px #ef44440d}@media (width<=768px){.movie-page-container{padding:1rem}.movie-tabs-container{flex-direction:column;width:100%}.movie-content-wrapper{padding:1rem}}:root{--admin-bg:#0a0a14;--admin-bg-secondary:#0e0e1e;--admin-surface:#121228d9;--admin-surface-hover:#181832f2;--admin-glass:#ffffff0a;--admin-glass-strong:#ffffff0f;--admin-border:#a78bfa1f;--admin-border-subtle:#ffffff0f;--admin-accent:#b197fc;--admin-accent-light:#c4b5fd;--admin-accent-glow:#a78bfa40;--admin-success:#34d399;--admin-success-bg:#10b9811a;--admin-warning:#fbbf24;--admin-warning-bg:#f59e0b1a;--admin-danger:#f87171;--admin-danger-bg:#ef44441a;--admin-info:#60a5fa;--admin-info-bg:#3b82f61a;--admin-text:#f0f0f5;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-radius:14px;--admin-radius-sm:8px;--admin-radius-lg:20px;--admin-shadow:0 4px 24px #0006;--admin-transition:.2s cubic-bezier(.4, 0, .2, 1);--gradient-purple:linear-gradient(135deg, #a78bfa, #818cf8);--gradient-emerald:linear-gradient(135deg, #10b981, #059669);--gradient-amber:linear-gradient(135deg, #f59e0b, #d97706);--gradient-rose:linear-gradient(135deg, #f43f5e, #e11d48);--gradient-blue:linear-gradient(135deg, #3b82f6, #2563eb);--gradient-cyan:linear-gradient(135deg, #06b6d4, #0891b2)}.admin-layout{background:var(--admin-bg);height:100vh;color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.admin-topbar{background:var(--admin-surface);border-bottom:1px solid var(--admin-border-subtle);backdrop-filter:blur(20px);z-index:50;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-topbar-title{align-items:center;gap:12px;display:flex}.admin-topbar-title h2{color:var(--admin-text);margin:0;font-size:18px;font-weight:600}.admin-topbar-breadcrumb{color:var(--admin-text-muted);font-size:13px}.admin-topbar-actions{align-items:center;gap:12px;display:flex}.admin-badge{background:var(--gradient-purple);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.admin-content{flex:1;padding:28px 32px;overflow-y:auto}.admin-sidebar{background:var(--admin-bg-secondary);border-right:1px solid var(--admin-border-subtle);flex-direction:column;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-header{border-bottom:1px solid var(--admin-border-subtle);padding:24px 20px}.admin-sidebar-logo{align-items:center;gap:12px;display:flex}.admin-sidebar-logo-icon{background:var(--gradient-purple);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px var(--admin-accent-glow);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.admin-sidebar-brand{flex-direction:column;display:flex}.admin-sidebar-brand-name{color:var(--admin-text);font-size:16px;font-weight:700}.admin-sidebar-brand-sub{color:var(--admin-accent-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.admin-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.admin-nav-section-label{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:1px;padding:16px 12px 6px;font-size:10px;font-weight:700}.admin-nav-item{border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);transition:all var(--admin-transition);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.admin-nav-item:hover{background:var(--admin-glass-strong);color:var(--admin-text)}.admin-nav-item.active{color:var(--admin-accent-light);background:#a78bfa1f;font-weight:600}.admin-nav-item.active:before{content:"";background:var(--admin-accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin-sidebar-footer{border-top:1px solid var(--admin-border-subtle);padding:16px 12px}.admin-back-btn{border-radius:var(--admin-radius-sm);color:var(--admin-text-muted);transition:all var(--admin-transition);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.admin-back-btn:hover{background:var(--admin-glass-strong);color:var(--admin-text)}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.admin-stat-card{background:var(--admin-surface);border:1px solid var(--admin-border-subtle);border-radius:var(--admin-radius);backdrop-filter:blur(16px);transition:all var(--admin-transition);align-items:flex-start;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.admin-stat-card:before{content:"";opacity:0;height:3px;transition:opacity var(--admin-transition);position:absolute;top:0;left:0;right:0}.admin-stat-card:hover{border-color:var(--admin-border);box-shadow:var(--admin-shadow);transform:translateY(-2px)}.admin-stat-card:hover:before{opacity:1}.admin-stat-card.purple:before{background:var(--gradient-purple)}.admin-stat-card.emerald:before{background:var(--gradient-emerald)}.admin-stat-card.amber:before{background:var(--gradient-amber)}.admin-stat-card.rose:before{background:var(--gradient-rose)}.admin-stat-card.blue:before{background:var(--gradient-blue)}.admin-stat-card.cyan:before{background:var(--gradient-cyan)}.admin-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.admin-stat-icon.purple{color:#c4b5fd;background:#a78bfa26}.admin-stat-icon.emerald{color:#34d399;background:#10b98126}.admin-stat-icon.amber{color:#fbbf24;background:#f59e0b26}.admin-stat-icon.rose{color:#fb7185;background:#f43f5e26}.admin-stat-icon.blue{color:#60a5fa;background:#3b82f626}.admin-stat-icon.cyan{color:#22d3ee;background:#06b6d426}.admin-stat-info{flex:1;min-width:0}.admin-stat-label{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:12px;font-weight:500}.admin-stat-value{color:var(--admin-text);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.1}.admin-stat-change{align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.admin-stat-change.positive{color:var(--admin-success)}.admin-stat-change.negative{color:var(--admin-danger)}.admin-card{background:var(--admin-surface);border:1px solid var(--admin-border-subtle);border-radius:var(--admin-radius);backdrop-filter:blur(16px);overflow:hidden}.admin-card-header{border-bottom:1px solid var(--admin-border-subtle);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.admin-card-header h3{color:var(--admin-text);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.admin-card-body{padding:22px}.admin-health-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.admin-health-item{background:var(--admin-glass);border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border-subtle);align-items:center;gap:10px;padding:14px 16px;display:flex}.admin-health-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.admin-health-dot.ok{background:var(--admin-success);box-shadow:0 0 8px #10b98166}.admin-health-dot.warning{background:var(--admin-warning);box-shadow:0 0 8px #f59e0b66}.admin-health-dot.error{background:var(--admin-danger);box-shadow:0 0 8px #ef444466}.admin-health-dot.unknown{background:var(--admin-text-muted)}.admin-health-label{color:var(--admin-text);font-size:13px;font-weight:500}.admin-health-status{color:var(--admin-text-muted);text-transform:capitalize;margin-left:auto;font-size:11px}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table th{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--admin-border-subtle);background:var(--admin-glass);cursor:pointer;user-select:none;transition:color var(--admin-transition);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.admin-table th:hover{color:var(--admin-accent-light)}.admin-table td{color:var(--admin-text-secondary);white-space:nowrap;border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:13px}.admin-table tr:hover td{background:var(--admin-glass);color:var(--admin-text)}.admin-table tr:last-child td{border-bottom:none}.admin-tier-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-tier-badge.free{color:#94a3b8;background:#94a3b81f}.admin-tier-badge.pro{color:#c4b5fd;background:#a78bfa26}.admin-tier-badge.ultra{color:#fbbf24;background:#f59e0b26}.admin-status{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.admin-status-dot{border-radius:50%;width:7px;height:7px}.admin-status.active .admin-status-dot{background:var(--admin-success)}.admin-status.active{color:var(--admin-success)}.admin-status.inactive .admin-status-dot{background:var(--admin-danger)}.admin-status.inactive{color:var(--admin-danger)}.admin-btn{border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border-subtle);background:var(--admin-glass-strong);color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.admin-btn:hover{background:var(--admin-surface-hover);color:var(--admin-text);border-color:var(--admin-border)}.admin-btn.primary{background:var(--gradient-purple);color:#fff;border-color:#0000}.admin-btn.primary:hover{box-shadow:0 4px 16px var(--admin-accent-glow);transform:translateY(-1px)}.admin-btn.danger{color:var(--admin-danger);border-color:#ef44444d}.admin-btn.danger:hover{background:var(--admin-danger-bg);border-color:var(--admin-danger)}.admin-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.admin-search{background:var(--admin-glass);border:1px solid var(--admin-border-subtle);border-radius:var(--admin-radius-sm);transition:all var(--admin-transition);align-items:center;gap:8px;padding:8px 14px;display:flex}.admin-search:focus-within{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-glow)}.admin-search input{color:var(--admin-text);background:0 0;border:none;outline:none;width:220px;font-size:13px}.admin-search input::placeholder{color:var(--admin-text-muted)}.admin-search svg{color:var(--admin-text-muted);flex-shrink:0}.admin-select{background:var(--admin-glass);border:1px solid var(--admin-border-subtle);border-radius:var(--admin-radius-sm);color:var(--admin-text);cursor:pointer;transition:all var(--admin-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:8px 30px 8px 12px;font-size:13px}.admin-select:focus{border-color:var(--admin-accent);outline:none}.admin-select option{color:var(--admin-text);background:#12121a}.admin-pagination{justify-content:space-between;align-items:center;margin-top:8px;padding:16px 0;display:flex}.admin-pagination-info{color:var(--admin-text-muted);font-size:13px}.admin-pagination-btns{gap:6px;display:flex}.admin-pagination-btns button{border-radius:var(--admin-radius-sm);background:var(--admin-glass);border:1px solid var(--admin-border-subtle);color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);padding:6px 14px;font-size:13px}.admin-pagination-btns button:hover:not(:disabled){background:var(--admin-glass-strong);color:var(--admin-text);border-color:var(--admin-border)}.admin-pagination-btns button:disabled{opacity:.3;cursor:not-allowed}.admin-pagination-btns button.active{background:var(--gradient-purple);color:#fff;border-color:#0000}.admin-chart-wrapper{height:280px;margin-top:8px}.admin-chart-wrapper .recharts-cartesian-axis-tick-value{fill:var(--admin-text-muted);font-size:11px}.admin-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px;display:grid}.admin-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.admin-activity-list{flex-direction:column;gap:0;display:flex}.admin-activity-item{border-bottom:1px solid var(--admin-border-subtle);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.admin-activity-item:last-child{border-bottom:none}.admin-activity-dot{background:var(--admin-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.admin-activity-content{flex:1;min-width:0}.admin-activity-text{color:var(--admin-text);margin-bottom:2px;font-size:13px}.admin-activity-time{color:var(--admin-text-muted);font-size:11px}.admin-empty{text-align:center;color:var(--admin-text-muted);padding:48px 20px}.admin-empty svg{opacity:.4;margin-bottom:12px}.admin-empty p{font-size:14px}.admin-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.admin-spinner{border:3px solid var(--admin-border-subtle);border-top-color:var(--admin-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-guard-loading{background:var(--admin-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-guard-spinner{border:3px solid var(--admin-border-subtle);border-top-color:var(--admin-accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite admin-spin}@keyframes admin-countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-stat-value{animation:.5s ease-out admin-countUp}.admin-modal-overlay{backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s admin-fadeIn;display:flex;position:fixed;inset:0}@keyframes admin-fadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);width:90%;max-width:540px;max-height:80vh;animation:.3s admin-slideUp;overflow-y:auto;box-shadow:0 24px 80px #0009}@keyframes admin-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{border-bottom:1px solid var(--admin-border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-modal-header h3{margin:0;font-size:16px;font-weight:600}.admin-modal-close{color:var(--admin-text-muted);cursor:pointer;transition:all var(--admin-transition);background:0 0;border:none;border-radius:6px;padding:4px}.admin-modal-close:hover{background:var(--admin-glass-strong);color:var(--admin-text)}.admin-modal-body{padding:24px}.admin-modal-field{margin-bottom:16px}.admin-modal-field label{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.admin-modal-field span,.admin-modal-field input,.admin-modal-field select{color:var(--admin-text);font-size:14px}.admin-modal-field input,.admin-modal-field select{background:var(--admin-glass);border:1px solid var(--admin-border-subtle);border-radius:var(--admin-radius-sm);width:100%;transition:border-color var(--admin-transition);outline:none;padding:8px 12px}.admin-modal-field input:focus,.admin-modal-field select:focus{border-color:var(--admin-accent)}.admin-modal-footer{border-top:1px solid var(--admin-border-subtle);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.admin-donut-wrapper{justify-content:center;align-items:center;gap:32px;padding:12px 0;display:flex}.admin-donut-legend{flex-direction:column;gap:10px;display:flex}.admin-donut-legend-item{color:var(--admin-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.admin-donut-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.admin-config-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.admin-config-item{background:var(--admin-glass);border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border-subtle);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.admin-config-label{color:var(--admin-text-secondary);font-size:13px;font-weight:500}.admin-config-value{font-size:13px;font-weight:600}.admin-config-value.true{color:var(--admin-success)}.admin-config-value.false{color:var(--admin-danger)}@media (width<=1024px){.admin-sidebar{width:220px}.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}.admin-content{padding:20px 16px}}@media (width<=768px){.admin-sidebar{display:none}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-flex-row{align-items:center;display:flex}.admin-flex-between{justify-content:space-between;align-items:center;display:flex}.admin-flex-col{flex-direction:column;display:flex}.admin-gap-1{gap:4px}.admin-gap-2{gap:8px}.admin-gap-3{gap:12px}.admin-gap-4{gap:16px}.admin-gap-5{gap:20px}.admin-gap-6{gap:24px}.admin-mb-1{margin-bottom:4px}.admin-mb-2{margin-bottom:8px}.admin-mb-3{margin-bottom:12px}.admin-mb-4{margin-bottom:16px}.admin-mb-5{margin-bottom:20px}.admin-mb-6{margin-bottom:24px}.admin-mt-1{margin-top:4px}.admin-mt-4{margin-top:16px}.admin-ml-1{margin-left:4px}.admin-ml-2{margin-left:8px}.admin-mr-1{margin-right:4px}.admin-mr-2{margin-right:8px}.admin-text-xs{font-size:11px}.admin-text-sm{font-size:12px}.admin-text-md{font-size:13px}.admin-font-medium{font-weight:500}.admin-font-semibold{font-weight:600}.admin-font-bold{font-weight:700}.admin-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-tabular-nums{font-variant-numeric:tabular-nums}.admin-text-right{text-align:right}.admin-flex-wrap{flex-wrap:wrap}.admin-flex-1{flex:1;min-width:200px}.admin-p-4{padding:16px}.admin-p-5{padding:20px}.admin-bg-glass{background:var(--admin-glass)}.admin-bg-dark{background:#0f172a}.admin-rounded{border-radius:4px}.admin-rounded-md{border-radius:8px}.admin-text-blue{color:#3b82f6}.admin-text-white{color:var(--admin-text)}.admin-w-full{width:100%}.admin-h-full{height:100%}.admin-no-underline{text-decoration:none}.admin-whitespace-nowrap{white-space:nowrap}.analysis-loader-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.analysis-loader-background-effects{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:10s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:var(--brand-primary);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:#3b82f6;width:300px;height:300px;animation-delay:-3s;bottom:-50px;right:10%}.orb-3{background:#ec4899;width:250px;height:250px;animation-delay:-7s;top:40%;left:60%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,40px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.analysis-loader-card{z-index:1;text-align:center;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:3rem 4rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 40px #a78bfa26}.loader-icon-container{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2rem;display:flex;position:relative}.loader-ring-outer{border:2px dashed #a78bfa4d;border-top:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);border-radius:50%;width:100%;height:100%;position:absolute}.loader-ring-inner{border:2px dotted #3b82f64d;border-left:2px solid #3b82f6;border-right:2px solid #3b82f6;border-radius:50%;width:80%;height:80%;position:absolute}.loader-icon-center{z-index:2;color:#fff;background:linear-gradient(135deg, var(--brand-primary), #ec4899);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative;box-shadow:0 0 20px #a78bfa80}.pulse-icon{animation:2s infinite pulseIcon}@keyframes pulseIcon{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}.loader-title{color:#fff;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.loader-steps-container{justify-content:center;align-items:center;width:100%;height:30px;margin-bottom:2rem;display:flex}.loader-current-step{color:#94a3b8;align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex}.step-icon{color:var(--brand-primary);width:18px;height:18px}.loader-progress-container{align-items:center;gap:15px;width:100%;margin-bottom:1.5rem;display:flex}.loader-progress-bar-bg{background:#ffffff1a;border-radius:10px;flex:1;height:8px;position:relative;overflow:hidden}.loader-progress-bar-fill{background:linear-gradient(90deg, #3b82f6, var(--brand-primary), #ec4899);border-radius:10px;height:100%;position:relative;overflow:hidden}.loader-progress-bar-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);width:30%;height:100%;animation:1.5s linear infinite shine;position:absolute;top:0;left:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loader-progress-text{color:#fff;text-align:right;font-variant-numeric:tabular-nums;min-width:45px;font-size:.95rem;font-weight:600}.loader-hint{color:#64748b;margin:0;font-size:.85rem}
/*$vite$:1*/