:root{--bg-base: #09090b;--bg-surface: #0e0e12;--bg-elevated: #18181b;--bg-hover: #1c1c20;--bg-input: #0f0f12;--bg-overlay: rgba(255,255,255,.03);--bg-overlay-hover: rgba(255,255,255,.06);--bg-overlay-active: rgba(255,255,255,.08);--border-default: #27272a;--border-subtle: #1e1e22;--border-strong: #3f3f46;--text-primary: #fafafa;--text-secondary: #e4e4e7;--text-tertiary: #a1a1aa;--text-muted: #71717a;--text-faint: #52525b;--accent-purple: #00ccff;--accent-purple-hover: #00aadd;--accent-purple-dim: rgba(0,204,255,.15);--accent-cyan: #06b6d4;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--scrollbar-thumb: #3f3f46;--card-bg: #0e0e12;--card-border: #1e1e22;--glass-bg: rgba(24, 24, 27, .72);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 16px;--glow-purple: rgba(0, 204, 255, .15);--glow-cyan: rgba(6, 182, 212, .1);--gradient-cinematic: linear-gradient(135deg, rgba(0,204,255,.08), rgba(6,182,212,.05) 50%, rgba(0,204,255,.03));--reveal-duration: .7s;--reveal-easing: cubic-bezier(.22, 1, .36, 1);--tilt-transition: transform .45s cubic-bezier(.03, .98, .52, .99);--spring-easing: cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--bg-base: #ffffff;--bg-surface: #f8f9fa;--bg-elevated: #ffffff;--bg-hover: #f1f3f5;--bg-input: #ffffff;--bg-overlay: rgba(0,0,0,.02);--bg-overlay-hover: rgba(0,0,0,.04);--bg-overlay-active: rgba(0,0,0,.06);--border-default: #dee2e6;--border-subtle: #e9ecef;--border-strong: #ced4da;--text-primary: #212529;--text-secondary: #343a40;--text-tertiary: #495057;--text-muted: #868e96;--text-faint: #adb5bd;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--scrollbar-thumb: #ced4da;--card-bg: #ffffff;--card-border: #e9ecef;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .08);--glow-purple: rgba(0, 204, 255, .08);--gradient-cinematic: linear-gradient(135deg, rgba(0,204,255,.04), rgba(6,182,212,.03) 50%, rgba(0,204,255,.02))}.themed-input{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-default)}.themed-input::-moz-placeholder{color:var(--text-muted)}.themed-input::placeholder{color:var(--text-muted)}.themed-progress-track{background:var(--bg-overlay-active)}.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:-1;padding:0;border:0;text-decoration:none;color:#fff}.skip-nav:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;overflow:visible;z-index:10000;padding:12px 24px;background:var(--accent-purple);color:#fff;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0cf6;outline:2px solid white}.app{display:flex;min-height:100vh;background:var(--bg-base)}.app-layout{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column}.app-body{display:flex;flex:1;margin-top:60px}.app-topnav{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:40}.app-topnav-left{display:flex;align-items:center;gap:12px}.app-topnav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s}.app-topnav-toggle:hover{color:var(--text-secondary);background:var(--bg-overlay-hover)}.app-topnav-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-primary)}.app-topnav-logo-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));display:flex;align-items:center;justify-content:center;color:#fff}.app-topnav-right{display:flex;align-items:center;gap:4px}.app-topnav-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.app-topnav-btn:hover{color:var(--text-secondary);background:var(--bg-overlay-hover)}.app-topnav-btn-label{display:inline}.app-topnav-user{position:relative;margin-left:8px}.app-topnav-user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.app-topnav-user-btn:hover{background:var(--bg-overlay-hover);border-color:var(--border-default)}.app-topnav-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.app-topnav-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.app-topnav-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topnav-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 16px 48px #0006;padding:8px;z-index:50}.app-topnav-dropdown-header{display:flex;align-items:center;gap:10px;padding:10px 8px}.app-topnav-dropdown-name{font-size:13px;font-weight:600;color:var(--text-primary)}.app-topnav-dropdown-email{font-size:12px;color:var(--text-muted)}.app-topnav-dropdown-divider{height:1px;background:var(--border-default);margin:4px 0}.app-topnav-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .15s;text-align:left}.app-topnav-dropdown-item:hover{background:var(--bg-overlay-hover);color:var(--text-primary)}.app-topnav-dropdown-danger:hover{color:#ef4444;background:#ef44441a}.app-topnav-plan-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-active);font-size:13px;margin-right:4px}.app-topnav-plan-credits{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.app-topnav-plan-dot{color:var(--text-faint)}.app-topnav-plan-tier{color:#67e8f9;font-weight:600}.app-topnav-upgrade-btn{margin-left:4px;padding:2px 10px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .15s}.app-topnav-upgrade-btn:hover{opacity:.85}.app-topnav-dropdown-tier{font-size:11px;color:#67e8f9;font-weight:500;margin-top:2px}.app-topnav-dropdown-usage{padding:8px 12px 12px}.app-topnav-usage-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.app-topnav-usage-row span:last-child{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:500}.sidebar{width:200px;background:var(--bg-base);border-right:1px solid var(--border-default);padding:24px 10px 16px;display:flex;flex-direction:column;gap:4px;flex-shrink:0;overflow-y:auto;height:calc(100vh - 60px);position:sticky;top:60px;transition:width .2s ease,padding .2s ease}.sidebar-logo{display:none}.sidebar-collapsed{width:0;padding:0;overflow:hidden;border-right:none}.sidebar-section{margin-top:20px;padding-top:12px;border-top:1px solid #1a1a1e}.sidebar-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.sidebar-bottom-section{margin-top:auto;padding:0 4px 4px}.sidebar-recent-item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 12px;margin:1px 0;border-radius:6px;background:transparent;border:none;color:var(--text-muted);font-size:12px;text-align:left;cursor:pointer;transition:all .15s}.sidebar-recent-item:hover{background:var(--bg-overlay);color:var(--text-tertiary)}.sidebar-recent-icon{flex-shrink:0;opacity:.5}.sidebar-recent-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sidebar-cta-card{border-radius:10px;padding:14px 12px;margin-top:8px}.sidebar-cta-upgrade{background:linear-gradient(135deg,#00ccff1f,#06b6d414);border:1px solid rgba(0,204,255,.2)}.sidebar-cta-usage{background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover)}.sidebar-cta-team{background:linear-gradient(135deg,#06b6d41f,#22c55e14);border:1px solid rgba(6,182,212,.2)}.sidebar-cta-icon{color:#67e8f9;margin-bottom:6px}.sidebar-cta-team .sidebar-cta-icon{color:var(--accent-cyan)}.sidebar-cta-text{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.sidebar-cta-text strong{color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1.3}.sidebar-cta-text span{color:var(--text-muted);font-size:11px;line-height:1.4}.sidebar-cta-btn{width:100%;padding:6px 0;border-radius:6px;border:none;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .15s}.sidebar-cta-btn:hover{opacity:.85}.sidebar-cta-team .sidebar-cta-btn{background:linear-gradient(135deg,var(--accent-cyan),#0891b2)}.sidebar-cta-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.sidebar-cta-link{display:flex;align-items:center;gap:4px;margin-top:8px;background:none;border:none;padding:0;color:#67e8f9;font-size:11px;font-weight:500;cursor:pointer;transition:color .15s}.sidebar-cta-link:hover{color:#a5f3fc}.sidebar-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:0 12px;margin-bottom:8px}.nav-btn{width:100%;height:40px;padding:0 12px;margin:2px 0;border-radius:8px;background:transparent;border:none;border-left:3px solid transparent;color:#9ca3af;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center}.nav-btn:hover{background:var(--bg-overlay);color:var(--text-secondary)}.nav-btn.active{background:#00ccff1a;color:#a5f3fc;border-left-color:var(--accent-purple);font-weight:600}.queue-count{font-size:48px;font-weight:700;color:#ef4444;text-align:center;margin:20px 0}.queue-empty{color:var(--border-strong);font-size:12px;text-align:center;padding:16px 8px}.queue-badge{display:inline-block;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px;font-weight:600}.sidebar-queue-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.sidebar-queue-list::-webkit-scrollbar{width:4px}.sidebar-queue-list::-webkit-scrollbar-track{background:var(--bg-base)}.sidebar-queue-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.sidebar-queue-list::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.sidebar-queue-item{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:10px;transition:border-color .2s}.sidebar-queue-item:hover{border-color:var(--border-strong)}.sidebar-queue-title{font-size:11px;color:var(--text-primary);font-weight:500;margin-bottom:6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar-queue-status{font-size:10px;color:var(--text-muted);margin-bottom:6px}.sidebar-queue-progress{height:4px;background:var(--border-default);border-radius:2px;overflow:hidden}.sidebar-queue-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:2px;transition:width .3s ease}.main-content{flex:1;padding:24px 32px;min-height:100vh;background:var(--bg-input)}.page{max-width:1200px;margin:0 auto}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em}.page-subtitle{font-size:15px;color:var(--text-muted);margin:0 0 28px;line-height:1.5}.search-bar{display:flex;gap:12px;align-items:stretch}.search-input{flex:1;padding:12px 16px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover);border-radius:10px;color:var(--text-primary);font-size:15px;transition:all .2s}.search-input:focus{outline:none;border-color:#0cf6;box-shadow:0 0 0 3px #00ccff14;background:var(--bg-overlay)}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-btn{padding:12px 24px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0cf6}.search-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-row{display:flex;gap:20px;padding:16px;background:#ffffff05;border-radius:12px;margin-bottom:20px}.settings-row label{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:14px}.settings-row select,.settings-row input[type=checkbox]{padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary)}.results-info{color:var(--text-muted);text-align:center;padding:20px;margin-bottom:20px}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:16px 0;margin-bottom:40px}.yt-card{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--bg-overlay);transition:all .25s ease;box-shadow:0 2px 8px #0003}.yt-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000059,0 0 0 1px #00ccff26}.yt-thumb-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.yt-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yt-duration{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:500;font-family:monospace}.yt-add-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00ccffd9;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;opacity:0;transition:opacity .2s}.yt-card:hover .yt-add-overlay{opacity:1}.yt-info{padding:12px}.yt-title{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-channel{color:var(--text-tertiary);font-size:13px;margin-bottom:2px}.yt-views{color:var(--text-muted);font-size:12px}.queue-section{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-default)}.queue-section h3{color:#67e8f9;margin-bottom:12px}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-item{padding:16px 20px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px}.queue-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.queue-status{font-size:12px;color:var(--text-muted);margin-bottom:8px;text-transform:capitalize}.queue-progress{height:4px;background:var(--border-default);border-radius:2px;overflow:hidden}.queue-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:2px;transition:width .5s ease}.add-video-form{max-width:700px;margin-top:12px}.input-mode-toggle{display:flex;gap:0;margin-bottom:12px;background:var(--bg-elevated);border-radius:12px;padding:4px;max-width:300px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{color:var(--text-tertiary)}.mode-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;box-shadow:0 2px 8px #00ccff4d}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-chips{display:flex;flex-wrap:wrap;gap:8px}.mode-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:20px;cursor:pointer;transition:all .2s;color:var(--text-tertiary);font-size:13px;font-weight:500;white-space:nowrap}.mode-chip:hover{background:var(--bg-overlay-hover);border-color:var(--border-strong);color:var(--text-secondary)}.mode-chip.active{background:#00ccff1f;border-color:#0cf6;color:#a5f3fc}.mode-chip.active svg{color:#67e8f9}.mode-chip:disabled{opacity:.5;cursor:not-allowed}.mode-chip svg{flex-shrink:0;color:var(--text-faint)}.file-drop-zone{border:2px dashed var(--border-default);border-radius:10px;padding:28px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-overlay)}.file-drop-zone:hover{border-color:var(--border-strong);background:var(--bg-overlay-hover)}.file-drop-zone.dragging{border-color:#00ccff80;background:#00ccff0d}.file-drop-zone.has-file{border-style:solid;border-color:var(--border-default);padding:14px 16px;cursor:default}.drop-zone-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.drop-zone-prompt svg{color:var(--text-faint)}.drop-zone-prompt span:first-of-type{font-size:14px;color:var(--text-tertiary)}.drop-zone-hint{font-size:12px;color:var(--text-faint)}.selected-file-info{display:flex;align-items:center;gap:10px;width:100%}.selected-file-info>svg{flex-shrink:0;color:var(--accent-purple)}.selected-file-details{flex:1;text-align:left;min-width:0}.selected-file-name{display:block;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file-size{font-size:12px;color:var(--text-muted)}.upload-progress{font-size:13px;color:var(--accent-purple);font-weight:500;flex-shrink:0}.file-remove-btn{flex-shrink:0;padding:4px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s}.file-remove-btn:hover{color:var(--text-primary);background:var(--bg-overlay-hover)}.file-remove-btn:disabled{opacity:.3;cursor:not-allowed}.inline-settings{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.inline-settings label{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:13px}.inline-settings select{padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:13px}.inline-hint{color:var(--text-faint);font-size:12px;margin-left:4px}.field-hint{display:block;color:var(--text-muted);font-size:12px;margin-top:4px}.research-mode-toggle{margin-bottom:20px;padding:16px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-default)}.research-toggle{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer}.research-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple);cursor:pointer}.research-mode-help{margin-top:8px;margin-left:28px;color:var(--text-muted);font-size:13px;line-height:1.4}.auto-detect-info{display:flex;gap:14px;padding:16px;background:#00ccff1a;border:1px solid rgba(0,204,255,.2);border-radius:12px;margin-bottom:24px}.auto-detect-info svg{flex-shrink:0;margin-top:2px}.auto-detect-info strong{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:4px}.auto-detect-info p{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:0}.form-group{margin-bottom:14px}.form-group label{display:block;color:var(--text-tertiary);font-size:14px;font-weight:500;margin-bottom:8px}.video-url-input{width:100%;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:15px;font-family:monospace}.video-url-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #00ccff1a}.video-url-input:disabled{opacity:.5;cursor:not-allowed}.add-video-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:24px}.add-video-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0cf6}.add-video-btn:disabled{opacity:.5;cursor:not-allowed}.help-text{padding:20px;background:#ffffff05;border-radius:12px;border:1px solid var(--border-default);color:var(--text-muted);font-size:13px;line-height:1.6}.help-text p{margin:0 0 8px;color:var(--text-tertiary)}.help-text ul{margin:8px 0 0;padding-left:20px}.help-text li{margin-bottom:4px}.help-text code{background:#00ccff1a;padding:2px 6px;border-radius:4px;color:#67e8f9;font-family:monospace;font-size:12px}.mode-selector{margin-bottom:24px}.mode-selector-label{display:block;color:var(--text-tertiary);font-size:14px;font-weight:500;margin-bottom:12px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 600px){.mode-grid{grid-template-columns:1fr}}.mode-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;position:relative}.mode-card:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.mode-card:disabled{opacity:.5;cursor:not-allowed}.mode-card-selected{border-color:var(--accent-purple);background:#00ccff1a}.mode-card-selected:hover{border-color:var(--accent-purple);background:#00ccff26}.mode-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-card-content{display:flex;flex-direction:column;gap:4px;min-width:0}.mode-card-name{font-size:15px;font-weight:600;color:var(--text-primary)}.mode-card-description{font-size:12px;color:var(--text-muted);line-height:1.4}.mode-card-check{position:absolute;top:12px;right:12px}.advanced-settings{margin-bottom:20px;padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px}.advanced-settings summary{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-settings summary:hover{color:var(--text-tertiary)}.advanced-settings[open] summary{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-default)}.advanced-settings .settings-row{padding-top:0}.library-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.library-search{position:relative;max-width:400px}.library-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.library-search-input{padding-left:44px!important;padding-right:80px!important}.library-results-info{color:var(--text-muted);font-size:13px;margin-bottom:16px}.mode-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.mode-filter-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.mode-filter-tab:hover{background:var(--bg-overlay);color:var(--text-tertiary)}.mode-filter-tab.active{background:#00ccff1a;color:#a5f3fc}.mode-filter-tab svg{opacity:.7}.mode-filter-tab.active svg{opacity:1}.mode-filter-count{background:var(--bg-overlay-active);padding:2px 8px;border-radius:10px;font-size:11px}.mode-filter-tab.active .mode-filter-count{background:#00ccff4d}.filter-empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted)}.filter-empty-state p{margin-bottom:16px}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state p{margin:8px 0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:20px}.library-card{background:var(--bg-elevated);border:1px solid var(--bg-overlay);border-radius:14px;padding:22px;transition:all .25s ease;box-shadow:0 2px 8px #0003}.library-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px #00ccff26;background:var(--bg-hover)}.library-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.library-card-title-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.library-card-mode-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.library-card-recipe-meta{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0;color:var(--text-muted);font-size:13px}.library-card-recipe-meta span{display:flex;align-items:center;gap:4px}.library-card-recipe{border-left:3px solid #f97316}.library-card-learn{border-left:3px solid #3b82f6}.library-card-creator{border-left:3px solid #22d3ee}.library-card-meeting{border-left:3px solid #22c55e}.tag-more{background:#71717a33;color:var(--text-muted)}.library-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.library-card-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s}.library-card:hover .library-card-actions{opacity:1}.library-card-type{background:#00ccff1f;color:#67e8f9;padding:3px 8px;border-radius:5px;font-size:11px;text-transform:capitalize;font-weight:500}.library-card-delete{background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.library-card-delete:hover{background:#ef44441a;color:#ef4444}.library-card-summary{color:#9ca3af;font-size:13px;line-height:1.6;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.badge-base{display:inline-flex;align-items:center;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;transition:color .15s,background .15s,border-color .15s;border:1px solid transparent}.badge-default{background:#00ccff1f;color:#67e8f9;border-color:#0cf3}.badge-secondary{background:var(--bg-overlay-active);color:var(--text-secondary);border-color:var(--border-default)}.badge-destructive{background:#ef44441f;color:#f87171;border-color:#ef444433}.badge-success{background:#22c55e1f;color:#4ade80;border-color:#22c55e33}.badge-warning{background:#eab3081f;color:#facc15;border-color:#eab30833}.badge-cyan{background:#06b6d41f;color:#22d3ee;border-color:#06b6d433}.badge-outline{background:var(--bg-overlay);color:var(--text-secondary);border-color:var(--border-default)}[data-theme=light] .badge-default{color:#0ad}[data-theme=light] .badge-destructive{color:#dc2626}[data-theme=light] .badge-success{color:#16a34a}[data-theme=light] .badge-warning{color:#a16207;background:#eab3081a}[data-theme=light] .badge-cyan{color:#0891b2}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#67e8f9;background:#00ccff1a;border:1px solid rgba(0,204,255,.15)}[data-theme=light] .tag{color:#0ad;background:#00ccff14;border-color:#00ccff2e}.tag-more{background:#71717a1a;color:var(--text-muted)}.library-card-source{color:var(--text-faint);font-size:12px;margin-top:12px}.completed-jobs-section{margin-top:40px;padding-top:40px;border-top:2px solid var(--border-default)}.completed-jobs-section h3{color:var(--text-primary);margin-bottom:16px}.queue-item.completed{background:#22c55e1a;border-color:#22c55e4d}.queue-item.completed .queue-title{color:#86efac}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-overlay-cinematic .25s ease forwards}@keyframes modal-overlay-cinematic{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 32px #0006;animation:modal-content-cinematic .3s ease-out forwards}.modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--gradient-cinematic);pointer-events:none;z-index:0}.modal-content-wide{max-width:1100px}.billing-error-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;max-width:400px;width:100%;padding:36px 32px 28px;text-align:center;animation:modal-content-cinematic .6s var(--spring-easing) forwards;box-shadow:0 20px 60px #00000080}.billing-error-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#a855f726,#7c3aed1a);color:#22d3ee;margin-bottom:18px}.billing-error-modal h2{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.4}.billing-error-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.billing-error-perks{list-style:none;padding:0;margin:0 0 24px;text-align:left;display:flex;flex-direction:column;gap:8px}.billing-error-perks li{font-size:13px;color:var(--text-secondary, var(--text-muted));padding-left:22px;position:relative;line-height:1.4}.billing-error-perks li:before{content:"✓";position:absolute;left:0;color:#22d3ee;font-weight:600;font-size:13px}.billing-error-actions{display:flex;flex-direction:column;gap:8px}.billing-error-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.billing-error-cta:hover{opacity:.9;transform:translateY(-1px)}.billing-error-dismiss{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px;border-radius:8px;transition:color .15s}.billing-error-dismiss:hover{color:var(--text-primary)}@keyframes modal-content-cinematic{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content::-webkit-scrollbar{display:none}.profile-panel{max-width:480px}.profile-panel-section{padding:16px 0;border-bottom:1px solid var(--border-default)}.profile-panel-section:last-child{border-bottom:none}.modal-sticky-top{z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-shrink:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:none;gap:12px}.modal-header-title{display:flex;align-items:center;min-width:0;flex:1}.modal-header-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header h2{margin:0;color:var(--text-primary);font-size:24px;font-weight:600}.modal-body-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.modal-body-title h2{margin:0;color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.3}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--border-default);color:var(--text-primary)}.modal-body{padding:24px;min-height:50vh;position:relative;z-index:1;overflow-y:auto;flex:1;opacity:1;transition:opacity .25s ease}.modal-body.tab-fading{opacity:0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--bg-elevated)}.modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.billing-modal{max-width:680px}.billing-usage-bar{display:flex;gap:16px;margin-bottom:16px}.billing-usage-item{flex:1;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:12px;color:var(--text-tertiary)}.billing-usage-item span:nth-child(2){text-align:right;color:var(--text-secondary);font-weight:500}.billing-usage-item .h-1\.5{grid-column:1 / -1}.billing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.billing-plan-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px 14px;background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.billing-plan-card:hover:not(:disabled){border-color:var(--accent-purple);background:var(--bg-hover)}.billing-plan-card.current{border-color:var(--border-strong);opacity:.7;cursor:default}.billing-plan-card.popular{border-color:var(--accent-purple-hover);background:linear-gradient(180deg,#1e1035 0%,var(--bg-elevated) 60%)}.billing-plan-badge{position:absolute;top:-9px;display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;letter-spacing:.3px}.billing-plan-badge.current-badge{background:var(--border-default);color:var(--text-tertiary)}.billing-plan-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.billing-plan-price{display:flex;align-items:baseline;gap:1px;margin-bottom:8px}.billing-plan-currency{font-size:14px;color:var(--text-muted);font-weight:500}.billing-plan-amount{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.billing-plan-period{font-size:12px;color:var(--text-muted)}.billing-plan-highlights{list-style:none;padding:0;margin:0;width:100%;text-align:left}.billing-plan-highlights li{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;color:var(--text-tertiary);padding:2px 0;line-height:1.3}.billing-plan-highlights li svg{color:#22c55e;flex-shrink:0;margin-top:1px}.billing-plan-cta{width:100%;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;transition:background .15s,opacity .15s;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff}.billing-plan-cta:hover:not(:disabled){background:linear-gradient(135deg,#9b6ff7,var(--accent-purple))}.billing-plan-cta:disabled{cursor:default;opacity:.7}.billing-plan-cta.current{background:var(--border-default);color:var(--text-muted)}.billing-footer{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border-default)}.billing-footer-link{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 0;transition:color .15s}.billing-footer-link:hover{color:#67e8f9}@media (max-width: 600px){.billing-modal{max-width:100%}.billing-plans-grid{grid-template-columns:1fr;gap:8px}.billing-plan-card{padding:12px 14px}.billing-plan-cta{padding:7px 10px}.billing-usage-bar{flex-direction:column;gap:8px}}.buy-credits-modal{max-width:420px}.buy-credits-loading{display:flex;justify-content:center;padding:40px 0}.buy-credits-balance{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:14px 16px;margin-bottom:16px}.buy-credits-balance-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-tertiary);margin-bottom:6px}.buy-credits-balance-row span:last-child{color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.buy-credits-balance-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--bg-overlay-hover);font-size:13px}.buy-credits-balance-total span:first-child{color:var(--text-primary);font-weight:500}.buy-credits-balance-total span:last-child{color:var(--text-primary);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.buy-credits-desc{color:var(--text-muted);font-size:13px;margin:0 0 14px}.buy-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buy-credits-pack{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 12px;border-radius:10px;border:1px solid var(--bg-overlay-active);background:var(--bg-overlay);cursor:pointer;transition:border-color .15s,background .15s}.buy-credits-pack:hover:not(.disabled){border-color:#a78bfa4d;background:#a78bfa0d}.buy-credits-pack.disabled{opacity:.5;cursor:not-allowed}.buy-credits-pack-amount{color:var(--text-primary);font-size:20px;font-weight:700}.buy-credits-pack-label{color:var(--text-muted);font-size:12px}.buy-credits-pack-price{color:#67e8f9;font-size:15px;font-weight:600;margin-top:2px}.buy-credits-pack-locked{color:var(--text-faint);font-size:11px;margin-top:2px}.content-detail-section{margin-bottom:32px}.content-detail-section:last-child{margin-bottom:0}.content-detail-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.section-subtitle{color:var(--text-muted);font-size:13px;margin:0 0 12px}.content-detail-section p{color:var(--text-tertiary);line-height:1.6;margin:0}.content-detail-badge{display:inline-block;background:var(--accent-purple);color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;text-transform:uppercase;font-weight:600;margin-bottom:20px}.key-points-list{list-style:none;padding:0;margin:0}.key-points-list li{padding:8px 12px 8px 14px;margin-bottom:8px;color:var(--text-secondary);border-left:3px solid var(--accent-purple);border-radius:0 6px 6px 0}.key-points-list li strong{color:var(--text-primary);display:block;margin-bottom:4px}.key-points-list li p{color:var(--text-tertiary);margin:4px 0 0;font-size:14px}.timestamp{color:var(--text-muted);font-size:12px;font-weight:400}.entities-list,.tags-list{display:flex;flex-wrap:wrap;gap:8px}.entity-tag{background:#06b6d41f;color:#0891b2;padding:6px 12px;border-radius:6px;font-size:13px}:root .entity-tag{color:#67e8f9;background:#06b6d433}[data-theme=light] .entity-tag{color:#0e7490;background:#06b6d41a}.action-items-list{list-style:none;padding:0;margin:0}.action-items-list li{background:var(--bg-elevated);border-left:3px solid var(--accent-purple);padding:10px 16px;margin-bottom:8px;color:var(--text-secondary);border-radius:4px}.quotes-list{display:flex;flex-direction:column;gap:16px}.quote{background:var(--bg-elevated);border-left:4px solid var(--accent-purple);padding:16px 20px;margin:0;color:var(--text-secondary);font-style:italic;border-radius:4px}.quote cite{display:block;margin-top:8px;color:var(--text-muted);font-style:normal;font-size:13px}.transcript-container{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.transcript-container::-webkit-scrollbar{width:8px}.transcript-container::-webkit-scrollbar-track{background:var(--bg-elevated)}.transcript-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.transcript-container::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.transcript-entry{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.transcript-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.transcript-timestamp{background:#0cf3;color:#67e8f9;padding:4px 10px;border-radius:6px;font-weight:600;font-size:12px;font-family:monospace}.transcript-speaker{background:#06b6d433;color:#67e8f9;padding:4px 10px;border-radius:6px;font-weight:600;font-size:12px}.transcript-text{color:var(--text-secondary);padding-left:4px;white-space:pre-wrap;word-wrap:break-word}.frame-descriptions-container{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:16px;max-height:400px;overflow-y:auto}.frame-descriptions-container::-webkit-scrollbar{width:8px}.frame-descriptions-container::-webkit-scrollbar-track{background:var(--bg-elevated)}.frame-descriptions-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.frame-descriptions-container::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.frame-description-entry{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.frame-description-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.frame-description-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.frame-description-timestamp{background:#06b6d433;color:#67e8f9;padding:4px 10px;border-radius:6px;font-weight:600;font-size:12px;font-family:monospace}.frame-description-text{color:var(--text-secondary);padding-left:4px;line-height:1.6;font-size:14px}.timeline-view-toggle{display:flex;gap:4px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:3px;width:-moz-fit-content;width:fit-content}.timeline-toggle-btn{padding:5px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.timeline-toggle-btn.active{background:#0cf3;color:#a5f3fc}.timeline-toggle-btn:hover:not(.active){color:var(--text-secondary)}.timeline-container{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:16px;max-height:600px;overflow-y:auto}.timeline-container::-webkit-scrollbar{width:8px}.timeline-container::-webkit-scrollbar-track{background:var(--bg-elevated)}.timeline-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.timeline-entry{padding:10px 12px 10px 14px;border-left:3px solid transparent;margin-bottom:12px;border-radius:0 6px 6px 0}.timeline-entry:last-child{margin-bottom:0}.timeline-entry.transcript{border-left-color:var(--accent-purple)}.timeline-entry.vision{border-left-color:var(--accent-cyan);background:#06b6d40d}.timeline-entry.vision .timeline-text{font-style:italic;color:var(--text-secondary)}.timeline-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.timeline-vision-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;background:#06b6d426;color:var(--accent-cyan);padding:1px 7px;border-radius:4px}.timeline-text{color:var(--text-secondary);padding-left:2px;line-height:1.6;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.timeline-thumbnail-link{display:block;cursor:pointer}.timeline-thumbnail{width:100%;max-width:300px;border-radius:6px;margin:6px 0}.timeline-caption{font-size:13px;color:#ccc;margin-bottom:4px}.timeline-full-desc summary{font-size:12px;color:#888;cursor:pointer;margin-top:2px}.timeline-full-desc summary:hover{color:#bbb}.timeline-full-desc .timeline-text{font-size:13px;color:#aaa;margin-top:4px}.generate-thumbs-btn{margin-left:auto;color:var(--accent-cyan)!important}.generate-thumbs-btn:hover{background:#06b6d41a!important}.visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.visual-grid-item{position:relative;text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease}.visual-grid-item:hover{transform:scale(1.03)}.visual-grid-thumb{width:100%;border-radius:6px;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover}.visual-grid-thumb-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:6px;background:var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.visual-grid-overlay{position:absolute;top:4px;left:4px}.visual-grid-time{font-size:11px;background:#000000b3;color:#fff;padding:1px 6px;border-radius:4px}.visual-grid-caption{font-size:12px;color:#aaa;margin-top:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transcript-view{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:16px;max-height:600px;overflow-y:auto}.transcript-view::-webkit-scrollbar{width:8px}.transcript-view::-webkit-scrollbar-track{background:var(--bg-elevated)}.transcript-view::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.library-card-thumb-wrap{width:100%;margin-bottom:12px}.library-card-thumb{width:100%;border-radius:8px;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover}.page-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.page-header .page-title{margin-bottom:4px}.page-header .page-subtitle{margin:0}.export-btn{padding:10px 20px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ccff4d}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-export-btn{padding:8px 16px;background:#0cf3;border:1px solid var(--accent-purple);border-radius:8px;color:#67e8f9;font-size:13px;cursor:pointer;transition:all .2s}.modal-export-btn:hover{background:#00ccff4d}.export-modal{max-width:500px}.export-desc{color:var(--text-tertiary);margin:0 0 24px;font-size:15px}.export-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.export-option{display:block;cursor:pointer}.export-option input[type=radio]{display:none}.export-option-content{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:12px;transition:all .2s}.export-option:hover .export-option-content{border-color:var(--border-strong)}.export-option.selected .export-option-content{border-color:var(--accent-purple);background:#00ccff1a}.export-option-icon{font-size:28px}.export-option-title{color:var(--text-primary);font-weight:600;margin-bottom:4px}.export-option-desc{color:var(--text-muted);font-size:13px}.export-settings{margin-bottom:24px}.export-checkbox{display:flex;align-items:center;gap:10px;color:var(--text-tertiary);cursor:pointer;font-size:14px}.export-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple)}.export-download-btn{width:100%}.nav-btn-small{width:100%;padding:6px 12px;margin:2px 0;border-radius:6px;background:transparent;border:1px dashed var(--border-strong);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center}.nav-btn-small:hover{border-color:var(--accent-purple);color:#67e8f9;background:#00ccff1a}.sidebar-collections-list.expanded{max-height:200px;overflow-y:auto}.sidebar-show-more{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 12px;margin-top:2px;transition:color .15s}.sidebar-show-more:hover{color:var(--text-tertiary)}.collection-nav-item{display:flex;align-items:center;gap:4px}.collection-nav-item .nav-btn{flex:1;font-size:13px;padding:0 12px;height:36px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-faint);cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.collection-delete-btn:hover{background:#ef444433;color:#ef4444}.library-card-collection{background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.library-card-collection:hover{color:var(--accent-purple);background:#00ccff14}.back-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-strong);border-radius:10px;color:var(--text-tertiary);font-size:14px;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:var(--accent-purple);color:#67e8f9}.collection-modal{max-width:450px}.collection-picker{display:flex;flex-direction:column;gap:8px}.collection-picker-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.collection-picker-item:hover{border-color:var(--accent-purple);background:#00ccff1a}.collection-picker-icon{font-size:24px}.collection-picker-info{flex:1}.collection-picker-name{color:var(--text-primary);font-weight:500;margin-bottom:2px}.collection-picker-desc{color:var(--text-muted);font-size:13px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base);color:var(--text-tertiary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:24px 16px}.login-card{width:100%;max-width:400px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;padding:40px 36px 36px;box-shadow:0 8px 40px #00000059}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.login-logo-ring{display:flex;align-items:center;justify-content:center}.login-brand-name{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.login-title{text-align:center;font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.2}.login-subtitle{text-align:center;font-size:14px;color:var(--text-muted);margin:0 0 24px}.login-email-pill{display:inline-block;background:var(--bg-base);border:1px solid var(--border-default);border-radius:20px;padding:3px 12px;font-size:13px;color:var(--text-secondary)}.login-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13.5px;color:#f87171;margin-bottom:16px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.login-input{height:44px;border-radius:8px;font-size:15px}.login-pw-wrap{position:relative}.login-input-pw{padding-right:42px!important}.login-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center;line-height:1}.login-eye:hover{color:var(--text-secondary)}.login-field-error{font-size:12px;color:#f87171;margin:0}.login-btn-primary{width:100%;height:44px;border-radius:8px;font-size:15px;font-weight:600;margin-top:4px}.login-or{display:flex;align-items:center;gap:10px;margin:20px 0 16px}.login-or-line{flex:1;height:1px;background:var(--border-default)}.login-or-text{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.login-google-wrap{margin-bottom:20px}.login-google-btn{width:100%;min-height:44px;border-radius:8px;overflow:hidden}.login-google-btn iframe{width:100%!important}.login-google-loading{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;font-size:14px;color:var(--text-muted)}.login-footer-links{text-align:center;font-size:13.5px;color:var(--text-muted);margin:8px 0 0}.login-link{color:var(--accent);font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.login-link-muted{color:var(--text-muted);font-size:13px;text-decoration:none}.login-link-muted:hover{color:var(--text-secondary);text-decoration:underline}.login-back-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-subtle)}.login-back-btn{background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-muted);display:flex;align-items:center;padding:0;transition:color .15s}.login-back-btn:hover{color:var(--text-secondary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;padding:40px 36px 36px;box-shadow:0 8px 40px #00000059}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.auth-header p{font-size:14px;color:var(--text-muted);margin:0}.auth-alert{margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;z-index:1}.auth-input-wrap input{padding-left:38px}.auth-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex}.auth-error{font-size:12px;color:#f87171;margin:0}.auth-submit{width:100%;height:44px;border-radius:8px;font-size:15px;font-weight:600;margin-top:4px}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 16px;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.auth-google-btn{width:100%;min-height:44px;border-radius:8px;overflow:hidden;margin-bottom:16px}.auth-google-loading{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;font-size:14px;color:var(--text-muted);margin-bottom:16px}.auth-footer{text-align:center;font-size:13.5px;color:var(--text-muted);margin:8px 0 0}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-email-badge{display:flex;align-items:center;gap:6px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.auth-back-btn{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);margin-top:12px;background:none;border:none;cursor:pointer;padding:0}.auth-back-btn:hover{color:var(--text-secondary)}.profile-compact-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:32px 24px;min-height:100%}.profile-container-compact{width:100%;max-width:480px;background:var(--bg-elevated);border:1px solid var(--bg-overlay-hover);border-radius:16px;box-shadow:0 16px 48px #0006;padding:32px}.profile-compact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.profile-compact-header h1{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.profile-compact-status{display:flex;align-items:center;gap:6px;color:#22c55e;font-size:13px;font-weight:500}.status-dot-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block}.profile-compact-meter{margin-bottom:20px}.profile-compact-meter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.profile-compact-meter-label span:first-child{color:var(--text-tertiary)}.profile-compact-meter-label span:last-child{color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.profile-compact-actions{display:flex;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--bg-overlay-hover)}@media (max-width: 480px){.profile-compact-wrapper{padding:24px 12px}.profile-container-compact{padding:24px}.profile-compact-actions{flex-direction:column}}.pricing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pricing-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;max-width:920px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative}.pricing-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s}.pricing-modal-close:hover{color:var(--text-secondary);background:var(--border-default)}.pricing-modal-header{text-align:center;margin-bottom:24px}.pricing-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:12px 0 4px}.pricing-modal-header p{color:var(--text-tertiary);font-size:.9rem;margin-bottom:16px}.pricing-modal-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 640px){.pricing-modal{padding:16px;max-height:95vh}.pricing-modal-plans .plan-card{padding:14px}}.pricing-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:50;background:#09090bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bg-overlay)}.pricing-topbar-logo{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600;font-size:16px;text-decoration:none}.pricing-topbar-logo svg{color:var(--accent-purple)}.pricing-topbar-close{background:none;border:1px solid var(--bg-overlay-active);border-radius:8px;color:var(--text-tertiary);padding:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.pricing-topbar-close:hover{color:var(--text-primary);border-color:#ffffff26;background:var(--bg-overlay-hover)}.pricing-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-base) 0%,var(--bg-elevated) 100%);padding:24px 20px 32px;display:flex;flex-direction:column;box-sizing:border-box}.pricing-container{max-width:1200px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.pricing-header{text-align:center;margin-bottom:16px;flex-shrink:0}.pricing-header h1{color:var(--text-primary);font-size:30px;font-weight:700;max-width:600px;margin:0 auto 10px;line-height:1.3}.pricing-subtitle{color:var(--text-tertiary);font-size:16px;max-width:520px;margin:0 auto 24px;line-height:1.5}.pricing-header p{color:var(--text-muted);font-size:15px;margin:0 auto 20px}.billing-toggle{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:4px}.toggle-btn{padding:10px 24px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:var(--accent-purple);color:#fff}.toggle-btn:hover:not(.active){color:var(--text-tertiary)}.save-badge{background:#22c55e;color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;flex:1;min-height:0;align-content:start;overflow:visible;max-width:1100px;margin-left:auto;margin-right:auto}.plan-card{background:var(--bg-elevated);border:1px solid var(--bg-overlay);border-radius:16px;padding:20px;position:relative;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 2px 8px #0003;min-width:0;overflow:visible;margin-top:12px}.plan-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000059}.plan-card.popular{border-color:#00ccff4d;box-shadow:0 0 40px #00ccff1f,var(--shadow-md);background:var(--accent-purple-dim)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.plan-header{text-align:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--bg-overlay)}.plan-name{color:var(--text-primary);font-size:clamp(16px,2vw,20px);font-weight:600;margin:0 0 10px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.plan-price .currency{color:var(--text-muted);font-size:20px}.plan-price .amount{color:var(--text-primary);font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1}.plan-price .period{color:var(--text-muted);font-size:14px}.billed-yearly{color:var(--text-muted);font-size:13px;margin-top:8px}.price-strikethrough{text-decoration:line-through;color:var(--text-faint)}.plan-first-month{color:#22c55e;font-size:12px;font-weight:500;margin-top:6px}.plan-features{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.plan-features li{color:var(--text-tertiary);font-size:clamp(11px,1.3vw,13px);display:flex;align-items:center;gap:6px}.plan-features .check{color:#22c55e;font-weight:700}.plan-btn{width:100%;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.plan-btn.primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));border:none;color:#fff}.plan-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0cf6}.plan-btn.secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-tertiary)}.plan-btn.secondary:hover:not(:disabled){border-color:var(--accent-purple);color:#67e8f9}.plan-btn:disabled{opacity:.5;cursor:not-allowed}.back-link{background:transparent;border:none;color:var(--accent-purple);font-size:14px;cursor:pointer;text-decoration:underline}.back-link:hover{color:#67e8f9}.sidebar-user{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-default)}.user-profile-container{position:relative;display:flex;justify-content:center;align-items:center}.user-avatar-btn{background:none;border:none;padding:0;cursor:pointer;position:relative;outline:none}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple) 0%,#67e8f9 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;transition:all .2s;border:2px solid transparent}.user-avatar:hover{transform:scale(1.05);border-color:var(--accent-purple);box-shadow:0 0 0 3px #0cf3}.user-avatar:active{transform:scale(.95)}.user-dropdown{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:240px;max-width:280px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.user-dropdown:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--bg-elevated);border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);transform:translate(-50%) rotate(45deg)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.user-dropdown-header{padding:16px;display:flex;align-items:center;gap:12px;background:#1a1a1d}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple) 0%,#67e8f9 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;flex-shrink:0}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-email{color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-name{color:var(--text-tertiary);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:var(--border-default);margin:4px 0}.user-dropdown-item{width:100%;padding:12px 16px;background:none;border:none;color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s}.user-dropdown-item:hover{background:var(--border-default);color:var(--text-primary)}.user-dropdown-item:active{background:var(--border-strong)}.user-dropdown-item svg{width:16px;height:16px;flex-shrink:0}.user-dropdown-item-danger{color:#ef4444}.user-dropdown-item-danger:hover{background:#ef44441a;color:#f87171}.usage-meter{margin-bottom:12px}.usage-meter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.usage-meter-label{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center}.usage-meter-value{font-size:12px;color:var(--text-secondary);font-weight:500}.usage-meter-compact{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary)}.usage-meter-warning{font-size:11px;margin-top:4px}.usage-overview{padding:12px;background:var(--bg-elevated);border-radius:10px;margin-top:8px}.usage-overview-at-limit{border:1px solid rgba(239,68,68,.3);background:#ef44440d}.usage-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-overview-tier{display:flex;align-items:center;gap:4px}.usage-overview-refresh{padding:4px;height:auto}.usage-overview-meters{display:flex;flex-direction:column;gap:8px}.usage-overview-compact{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-elevated);border-radius:8px}.usage-overview-upgrade{margin-top:12px}.usage-overview-warning{text-align:center}.upgrade-prompt-card{max-width:400px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border-default)}.upgrade-prompt-icon-wrapper{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0cf3,#06b6d433);border-radius:16px}.upgrade-prompt-features{background:var(--bg-base);border-radius:8px;padding:16px}.upgrade-prompt-features ul{list-style:none;padding:0;margin:0}.upgrade-prompt-features li{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--text-secondary)}.upgrade-prompt-tiers{display:flex;justify-content:center;gap:8px;margin-top:16px}.upgrade-prompt-inline{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#00ccff1a,#06b6d41a);border:1px solid rgba(0,204,255,.2);border-radius:12px}.upgrade-prompt-inline-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0cf3;border-radius:10px;flex-shrink:0}.upgrade-prompt-inline-content{flex:1}.upgrade-prompt-inline-content h4{margin:0 0 4px;font-size:14px;color:var(--text-primary)}.upgrade-prompt-inline-content p{margin:0}.upgrade-prompt-compact{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--border-default);border-radius:8px}.feature-gate-loading{padding:24px}.feature-gate-locked{display:flex;align-items:center;justify-content:center;min-height:200px;padding:24px;background:var(--bg-elevated);border-radius:12px;border:1px dashed var(--border-default)}.feature-gate-locked-content{text-align:center}.limit-warning-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#eab3081a,#eab3080d);border:1px solid rgba(234,179,8,.3);border-radius:10px;margin-bottom:16px}.limit-warning-banner.at-limit{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef44444d}.limit-warning-banner-content{display:flex;align-items:center;gap:12px}.limit-warning-banner-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#eab30833;border-radius:8px;color:#eab308}.limit-warning-banner.at-limit .limit-warning-banner-icon{background:#ef444433;color:#ef4444}.limit-warning-banner-text h4{margin:0;font-size:14px;font-weight:500;color:var(--text-primary)}.limit-warning-banner-text p{margin:4px 0 0;font-size:12px;color:var(--text-tertiary)}.usage-indicator{text-align:center;padding:8px 0}.vision-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;cursor:pointer}.vision-toggle-locked{opacity:.6;cursor:default}.vision-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-cyan)}.vision-toggle-locked input[type=checkbox]{cursor:not-allowed}.vision-pro-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:linear-gradient(135deg,#0cf3,#06b6d433);border-radius:4px;font-size:10px;font-weight:600;color:#67e8f9;letter-spacing:.5px;text-transform:uppercase}.pro-feature-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#0cf3,#06b6d433);border-radius:4px;font-size:10px;font-weight:500;color:#67e8f9;margin-left:8px}.export-format-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border-default);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .15s}.export-format-item:hover:not(.export-format-locked){border-color:var(--accent-purple);background:#00ccff0d}.export-format-item.export-format-selected{border-color:var(--accent-purple);background:#00ccff1a}.export-format-item.export-format-locked{opacity:.6;cursor:not-allowed}.export-format-item.export-format-locked:hover{border-color:var(--border-default)}.export-format-info{display:flex;flex-direction:column;gap:2px}.export-format-name{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.export-format-desc{font-size:12px;color:var(--text-muted)}.collection-limit-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:8px;margin-top:12px;font-size:13px;color:#fbbf24}.pricing-back-btn{position:absolute;top:16px;left:16px;font-size:13px}.pricing-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-default);text-align:center;flex-shrink:0}.pricing-footer p{margin:0}.pricing-footer-tagline{font-size:15px;color:var(--text-tertiary);font-weight:500}.pricing-footer-fine{font-size:13px;color:var(--text-faint);margin-top:6px!important}.plan-card.current{border-color:var(--accent-purple);box-shadow:0 0 20px #0cf3}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-purple);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;display:flex;align-items:center}.plan-feature-highlight{display:flex;align-items:center;gap:8px;font-weight:500;padding:6px 0;border-bottom:1px solid var(--border-default);margin-bottom:2px;font-size:13px}.plan-cta{margin-top:0;margin-bottom:16px;flex-shrink:0;padding:10px 16px;font-size:14px}.feature-comparison{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-default);flex-shrink:0}.feature-comparison h2{text-align:center;font-size:24px;margin-bottom:32px;color:var(--text-primary)}.comparison-table{background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-default);overflow:hidden}.comparison-header{display:grid;grid-template-columns:2fr repeat(3,1fr);background:var(--bg-base);border-bottom:1px solid var(--border-default)}.comparison-header .comparison-cell{padding:16px;font-weight:600;text-align:center}.comparison-header .feature-name{text-align:left;color:var(--text-tertiary)}.comparison-category{grid-column:1 / -1;padding:12px 16px;background:var(--bg-base);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-purple);border-bottom:1px solid var(--border-default);border-top:1px solid var(--border-default)}.comparison-row{display:grid;grid-template-columns:2fr repeat(3,1fr);border-bottom:1px solid var(--bg-hover)}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:#00ccff0d}.comparison-cell{padding:12px 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary)}.comparison-cell.feature-name{justify-content:flex-start;color:var(--text-tertiary)}.comparison-cell.plan-name{font-weight:600;color:var(--text-primary)}@media (max-width: 900px){.plans-grid{grid-template-columns:1fr;max-width:420px}}@media (max-width: 768px){.comparison-header,.comparison-row{grid-template-columns:1.5fr repeat(3,1fr)}.comparison-cell{padding:10px 8px;font-size:12px}.comparison-cell.feature-name{font-size:11px}.comparison-cell.feature-name svg{display:none}}.plan-tagline{color:var(--text-tertiary);font-size:13px;line-height:1.4;margin:4px 0 12px;min-height:36px}.education-banner{margin-top:32px;margin-bottom:8px}.education-banner-inner{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#00ccff1f,#06b6d414);border:1px solid rgba(0,204,255,.3);border-radius:16px;padding:28px 32px;max-width:1100px;margin:0 auto}.education-banner-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#00ccff26;border-radius:14px;color:#67e8f9}.education-banner-content{flex:1}.education-banner-content h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.education-banner-content p{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.5}.education-banner-content strong{color:var(--text-secondary)}.education-banner-action{flex-shrink:0}.education-cta{white-space:nowrap;border-color:#0cf6!important;color:#a5f3fc!important}.education-cta:hover{background:#00ccff1a!important;border-color:var(--accent-purple)!important}@media (max-width: 768px){.education-banner-inner{flex-direction:column;text-align:center;padding:24px 20px;gap:16px}}.processing-card{background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-default);overflow:hidden;opacity:.7;transition:all .3s ease}.processing-card.queued{opacity:.5}.processing-card.processing{opacity:.8;border-color:var(--accent-purple);box-shadow:0 0 20px #00ccff1a}.processing-card.failed{opacity:.9;border-color:#ef4444}.processing-card.completed{opacity:1;border-color:#22c55e}.processing-card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-base) 100%);display:flex;align-items:center;justify-content:center}.processing-card-close{position:absolute;top:8px;left:8px;z-index:10;width:28px;height:28px;border:none;border-radius:50%;background:#0009;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.processing-card-close:hover{background:#000000d9;color:var(--text-primary)}.processing-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.processing-card-overlay.failed{background:#ef444433}.processing-card-overlay.completed{background:#22c55e33}.processing-card-content{padding:12px}.processing-card-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.processing-card-status{font-size:12px;color:var(--text-muted);margin:0}.processing-card.processing .processing-card-status{color:#67e8f9}.processing-card.failed .processing-card-status{color:#f87171}.processing-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.processing-card-btn{font-size:12px}.processing-card-btn.retry{border-color:var(--accent-purple);color:#67e8f9}.processing-card-btn.retry:hover{background:#00ccff26}.processing-card-btn.dismiss{color:var(--text-muted)}.processing-card-btn.dismiss:hover{color:var(--text-tertiary)}.recipe-card{padding:0}.recipe-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border-default);margin-bottom:24px}.recipe-header-content{flex:1}.recipe-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.recipe-description{color:var(--text-tertiary);font-size:15px;line-height:1.5;margin:0 0 16px}.recipe-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.recipe-meta-item{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.recipe-meta-item svg{color:var(--accent-purple)}.recipe-diet-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.recipe-diet-tag{font-size:11px;text-transform:uppercase}.recipe-print-btn{flex-shrink:0}.recipe-chef{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;margin-bottom:24px}.recipe-chef svg{color:var(--accent-purple)}.recipe-section{margin-bottom:28px}.recipe-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center}.recipe-section-title svg{color:var(--accent-purple)}.recipe-equipment{display:flex;flex-wrap:wrap;gap:10px}.recipe-equipment-item{background:#00ccff1a;border:1px solid rgba(0,204,255,.2);color:#67e8f9;padding:6px 14px;border-radius:20px;font-size:13px}.recipe-ingredient-group{margin-bottom:16px}.recipe-ingredient-group-title{font-size:14px;font-weight:500;color:var(--text-tertiary);margin:0 0 10px;padding-left:4px}.recipe-ingredients{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.recipe-ingredient{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .2s}.recipe-ingredient:hover{border-color:var(--border-strong)}.recipe-ingredient.checked{opacity:.5;text-decoration:line-through}.recipe-ingredient.checked .recipe-ingredient-checkbox{background:var(--accent-purple);border-color:var(--accent-purple)}.recipe-ingredient-checkbox{width:18px;height:18px;border:2px solid var(--border-strong);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.recipe-ingredient-checkbox svg{color:#fff}.recipe-ingredient-text{color:var(--text-secondary);font-size:14px;line-height:1.4}.recipe-ingredient-text strong{color:var(--text-primary)}.recipe-ingredient-prep{color:var(--text-muted);font-style:italic}.recipe-ingredient-optional{color:var(--accent-purple);font-size:12px}.recipe-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.recipe-step{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.recipe-step:hover{border-color:var(--border-strong)}.recipe-step.checked{opacity:.5;border-color:var(--accent-purple);background:#00ccff0d}.recipe-step-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.recipe-step-number{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.recipe-step-timestamp{background:#06b6d426;color:#22d3ee;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace}.recipe-step-duration{color:var(--text-muted);font-size:12px}.recipe-step-content{padding-left:40px}.recipe-step-instruction{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.recipe-step-temp{display:inline-flex;align-items:center;gap:6px;background:#ef444426;color:#f87171;padding:4px 10px;border-radius:6px;font-size:12px;margin-top:10px}.recipe-step-tip{display:flex;align-items:flex-start;gap:8px;background:#facc151a;border:1px solid rgba(250,204,21,.2);color:#fbbf24;padding:10px 12px;border-radius:8px;font-size:13px;margin-top:12px;line-height:1.4}.recipe-step-tip svg{flex-shrink:0;margin-top:2px}.recipe-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.recipe-tip{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#facc1514;border:1px solid rgba(250,204,21,.15);border-radius:8px;color:#fcd34d;font-size:14px;line-height:1.5}.recipe-tip:before{content:"💡"}.recipe-tip-timestamp{color:var(--text-muted);font-size:12px;margin-left:8px}.recipe-substitutions{display:flex;flex-direction:column;gap:10px}.recipe-substitution{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px}.recipe-sub-original{color:#ef4444;text-decoration:line-through;font-size:14px}.recipe-sub-arrow{color:var(--text-muted)}.recipe-sub-substitute{color:#22c55e;font-weight:500;font-size:14px}.recipe-sub-notes{color:var(--text-muted);font-size:12px;width:100%;padding-top:6px;border-top:1px solid var(--border-default);margin-top:4px}.recipe-storage{display:flex;flex-direction:column;gap:8px}.recipe-storage-item{color:var(--text-tertiary);font-size:14px;line-height:1.5}.recipe-storage-item strong{color:var(--text-secondary)}.recipe-nutrition{display:flex;flex-wrap:wrap;gap:16px}.recipe-nutrition-item{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;min-width:80px}.recipe-nutrition-value{font-size:20px;font-weight:600;color:var(--accent-purple)}.recipe-nutrition-label{font-size:12px;color:var(--text-muted);margin-top:4px}.recipe-nutrition-note{color:var(--text-muted);font-size:12px;font-style:italic;margin-top:12px}.modal-content-large{max-width:800px}@media print{.recipe-card{background:#fff;color:#000}.recipe-title{color:#000}.recipe-description,.recipe-meta-item,.recipe-ingredient-text,.recipe-step-instruction,.recipe-storage-item{color:#333}.recipe-print-btn,.modal-close,.modal-header-actions{display:none}.recipe-step-number{background:var(--accent-purple);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.learn-card{padding:8px}.learn-header{margin-bottom:24px}.learn-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.learn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.learn-duration{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.learn-instructor{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:14px}.learn-section{margin-bottom:24px}.learn-section-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.learn-section-title svg{color:#3b82f6}.learn-section-header{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;padding:12px 0;cursor:pointer;color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-default);margin-bottom:16px}.learn-section-header:hover{color:#3b82f6}.learn-section-header h3{font-size:16px;font-weight:600;margin:0}.learn-objectives{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.learn-objectives li{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);padding:10px 14px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-size:14px}.learn-objectives li:before{content:"✓";color:#3b82f6;font-weight:700}.learn-chapters{display:flex;flex-direction:column;gap:12px}.learn-chapter{display:flex;gap:16px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;transition:all .2s}.learn-chapter:hover{border-color:#3b82f6}.learn-chapter-time{background:#3b82f633;color:#60a5fa;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;font-family:monospace;white-space:nowrap;height:-moz-fit-content;height:fit-content}.learn-chapter-content{flex:1}.learn-chapter-content strong{color:var(--text-primary);display:block;margin-bottom:4px}.learn-chapter-content p{color:var(--text-tertiary);margin:0;font-size:14px;line-height:1.5}.learn-concepts{display:flex;flex-direction:column;gap:16px}.learn-concept{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.learn-concept-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}.learn-concept-name{font-size:16px;font-weight:600;color:var(--text-primary)}.learn-concept-time{background:#3b82f633;color:#60a5fa;padding:4px 10px;border-radius:6px;font-size:12px;font-family:monospace}.learn-concept-def{color:var(--text-tertiary);font-size:14px;line-height:1.6;margin:0 0 12px}.learn-concept-example{background:#3b82f61a;border-left:3px solid #3b82f6;padding:10px 14px;border-radius:4px;color:var(--text-secondary);font-size:14px}.learn-concept-example strong{color:#60a5fa}.learn-flashcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.learn-flashcard{perspective:1000px;height:180px;cursor:pointer}.learn-flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.learn-flashcard.flipped .learn-flashcard-inner{transform:rotateY(180deg)}.learn-flashcard-front,.learn-flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.learn-flashcard-front{background:linear-gradient(135deg,var(--bg-hover),var(--bg-elevated));border:1px solid #3b82f6}.learn-flashcard-back{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-hover));border:1px solid #22c55e;transform:rotateY(180deg)}.learn-flashcard-label{background:#3b82f64d;color:#60a5fa;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.learn-flashcard-back .learn-flashcard-label{background:#22c55e4d;color:#4ade80}.learn-flashcard-front p,.learn-flashcard-back p{color:var(--text-primary);font-size:15px;margin:0;line-height:1.5}.learn-flashcard-hint{color:var(--text-muted);font-size:12px;margin-top:auto}.learn-questions{display:flex;flex-direction:column;gap:16px}.learn-question{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.learn-question-q{display:flex;align-items:flex-start;gap:10px;color:var(--text-primary);font-size:15px;margin-bottom:12px}.learn-question-q svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.learn-question-reveal{background:#3b82f633;border:1px solid #3b82f6;color:#60a5fa;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.learn-question-reveal:hover{background:#3b82f64d}.learn-question-a{background:#22c55e1a;border-left:3px solid #22c55e;padding:12px 14px;border-radius:4px;color:var(--text-secondary);font-size:14px}.learn-question-a strong{color:#4ade80}.learn-takeaways{list-style:none;padding:0;margin:0}.learn-takeaways li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:14px}.learn-takeaways li:last-child{border-bottom:none}.learn-takeaways li:before{content:"💡"}.learn-resources{display:flex;flex-direction:column;gap:12px}.learn-resource{padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.learn-resource strong{color:var(--text-primary);display:block;margin-bottom:4px}.learn-resource p{color:var(--text-tertiary);margin:0 0 8px;font-size:14px}.learn-resource a{color:#60a5fa;font-size:13px;text-decoration:none;word-break:break-all}.learn-resource a:hover{text-decoration:underline}.learn-summary{color:var(--text-tertiary);line-height:1.7;font-size:15px}.creator-card{padding:8px}.creator-header{margin-bottom:24px}.creator-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.creator-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.creator-duration{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.creator-host,.creator-guests{color:var(--text-tertiary);font-size:14px}.creator-section{margin-bottom:24px}.creator-section-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.creator-section-title svg{color:#22d3ee}.creator-section-header{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;padding:12px 0;cursor:pointer;color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-default);margin-bottom:16px}.creator-section-header:hover{color:#22d3ee}.creator-section-header h3{font-size:16px;font-weight:600;margin:0}.creator-hook-section{background:linear-gradient(135deg,#a855f71a,#06b6d41a);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:20px}.creator-hook{margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.creator-hook strong{color:#22d3ee;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.creator-hook p{flex:1;min-width:200px;color:var(--text-primary);font-size:18px;font-weight:500;margin:0;font-style:italic}.creator-oneliner strong{color:var(--accent-cyan);font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.creator-oneliner p{color:var(--text-secondary);font-size:15px;margin:0}.creator-clips{display:flex;flex-direction:column;gap:16px}.creator-clip{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;transition:all .2s}.creator-clip:hover{border-color:#22d3ee}.creator-clip-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}.creator-clip-title{font-size:16px;font-weight:600;color:var(--text-primary)}.creator-clip-time{background:#a855f733;color:#67e8f9;padding:4px 10px;border-radius:6px;font-size:13px;font-family:monospace;margin-bottom:10px}.creator-clip-hook{color:var(--text-primary);font-size:15px;font-style:italic;margin:0 0 8px}.creator-clip-desc{color:var(--text-tertiary);font-size:14px;margin:0 0 12px;line-height:1.5}.creator-clip-platforms{display:flex;flex-wrap:wrap;gap:6px}.creator-quotes{display:flex;flex-direction:column;gap:16px}.creator-quote{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.creator-quote blockquote{color:var(--text-primary);font-size:16px;font-style:italic;margin:0 0 10px;line-height:1.5;padding-left:16px;border-left:3px solid #22d3ee}.creator-quote-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:13px;margin-bottom:12px}.creator-quote-time{background:#a855f733;color:#67e8f9;padding:2px 8px;border-radius:4px;font-family:monospace}.creator-quote-tweet{display:flex;align-items:flex-start;gap:12px;background:#1da1f21a;border:1px solid rgba(29,161,242,.3);border-radius:8px;padding:12px}.creator-quote-tweet span{flex:1;color:var(--text-secondary);font-size:14px}.creator-thread{display:flex;flex-direction:column;gap:12px}.creator-copy-all{align-self:flex-start;margin-bottom:8px}.creator-tweet{display:flex;gap:12px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.creator-tweet-num{color:#1da1f2;font-weight:700;font-size:14px}.creator-tweet p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.creator-linkedin{display:flex;flex-direction:column;gap:12px}.creator-linkedin-text{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:16px;color:var(--text-secondary);font-size:14px;line-height:1.6;white-space:pre-wrap;font-family:inherit;margin:0}.creator-blog{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.creator-blog-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.creator-blog-meta{color:var(--text-muted);font-size:14px;font-style:italic;margin:0 0 16px}.creator-blog-sections{display:flex;flex-direction:column;gap:16px}.creator-blog-section h5{color:#22d3ee;font-size:15px;margin:0 0 8px}.creator-blog-section ul{margin:0;padding-left:20px}.creator-blog-section li{color:var(--text-tertiary);font-size:14px;margin-bottom:4px}.creator-hashtags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.creator-attribution{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#ef44440f,#eab3080f);border:1px solid rgba(239,68,68,.15);border-radius:12px;margin-bottom:24px}.creator-attribution-info{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.creator-attribution-info>svg{color:#ef4444;flex-shrink:0;margin-top:2px}.creator-attribution-text{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 4px}.creator-attribution-stats{display:flex;align-items:center;gap:12px;margin-top:4px}.creator-attribution-stats span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.creator-attribution-stats svg{color:var(--text-muted)}.creator-attribution-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ef4444;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease;flex-shrink:0}.creator-attribution-link:hover{background:#dc2626}@media (max-width: 560px){.creator-attribution{flex-direction:column;align-items:stretch}.creator-attribution-link{justify-content:center}}.meeting-card{padding:8px}.meeting-header{margin-bottom:24px}.meeting-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.meeting-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.meeting-date,.meeting-duration{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.meeting-tldr{background:linear-gradient(135deg,#22c55e1a,#06b6d41a);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px}.meeting-tldr strong{color:#22c55e;font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.meeting-tldr p{color:var(--text-secondary);font-size:15px;margin:0;line-height:1.5}.meeting-attendees{display:flex;align-items:center;gap:10px;color:var(--text-tertiary);font-size:14px;margin-bottom:24px}.meeting-attendees svg{color:#22c55e}.meeting-section{margin-bottom:24px}.meeting-section-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.meeting-section-title svg{color:#22c55e}.meeting-section-header{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;padding:12px 0;cursor:pointer;color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-default);margin-bottom:16px}.meeting-section-header:hover{color:#22c55e}.meeting-section-header h3{font-size:16px;font-weight:600;margin:0}.meeting-section-actions{background:#22c55e0d;border-radius:12px;padding:8px}.meeting-agenda{display:flex;flex-direction:column;gap:8px}.meeting-agenda-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px}.meeting-agenda-time{background:#22c55e33;color:#4ade80;padding:4px 10px;border-radius:6px;font-size:12px;font-family:monospace;white-space:nowrap}.meeting-agenda-topic{flex:1;color:var(--text-secondary);font-size:14px}.meeting-agenda-presenter{color:var(--text-muted);font-size:13px}.meeting-actions{display:flex;flex-direction:column;gap:10px}.meeting-action{display:flex;gap:14px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;cursor:pointer;transition:all .2s}.meeting-action:hover{border-color:#22c55e}.meeting-action.checked{opacity:.6}.meeting-action.checked .meeting-action-task{text-decoration:line-through;color:var(--text-muted)}.meeting-action-check{width:24px;height:24px;border:2px solid var(--border-strong);border-radius:6px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s;flex-shrink:0}.meeting-action.checked .meeting-action-check{background:#22c55e;border-color:#22c55e;color:#fff}.meeting-action-content{flex:1}.meeting-action-task{color:var(--text-primary);font-size:15px;margin-bottom:8px}.meeting-action-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.meeting-action-owner,.meeting-action-deadline{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:13px}.meeting-action-context{color:var(--text-tertiary);font-size:14px;margin:8px 0 0;line-height:1.5}.meeting-decisions{display:flex;flex-direction:column;gap:12px}.meeting-decision{padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-left:3px solid #22c55e;border-radius:10px}.meeting-decision-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.meeting-decision-title{color:var(--text-primary);font-size:15px;font-weight:500}.meeting-decision-time{background:#22c55e33;color:#4ade80;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace;white-space:nowrap}.meeting-decision-by{color:var(--text-muted);font-size:13px;margin-bottom:6px}.meeting-decision-reasoning{color:var(--text-tertiary);font-size:14px;margin:0 0 8px;line-height:1.5}.meeting-decision-alts{color:var(--text-muted);font-size:13px}.meeting-decision-alts strong{color:var(--text-tertiary)}.meeting-discussions{display:flex;flex-direction:column;gap:12px}.meeting-discussion{padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px}.meeting-discussion-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.meeting-discussion-header strong{color:var(--text-primary);font-size:15px}.meeting-discussion-time{background:#22c55e33;color:#4ade80;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace}.meeting-discussion p{color:var(--text-tertiary);font-size:14px;margin:0;line-height:1.5}.meeting-discussion-outcome{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:14px}.meeting-discussion-outcome strong{color:#4ade80}.meeting-blockers{display:flex;flex-direction:column;gap:12px}.meeting-blocker{padding:14px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:10px}.meeting-blocker-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.meeting-blocker-header span{color:var(--text-primary);font-size:15px}.meeting-blocker-by,.meeting-blocker-owner{color:var(--text-muted);font-size:13px;margin-bottom:4px}.meeting-blocker-mitigation{background:#22c55e1a;border-left:3px solid #22c55e;padding:10px 14px;border-radius:4px;color:var(--text-secondary);font-size:14px;margin-top:10px}.meeting-blocker-mitigation strong{color:#4ade80}.meeting-questions{display:flex;flex-direction:column;gap:8px}.meeting-question{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px}.meeting-question:before{content:"?";background:#3b82f633;color:#60a5fa;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.meeting-question-by{color:var(--text-muted);margin-left:4px}.meeting-next-steps{display:flex;flex-direction:column;gap:8px}.meeting-next-step{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px}.meeting-next-step span:first-child{flex:1;color:var(--text-secondary);font-size:14px}.meeting-next-step-owner{color:var(--text-muted);font-size:13px}.meeting-next-step-timeline{background:#a855f733;color:#67e8f9;padding:2px 8px;border-radius:4px;font-size:12px}.meeting-followup{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#67e8f9;font-size:14px}.deepdive-card{display:flex;flex-direction:column;gap:16px}.deepdive-header{display:flex;flex-direction:column;gap:8px}.deepdive-header-meta{display:flex;align-items:center;gap:10px}.deepdive-badge{border-color:#3b82f680!important;color:#60a5fa!important}.deepdive-speaker{color:var(--text-tertiary);font-size:14px}.deepdive-thesis{border:1px solid rgba(59,130,246,.3);border-radius:10px;overflow:hidden}.deepdive-thesis-content{padding:16px;background:#3b82f60d}.deepdive-thesis-content p{color:var(--text-secondary);font-size:15px;line-height:1.6;font-style:italic;margin:0}.deepdive-summary{padding:0 4px}.deepdive-summary p{color:var(--text-tertiary);font-size:14px;line-height:1.7;margin:0;white-space:pre-line}.deepdive-section{border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.deepdive-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-elevated);border:none;width:100%;cursor:pointer;color:var(--text-secondary);transition:background .15s}.deepdive-section-header:hover{background:var(--bg-hover)}.deepdive-section-title{display:flex;align-items:center;gap:8px}.deepdive-section-title h3{font-size:14px;font-weight:600;margin:0;color:var(--text-primary)}.deepdive-section-count{background:var(--border-default);color:var(--text-tertiary);font-size:12px;padding:1px 7px;border-radius:10px}.deepdive-section-content{display:flex;flex-direction:column;gap:12px;padding:16px}.deepdive-theme-item{padding:12px 14px;background:var(--bg-input);border-radius:8px}.deepdive-theme-name{font-size:14px;font-weight:600;color:#60a5fa;margin-bottom:6px}.deepdive-theme-desc{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:0 0 6px}.deepdive-theme-sig{color:var(--text-muted);font-size:12px;font-style:italic;margin:0 0 6px}.deepdive-timestamps{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.deepdive-insight-item{padding:12px 14px;background:var(--bg-input);border-left:3px solid #eab308;border-radius:8px}.deepdive-insight-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:4px}.deepdive-insight-reason{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.deepdive-argument-item{padding:12px 14px;background:var(--bg-input);border-radius:8px}.deepdive-argument-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.deepdive-argument-claim{color:var(--text-secondary);font-size:14px;font-weight:500}.deepdive-argument-speaker{color:var(--text-muted);font-size:13px;display:block;margin-bottom:4px}.deepdive-argument-evidence{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:4px 0}.deepdive-counterpoint-item{padding:12px 14px;background:var(--bg-input);border-left:3px solid #f97316;border-radius:8px}.deepdive-counterpoint-text{color:var(--text-secondary);font-size:14px;margin:0 0 4px}.deepdive-counterpoint-ctx{color:var(--text-muted);font-size:12px;font-style:italic;margin:0}.deepdive-framework-item{padding:12px 14px;background:var(--bg-input);border-radius:8px}.deepdive-framework-name{color:#67e8f9;font-size:14px;font-weight:600;margin-bottom:4px}.deepdive-framework-desc{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:0}.deepdive-connection-item{padding:12px 14px;background:var(--bg-input);border-radius:8px}.deepdive-connection-nodes{display:flex;align-items:center;gap:8px;margin-bottom:6px}.deepdive-connection-node{background:var(--border-default);color:var(--text-secondary);padding:3px 10px;border-radius:6px;font-size:13px;font-weight:500}.deepdive-connection-arrow{color:#60a5fa;font-size:16px}.deepdive-connection-rel{color:var(--text-tertiary);font-size:13px;margin:0 0 4px}.deepdive-connection-insight{color:var(--text-muted);font-size:12px;font-style:italic;margin:0}.deepdive-evidence-item{padding:12px 14px;background:var(--bg-input);border-radius:8px}.deepdive-evidence-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.deepdive-evidence-supports{color:var(--text-muted);font-size:12px}.deepdive-evidence-content{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:0}.deepdive-application-item{padding:12px 14px;background:var(--bg-input);border-radius:8px}.deepdive-application-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:14px}.deepdive-application-ctx{color:var(--text-muted);font-size:13px;margin:4px 0 0}.deepdive-questions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.deepdive-questions-list li{color:var(--text-tertiary);font-size:14px;padding:10px 14px;background:var(--bg-input);border-radius:8px;line-height:1.5}.deepdive-questions-list li:before{content:"? ";color:#60a5fa;font-weight:700}.deepdive-related{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:12px 0 0;border-top:1px solid var(--border-default)}.deepdive-related-label{color:var(--text-muted);font-size:13px;padding-top:2px}.deepdive-related-tags{display:flex;gap:6px;flex-wrap:wrap}.ai-chat-hole-wrapper{position:fixed;bottom:20px;right:20px;width:260px;height:290px;z-index:1000;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ai-chat-hole{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(1) scaleY(0);width:90px;height:32px;border-radius:50%;background:transparent;box-shadow:none;transform-origin:center bottom;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1}.ai-chat-hole-inner{position:absolute;top:4px;right:10px;bottom:4px;left:10px;border-radius:50%;background:transparent}.ai-chat-hole-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:20px;border-radius:50%;background:transparent}.ai-chat-bot-btn{position:relative;width:130px;height:160px;background:none;border:none;cursor:pointer;padding:0;z-index:2;transform-origin:center bottom;transition:filter .2s ease;outline:none}.ai-chat-bot-btn:hover{filter:brightness(1.2)}.ai-css-bot{position:relative;width:80px;height:100px;--bot-color: #22d3ee;--bot-glow: rgba(34, 211, 238, .6)}.bot-antenna-left,.bot-antenna-right{position:absolute;top:0;width:3px;height:16px;background:var(--bot-color);border-radius:2px;box-shadow:0 0 7px var(--bot-glow)}.bot-antenna-left{left:22px;transform:rotate(-12deg);transform-origin:bottom center}.bot-antenna-right{right:22px;transform:rotate(12deg);transform-origin:bottom center}.bot-antenna-left:after,.bot-antenna-right:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--bot-color);box-shadow:0 0 12px 4px var(--bot-glow);animation:antennaPulse 2s ease-in-out infinite alternate}.bot-antenna-right:after{animation-delay:.3s}.bot-head{position:absolute;top:12px;left:50%;transform:translate(-50%);width:50px;height:44px;border-radius:50%;border:2.5px solid var(--bot-color);background:#00001ed9;box-shadow:0 0 14px var(--bot-glow),inset 0 0 12px #22d3ee26}.bot-eye{position:absolute;top:13px;width:11px;height:11px;border-radius:50%;background:var(--bot-color);box-shadow:0 0 12px 4px var(--bot-glow);animation:eyeBlink 4s ease-in-out infinite}.bot-eye.left{left:8px}.bot-eye.right{right:8px}.bot-smile{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:20px;height:9px;border-bottom:2.5px solid var(--bot-color);border-radius:0 0 12px 12px;box-shadow:0 5px 7px var(--bot-glow)}.bot-neck{position:absolute;top:54px;left:50%;transform:translate(-50%);width:12px;height:7px;background:var(--bot-color);border-radius:2px;box-shadow:0 0 7px var(--bot-glow)}.bot-body{position:absolute;top:59px;left:50%;transform:translate(-50%);width:56px;height:38px;border-radius:12px;border:2.5px solid var(--bot-color);background:#00001ed9;box-shadow:0 0 16px var(--bot-glow),inset 0 0 12px #22d3ee1f;display:flex;align-items:center;justify-content:center}.bot-ai-text{font-size:12px;font-weight:900;letter-spacing:1.5px;color:var(--bot-color);text-shadow:0 0 10px var(--bot-glow)}.bot-arm{position:absolute;top:63px;width:11px;height:30px;border-radius:6px;border:2px solid var(--bot-color);background:#00001ed9;box-shadow:0 0 9px var(--bot-glow)}.bot-arm.left{left:1px;transform:rotate(-8deg);transform-origin:top center}.bot-arm.right{right:1px;transform:rotate(8deg);transform-origin:top center}.bot-ring-outer,.bot-ring-inner{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleY(.3);border-radius:50%;border:1.5px solid var(--bot-color);opacity:.3;animation:ringPulse 2.5s ease-in-out infinite}.bot-ring-outer{width:78px;height:78px;animation-delay:0s}.bot-ring-inner{width:56px;height:56px;animation-delay:.6s}.ai-chat-hole-wrapper.idle .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(0);transition:transform .3s ease-in}.ai-chat-hole-wrapper.idle .ai-chat-bot-btn{opacity:1;pointer-events:all}.ai-chat-hole-wrapper.hidden .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(0);transition:transform .3s ease-in}.ai-chat-hole-wrapper.hidden .ai-chat-bot-btn{opacity:0;pointer-events:none;animation:none}.ai-chat-hole-wrapper.hole-open .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(1);transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.ai-chat-hole-wrapper.bot-in .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(1)}.ai-chat-hole-wrapper.bot-in .ai-chat-bot-btn{animation:botSuckIn .48s cubic-bezier(.55,0,1,.45) forwards;pointer-events:none}.ai-chat-hole-wrapper.hole-close .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(0);transition:transform .4s cubic-bezier(.4,0,.6,1)}.ai-chat-hole-wrapper.hole-close .ai-chat-bot-btn{opacity:0;pointer-events:none;animation:none}.ai-chat-hole-wrapper.hole-open-exit .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(1);transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.ai-chat-hole-wrapper.hole-open-exit .ai-chat-bot-btn{opacity:0;pointer-events:none;animation:none}.ai-chat-hole-wrapper.bot-out .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(1)}.ai-chat-hole-wrapper.bot-out .ai-chat-bot-btn{animation:botJumpOut .52s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}.ai-chat-hole-wrapper.hole-close-exit .ai-chat-hole{transform:translate(-50%) scaleX(1) scaleY(0);transition:transform .38s ease-in}.ai-chat-hole-wrapper.hole-close-exit .ai-chat-bot-btn{opacity:1;pointer-events:all}@keyframes botBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-7px) rotate(-1.5deg)}75%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes botBobFast{0%,to{transform:translateY(0) scale(1.03)}50%{transform:translateY(-10px) scale(1.06)}}@keyframes botExcited{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-12px) rotate(-4deg)}60%{transform:translateY(-7px) rotate(4deg)}to{transform:translateY(0) rotate(0)}}@keyframes botSuckIn{0%{transform:translateY(0) scaleX(1) scaleY(1);opacity:1}25%{transform:translateY(5px) scaleX(1.2) scaleY(.8);opacity:1}55%{transform:translateY(18px) scaleX(.65) scaleY(.45);opacity:.7}85%{transform:translateY(30px) scaleX(.2) scaleY(.15);opacity:.2}to{transform:translateY(36px) scaleX(.05) scaleY(.03);opacity:0}}@keyframes botJumpOut{0%{transform:translateY(36px) scaleX(.05) scaleY(.03);opacity:0}20%{transform:translateY(10px) scaleX(1.25) scaleY(.75);opacity:.7}45%{transform:translateY(-20px) scaleX(.9) scaleY(1.1);opacity:1}65%{transform:translateY(-10px) scaleX(1.05) scaleY(.95);opacity:1}80%{transform:translateY(-4px) scaleX(.98) scaleY(1.02);opacity:1}to{transform:translateY(0) scaleX(1) scaleY(1);opacity:1}}@keyframes antennaPulse{0%{opacity:.5;box-shadow:0 0 6px 2px var(--bot-glow)}to{opacity:1;box-shadow:0 0 16px 6px var(--bot-glow)}}@keyframes eyeBlink{0%,90%,96%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}}@keyframes ringPulse{0%,to{opacity:.12;transform:translate(-50%) scaleY(.3) scale(1)}50%{opacity:.35;transform:translate(-50%) scaleY(.3) scale(1.1)}}.ai-chat-panel{position:fixed;bottom:20px;right:20px;width:420px;max-height:70vh;background:#0d0d1a;border:1px solid rgba(0,204,255,.35);border-radius:18px;box-shadow:0 0 0 1px #00ccff26,0 24px 64px #000000a6,0 0 40px #00ccff26;display:flex;flex-direction:column;overflow:hidden;z-index:9995;opacity:0;pointer-events:none;transform:scale(.3);transform-origin:bottom right;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.ai-chat-panel.open{bottom:20px;right:20px;transform:scale(1);transform-origin:bottom right;opacity:1;pointer-events:all}.ai-chat-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9985;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .4s ease,backdrop-filter .4s ease}.ai-chat-backdrop.open{background:#0000;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.ai-chat-avatar-3d{width:100%;height:120px;background:transparent;border-bottom:none;position:relative;overflow:hidden;flex-shrink:0}.ai-chat-panel-bot{width:100%;height:120px;position:relative;overflow:visible;flex-shrink:0;background:transparent;transform:translateY(-120%);opacity:0}.ai-chat-panel-bot.arrived{animation:botDropFromTop .65s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.05s}@keyframes botDropFromTop{0%{transform:translateY(-120%);opacity:0}25%{opacity:1}60%{transform:translateY(6px);opacity:1}80%{transform:translateY(-3px);opacity:1}to{transform:translateY(0);opacity:1}}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,204,255,.2);background:#00ccff0f;flex-shrink:0}.ai-chat-header-info{display:flex;align-items:center;gap:10px}.ai-chat-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ai-chat-header h3{font-size:.95rem;font-weight:700;color:#e2e8f0;margin:0}.ai-chat-header span{font-size:.72rem;color:#94a3b8;display:block}.ai-chat-beta-badge{font-size:.6rem;font-weight:700;background:#00ccff40;color:#67e8f9;padding:1px 5px;border-radius:4px;border:1px solid rgba(0,204,255,.3);letter-spacing:.5px;display:inline-block!important}.ai-chat-close,.ai-chat-end-session{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.ai-chat-close:hover,.ai-chat-end-session:hover{color:#e2e8f0;background:#ffffff12}.ai-chat-scope-badge{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:.72rem;border-bottom:1px solid rgba(0,204,255,.12);flex-shrink:0}.ai-chat-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:10}.ai-chat-confirm-dialog{background:#1a1a2e;border:1px solid rgba(0,204,255,.3);border-radius:12px;padding:20px;max-width:260px;text-align:center}.ai-chat-confirm-dialog p{color:#cbd5e1;font-size:.82rem;margin-bottom:14px;line-height:1.5}.ai-chat-confirm-actions{display:flex;gap:8px;justify-content:center}.ai-chat-confirm-actions button{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#e2e8f0;font-size:.8rem;cursor:pointer}.ai-chat-confirm-actions button.destructive{background:#ef444433;border-color:#ef444466;color:#fca5a5}.ai-chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(0,204,255,.3) transparent}.ai-chat-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 12px;gap:10px}.ai-chat-empty-icon{width:52px;height:52px;border-radius:16px;background:#00ccff26;display:flex;align-items:center;justify-content:center;color:#22d3ee}.ai-chat-empty h4{color:#e2e8f0;font-size:.95rem;font-weight:600;margin:0}.ai-chat-empty p{color:#64748b;font-size:.78rem;margin:0;line-height:1.5}.ai-chat-bot-intro{display:flex;flex-direction:column;gap:12px;padding:0;align-items:flex-start}.ai-chat-bot-intro .ai-chat-message{margin:0}.ai-chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 0 40px}.ai-chat-suggestion-chip{background:#00ccff14;border:1px solid rgba(0,204,255,.2);color:#22d3ee;padding:6px 12px;border-radius:16px;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-chat-suggestion-chip:hover{background:#00ccff2e;border-color:#0cf6;transform:translateY(-1px);box-shadow:0 2px 8px #00ccff26}.ai-chat-message{display:flex;gap:8px;align-items:flex-start}.ai-chat-message.user{flex-direction:row-reverse}.ai-chat-message-avatar{width:28px;height:28px;border-radius:8px;background:#0cf3;display:flex;align-items:center;justify-content:center;color:#22d3ee;flex-shrink:0}.ai-chat-bot-head{padding:2px;overflow:visible;background:#00ccff14;border-radius:50%;border:1px solid rgba(0,204,255,.2)}.ai-chat-bot-head svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(34,211,238,.5))}.ai-chat-speech-bubble{position:relative}.ai-chat-speech-bubble .ai-chat-message-text{background:#00ccff0f;border:1px solid rgba(0,204,255,.15);border-bottom-left-radius:4px}.ai-chat-speech-bubble:before{content:"";position:absolute;left:-6px;top:10px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(0,204,255,.15)}.ai-chat-speech-bubble:after{content:"";position:absolute;left:-4px;top:11px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(0,204,255,.06)}.ai-chat-message-content{max-width:80%}.ai-chat-message.user .ai-chat-message-content{align-items:flex-end;display:flex;flex-direction:column}.ai-chat-message-text{padding:9px 13px;border-radius:14px;font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ai-chat-message.user .ai-chat-message-text{background:#00ccff40;border:1px solid rgba(0,204,255,.35);color:#e2e8f0;border-bottom-right-radius:4px}.ai-chat-message.assistant .ai-chat-message-text{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;border-bottom-left-radius:4px}.ai-chat-typing{display:flex;gap:4px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 4px}.ai-chat-typing span{width:6px;height:6px;border-radius:50%;background:#22d3ee;animation:typingDot 1.2s ease-in-out infinite}.ai-chat-typing span:nth-child(2){animation-delay:.2s}.ai-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}.ai-chat-sources{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ai-chat-source{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#00ccff1a;border:1px solid rgba(0,204,255,.25);border-radius:6px;color:#67e8f9;font-size:.7rem;cursor:pointer;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s}.ai-chat-source:hover{background:#0cf3}.ai-chat-source.web{border-color:#06b6d44d;color:#67e8f9;background:#06b6d414}.ai-chat-input-area{padding:10px 12px 12px;border-top:1px solid rgba(0,204,255,.15);background:#0003;flex-shrink:0}.ai-chat-input-container{display:flex;align-items:flex-end;gap:6px;background:#ffffff0a;border:1px solid rgba(0,204,255,.25);border-radius:12px;padding:8px 10px;transition:border-color .2s}.ai-chat-input-container:focus-within{border-color:#00ccff8c}.ai-chat-input-container textarea{flex:1;background:none;border:none;outline:none;color:#e2e8f0;font-size:.83rem;resize:none;line-height:1.45;max-height:120px;overflow-y:auto;font-family:inherit}.ai-chat-input-container textarea::-moz-placeholder{color:#475569}.ai-chat-input-container textarea::placeholder{color:#475569}.ai-chat-send,.ai-chat-web-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#64748b;flex-shrink:0}.ai-chat-send:not(:disabled):hover{color:#22d3ee;background:#00ccff26}.ai-chat-send:disabled{opacity:.35;cursor:not-allowed}.ai-chat-web-toggle.active{color:#67e8f9;background:#06b6d41f}.ai-chat-powered{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:0 2px;font-size:.68rem;color:#475569}.ai-chat-support-link{background:none;border:none;color:#475569;font-size:.68rem;cursor:pointer;display:flex;align-items:center;gap:3px;padding:2px 4px;border-radius:4px;transition:color .15s}.ai-chat-support-link:hover{color:#94a3b8}.content-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border-default);background:var(--bg-elevated);overflow:hidden}.content-tab{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:all .2s}.content-tab:hover{color:var(--text-tertiary)}.content-tab.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}@media (max-width: 640px){.content-tabs{padding:0 8px}.content-tab{padding:12px 10px}.tab-label{display:none}}.generated-guide{padding:0}.guide-header{margin-bottom:32px}.guide-header h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.guide-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.guide-time{color:var(--text-muted);font-size:14px}.guide-description{color:var(--text-tertiary);font-size:15px;line-height:1.6;margin:0}.guide-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-default)}.guide-section:last-child{border-bottom:none}.guide-section h4{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.guide-section h4:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--accent-purple),var(--accent-purple-hover));border-radius:2px}.prereq-item{margin-bottom:20px;padding:16px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-default)}.prereq-item strong{display:block;color:var(--text-secondary);font-size:15px;margin-bottom:6px}.prereq-item>p{color:var(--text-tertiary);font-size:14px;margin:0 0 12px}.code-block{display:flex;align-items:center;gap:8px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:10px 14px;margin-top:8px}.code-block code{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#22c55e;word-break:break-all}.code-block.verify{background:#22c55e0d;border-color:#22c55e33}.code-block .verify-label{color:#22c55e;font-size:12px;font-weight:500}.copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--border-default);color:var(--text-tertiary);border-color:var(--text-faint)}.code-block-large{background:var(--bg-base);border:1px solid var(--border-default);border-radius:10px;overflow:hidden;margin-top:12px}.code-block-large .code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.code-block-large .code-header span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.code-block-large pre{margin:0;padding:16px;overflow-x:auto}.code-block-large code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:var(--text-secondary);line-height:1.6}.setup-item{margin-bottom:16px}.setup-item strong{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.setup-notes{color:var(--text-muted);font-size:13px;font-style:italic;margin:8px 0 0}.guide-step{margin-bottom:28px;padding:20px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-default)}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));border-radius:50%;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.step-title{font-size:16px;font-weight:600;color:var(--text-primary)}.step-description{color:var(--text-tertiary);font-size:14px;line-height:1.6;margin:0 0 16px}.step-commands{margin-top:12px}.step-code{margin-top:16px}.expected-output{margin-top:12px;padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:var(--text-tertiary);font-size:13px}.expected-output strong{color:#22c55e}.troubleshooting{margin-top:16px;padding:12px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.troubleshooting strong{display:block;color:#ef4444;font-size:13px;margin-bottom:8px}.troubleshoot-item{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(239,68,68,.1)}.troubleshoot-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.troubleshoot-item .issue{color:#fca5a5;font-size:13px;font-weight:500}.troubleshoot-item .solution{color:var(--text-tertiary);font-size:13px}.resources-list{list-style:none;padding:0;margin:0}.resources-list li{padding:8px 0;border-bottom:1px solid var(--border-default)}.resources-list li:last-child{border-bottom:none}.resources-list a{color:var(--accent-purple);text-decoration:none}.resources-list a:hover{text-decoration:underline}.guide-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:12px}.guide-upgrade-hint{color:var(--text-muted);font-size:13px;margin:0}.upgrade-link{background:none;border:none;color:var(--accent-purple);cursor:pointer;font-size:13px;margin-left:4px;padding:0;text-decoration:underline}.upgrade-link:hover{color:#67e8f9}.tools-list{display:flex;flex-direction:column;gap:12px}.tool-item{padding:16px;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-default)}.tool-item strong{color:var(--text-secondary);font-size:15px}.tool-item p{color:var(--text-tertiary);font-size:14px;margin:8px 0}.tool-link{color:var(--accent-purple);font-size:13px;text-decoration:none}.tool-link:hover{text-decoration:underline}.method-item{margin-bottom:16px;padding:16px;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-default)}.method-item strong{color:var(--text-secondary);font-size:15px}.method-steps{margin:12px 0 0;padding-left:24px;color:var(--text-tertiary);font-size:14px}.method-steps li{margin-bottom:6px}.landing-page{min-height:100vh;background:var(--bg-base);overflow-x:hidden}.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#09090bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(39,39,42,.5)}.landing-navbar-inner{max-width:100%;margin:0;padding:0 16px;height:64px;display:flex;align-items:center;justify-content:space-between}.landing-navbar-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);text-decoration:none}.landing-navbar-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));display:flex;align-items:center;justify-content:center;color:#fff}.landing-navbar-links{display:flex;gap:8px}.landing-navbar-link{padding:8px 16px;border-radius:8px;background:transparent;border:none;color:var(--text-tertiary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.landing-navbar-link:hover,.landing-navbar-link.active{color:var(--text-primary);background:var(--bg-overlay-hover)}.landing-navbar-auth{display:flex;gap:8px;align-items:center}.landing-navbar-hamburger{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px}.landing-navbar-mobile{display:none;flex-direction:column;gap:8px;padding:16px 24px 24px;border-top:1px solid var(--border-default);background:#09090bf2}.landing-navbar-mobile-link{padding:12px 16px;border-radius:8px;background:transparent;border:none;color:var(--text-tertiary);font-size:16px;text-align:left;cursor:pointer;transition:all .2s}.landing-navbar-mobile-link:hover{color:var(--text-primary);background:var(--bg-overlay-hover)}.landing-navbar-mobile-divider{height:1px;background:var(--border-default);margin:8px 0}.landing-hero{position:relative;padding:160px 24px 80px;text-align:center;overflow:hidden}.landing-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.landing-hero-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 85% 75%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 15% 80%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 60% 90%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 90% 15%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 40% 45%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 25% 35%,rgba(255,255,255,.3) 50%,transparent 50%);animation:starTwinkle 4s ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.landing-hero-nebula{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:nebulaDrift 20s ease-in-out infinite alternate}.landing-hero-nebula-1{width:700px;height:700px;background:linear-gradient(135deg,#0ad,#06b6d4);top:-300px;left:20%}.landing-hero-nebula-2{width:500px;height:500px;background:linear-gradient(135deg,#ec4899,#0cf);bottom:-200px;right:10%;animation-delay:-10s}@keyframes nebulaDrift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.1)}}.landing-hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25}.landing-hero-glow-1{width:600px;height:600px;background:var(--accent-purple);top:-200px;left:50%;transform:translate(-70%)}.landing-hero-glow-2{width:500px;height:500px;background:var(--accent-cyan);top:-100px;left:50%;transform:translate(20%)}.landing-hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--bg-overlay) 1px,transparent 1px),linear-gradient(90deg,var(--bg-overlay) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.landing-hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,var(--bg-base) 100%)}.landing-hero-content{position:relative;max-width:800px;margin:0 auto}.landing-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#00ccff26;border:1px solid rgba(0,204,255,.3);border-radius:100px;color:#67e8f9;font-size:13px;font-weight:500;margin-bottom:24px}.landing-hero-title{font-size:64px;font-weight:800;line-height:1.1;color:var(--text-primary);margin:0 0 24px;letter-spacing:-.03em}.landing-hero-subtitle{font-size:18px;line-height:1.6;color:var(--text-tertiary);max-width:600px;margin:0 auto 40px}.landing-hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-float{animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.google-signin-alert{position:fixed;top:72px;right:16px;z-index:99;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #00000080;animation:slideInRight .35s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.google-signin-alert-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.google-signin-alert-close:hover{color:var(--text-tertiary)}.google-signin-alert-text{color:var(--text-tertiary);font-size:13px;margin:0 0 12px;padding-right:16px}.google-signin-alert-btn{display:flex;justify-content:center}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}.landing-plan-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:14px;padding:24px;display:flex;flex-direction:column;position:relative;transition:border-color .2s}.landing-plan-card:hover{border-color:var(--border-strong)}.landing-plan-card.popular{border-color:var(--accent-purple);box-shadow:0 0 20px #00ccff26}.landing-plan-popular{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;font-size:11px;font-weight:600;padding:3px 12px;border-radius:99px;display:flex;align-items:center;gap:4px;white-space:nowrap}.landing-plan-card h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.landing-plan-price{display:flex;align-items:baseline;margin-bottom:16px}.landing-plan-currency{color:var(--text-tertiary);font-size:18px;font-weight:500}.landing-plan-amount{color:var(--text-primary);font-size:36px;font-weight:700;line-height:1}.landing-plan-period{color:var(--text-muted);font-size:14px;margin-left:2px}.landing-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;flex:1}.landing-plan-features li{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:13px}@media (max-width: 900px){.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.landing-pricing-grid{grid-template-columns:1fr}}.support-chat-widget{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.support-chat-fab-wrap{display:flex;align-items:center;gap:10px}.support-chat-bubble{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:8px 14px;color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:0 4px 16px #0000004d;position:relative;animation:fadeIn .3s ease}.support-chat-bubble:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--border-default)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.support-chat-fab{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0cf6;transition:transform .2s,box-shadow .2s}.support-chat-fab:hover{transform:scale(1.05);box-shadow:0 6px 28px #00ccff80}.support-chat-panel{width:340px;max-height:520px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:14px;box-shadow:0 12px 40px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.support-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:15px;font-weight:600}.support-chat-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:4px}.support-chat-header button:hover{color:var(--text-tertiary)}.support-chat-form{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.support-chat-field label{display:block;color:var(--text-tertiary);font-size:12px;font-weight:500;margin-bottom:4px}.support-chat-select{width:100%;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .2s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.support-chat-select:focus{outline:none;border-color:var(--accent-purple)}.support-chat-textarea{width:100%;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s}.support-chat-textarea:focus{outline:none;border-color:var(--accent-purple)}.support-chat-sent{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.support-chat-sent p{color:var(--text-tertiary);font-size:14px;margin:0}.landing-hero-google-divider{margin-top:20px;font-size:13px;color:var(--text-faint);text-align:center}.landing-hero-google-btn{display:flex;justify-content:center;margin-top:10px}.landing-hero-note{margin-top:16px;font-size:13px;color:var(--text-faint)}.landing-hero-preview{position:relative;max-width:900px;margin:60px auto 0;perspective:1000px}.landing-hero-preview-window{background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;box-shadow:0 32px 64px #00000080,0 0 0 1px #00ccff1a}.landing-hero-preview-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.landing-hero-preview-dots{display:flex;gap:6px}.landing-hero-preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.landing-hero-preview-dots span:first-child{background:#ef4444}.landing-hero-preview-dots span:nth-child(2){background:#eab308}.landing-hero-preview-dots span:nth-child(3){background:#22c55e}.landing-hero-preview-url{flex:1;text-align:center;font-size:12px;color:var(--text-faint);background:var(--bg-base);padding:4px 16px;border-radius:6px}.landing-hero-preview-body{display:flex;min-height:280px}.landing-preview-sidebar{width:160px;padding:16px 12px;border-right:1px solid var(--bg-hover);flex-shrink:0}.landing-preview-logo{font-size:13px;font-weight:600;color:#fff;padding:8px 12px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border-radius:8px;text-align:center;margin-bottom:16px}.landing-preview-nav-item{padding:8px 12px;border-radius:6px;font-size:12px;color:var(--text-muted);margin-bottom:4px}.landing-preview-nav-item.active{background:#00ccff26;color:var(--accent-purple)}.landing-preview-main{flex:1;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.landing-preview-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.landing-preview-card-thumb{height:80px;background:linear-gradient(135deg,var(--bg-hover) 0%,var(--border-default) 100%)}.landing-preview-card-info{padding:10px}.landing-preview-card-title{height:10px;width:80%;background:var(--border-default);border-radius:4px;margin-bottom:6px}.landing-preview-card-meta{height:8px;width:50%;background:var(--bg-hover);border-radius:4px;margin-bottom:8px}.landing-preview-card-tags{display:flex;gap:4px}.landing-preview-card-tags span{padding:2px 8px;font-size:10px;background:#00ccff26;color:#67e8f9;border-radius:4px}.landing-audience{padding:48px 24px 0;text-align:center}.landing-audience-label{font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}.landing-audience-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:700px;margin:0 auto}.landing-audience-chip{padding:6px 18px;border-radius:100px;background:#00ccff14;border:1px solid rgba(0,204,255,.2);color:var(--text-tertiary);font-size:13px;font-weight:500;transition:all .2s}.landing-audience-chip:hover{background:#00ccff26;color:#67e8f9;border-color:#0cf6}.landing-stats{border-top:1px solid var(--bg-hover);border-bottom:1px solid var(--bg-hover);background:#00ccff08;position:relative}.landing-stats:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(0,204,255,.06),transparent 70%);pointer-events:none}.landing-stats-inner{max-width:1000px;margin:0 auto;padding:48px 24px;display:flex;justify-content:center;gap:64px;position:relative}.landing-stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.landing-stat-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#67e8f9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.landing-stat-label{font-size:14px;color:var(--text-muted)}.landing-section{padding:96px 24px}.landing-section-dark{background:#ffffff05;border-top:1px solid var(--bg-hover);border-bottom:1px solid var(--bg-hover)}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:56px}.landing-section-header h2{font-size:36px;font-weight:800;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.02em}.landing-section-header p{font-size:16px;color:var(--text-muted);margin:0}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-feature-card{padding:32px;background:var(--bg-base);border:1px solid var(--bg-hover);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.landing-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#00ccff80,#06b6d480);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.landing-feature-card:hover:before{opacity:1}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000004d}.landing-feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.landing-feature-card h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.landing-feature-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.landing-showcase{background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #00ccff14}.landing-showcase-chrome{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.landing-showcase-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.landing-showcase-dot:first-child{background:#ef4444}.landing-showcase-dot:nth-child(2){background:#eab308}.landing-showcase-dot:nth-child(3){background:#22c55e}.landing-showcase-url{flex:1;text-align:center;font-size:12px;color:var(--text-faint);background:var(--bg-base);padding:4px 16px;border-radius:6px}.landing-showcase-body{display:grid;grid-template-columns:180px 1fr 280px;min-height:360px}.landing-showcase-sidebar{padding:16px 12px;border-right:1px solid var(--bg-hover)}.landing-showcase-sb-logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-showcase-sb-item{padding:8px 12px;border-radius:6px;font-size:12px;color:var(--text-muted);margin-bottom:4px}.landing-showcase-sb-item.active{background:#00ccff26;color:var(--accent-purple)}.landing-showcase-main{padding:16px;display:flex;flex-direction:column;gap:12px}.landing-showcase-toolbar{display:flex;flex-direction:column;gap:8px}.landing-showcase-search-bar{padding:8px 14px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-default);font-size:12px;color:var(--text-faint)}.landing-showcase-tags{display:flex;gap:6px}.landing-showcase-tags span{padding:3px 10px;border-radius:6px;font-size:11px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-default)}.landing-showcase-tags span.active{background:#00ccff26;color:var(--accent-purple);border-color:#00ccff4d}.landing-showcase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.landing-showcase-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.landing-showcase-card.active{border-color:var(--accent-purple);box-shadow:0 0 12px #00ccff26}.landing-showcase-card-thumb{height:60px;background:linear-gradient(135deg,var(--bg-hover),var(--border-default))}.landing-showcase-card-body{padding:8px}.landing-showcase-card-title{height:8px;width:80%;background:var(--border-default);border-radius:4px;margin-bottom:6px}.landing-showcase-card-meta{height:6px;width:50%;background:var(--bg-hover);border-radius:4px}.landing-showcase-detail{border-left:1px solid var(--bg-hover);display:flex;flex-direction:column}.landing-showcase-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default)}.landing-showcase-detail-tabs span{padding:10px 16px;font-size:11px;color:var(--text-muted);border-bottom:2px solid transparent}.landing-showcase-detail-tabs span.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.landing-showcase-detail-body{padding:16px;display:flex;flex-direction:column;gap:10px}.landing-showcase-skel{height:8px;width:100%;background:var(--bg-hover);border-radius:4px}.landing-showcase-skel.med{width:70%}.landing-showcase-skel.short{width:45%}.landing-breakdowns{display:flex;flex-direction:column;gap:56px}.landing-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.landing-breakdown.reverse{direction:rtl}.landing-breakdown.reverse>*{direction:ltr}.landing-breakdown-text{display:flex;flex-direction:column;gap:12px}.landing-breakdown-tag{display:inline-block;padding:4px 14px;border-radius:100px;font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content}.landing-breakdown-tag.tag-orange{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.landing-breakdown-tag.tag-purple{background:#00ccff26;color:#67e8f9;border:1px solid rgba(0,204,255,.3)}.landing-breakdown-tag.tag-cyan{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.landing-breakdown-tag.tag-pink{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.landing-breakdown-text h3{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.landing-breakdown-text p{font-size:15px;color:var(--text-muted);line-height:1.6;margin:0}.landing-breakdown-checks{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.landing-breakdown-checks li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-tertiary)}.landing-breakdown-mockup{display:flex;justify-content:center}.feat-mockup{background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;width:100%;max-width:480px;box-shadow:0 8px 32px #0000004d}.feat-mockup--vision{display:grid;grid-template-columns:1fr 160px}.feat-mockup__video-frame{border-right:1px solid var(--border-default)}.feat-mockup__video-bar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-default)}.feat-mockup__dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.feat-mockup__video-canvas{padding:20px 16px;min-height:160px;position:relative;background:linear-gradient(135deg,#27272a80,#18181bcc)}.feat-mockup__bbox{border:2px dashed rgba(249,115,22,.6);border-radius:6px;padding:6px 10px;font-size:10px;color:#fb923c;background:#f9731614;display:inline-block;margin-bottom:12px}.feat-mockup__bbox--2{border-color:#06b6d499;color:#22d3ee;background:#06b6d414;display:block;width:-moz-fit-content;width:fit-content}.feat-mockup__scene-line{height:6px;width:80%;background:var(--bg-hover);border-radius:3px;margin-top:10px}.feat-mockup__scene-line.short{width:50%;margin-top:6px}.feat-mockup__sidebar{padding:12px}.feat-mockup__sidebar-title{font-size:10px;font-weight:600;color:var(--text-tertiary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.feat-mockup__sidebar-line{height:6px;width:100%;background:var(--bg-hover);border-radius:3px;margin-bottom:6px}.feat-mockup__sidebar-line.med{width:75%}.feat-mockup__sidebar-line.short{width:50%}.feat-mockup--notes{display:flex;flex-direction:column}.feat-mockup__notes-header{padding:14px 16px;border-bottom:1px solid var(--border-default)}.feat-mockup__notes-tag{display:inline-block;padding:3px 10px;border-radius:6px;background:#00ccff26;color:#67e8f9;font-size:10px;font-weight:600;margin-bottom:10px}.feat-mockup__notes-line{height:6px;width:100%;background:var(--bg-hover);border-radius:3px;margin-bottom:6px}.feat-mockup__notes-line.med{width:70%}.feat-mockup__notes-line.short{width:45%}.feat-mockup__notes-body{padding:14px 16px;display:flex;flex-direction:column;gap:16px}.feat-mockup__notes-label{font-size:10px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.feat-mockup__notes-bullet{display:flex;align-items:center;gap:8px;margin-bottom:6px}.feat-mockup__bullet-dot{width:6px;height:6px;border-radius:50%;background:#67e8f9;flex-shrink:0}.feat-mockup__ts-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.feat-mockup__ts-badge{padding:2px 8px;border-radius:4px;background:#00ccff1f;color:#67e8f9;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0}.feat-mockup--search{display:flex;flex-direction:column}.feat-mockup__search-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-default)}.feat-mockup__search-icon{font-size:14px;flex-shrink:0}.feat-mockup__search-text{font-size:12px;color:var(--text-tertiary)}.feat-mockup__search-results{padding:12px;display:flex;flex-direction:column;gap:10px}.feat-mockup__search-card{padding:10px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-elevated)}.feat-mockup__search-card-title{height:8px;width:70%;background:var(--border-default);border-radius:4px;margin-bottom:8px}.feat-mockup__search-card-title.shorter{width:55%}.feat-mockup__search-highlight{height:6px;width:90%;background:#06b6d433;border-radius:3px;border-left:2px solid #22d3ee;margin-bottom:8px}.feat-mockup__search-highlight.shorter{width:70%}.feat-mockup__search-highlight.med{width:80%}.feat-mockup__search-meta{display:flex;align-items:center;gap:8px}.feat-mockup__search-score{font-size:10px;color:#22d3ee;font-weight:500}.feat-mockup--tools{display:flex;flex-direction:column}.feat-mockup__tools-gen{padding:14px 16px;border-bottom:1px solid var(--border-default)}.feat-mockup__tools-gen-label{font-size:11px;color:var(--text-tertiary);margin-bottom:8px}.feat-mockup__tools-progress{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.feat-mockup__tools-progress-bar{height:100%;width:65%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:2px;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.6}}.feat-mockup__tools-cards{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.feat-mockup__flashcard{padding:12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-elevated)}.feat-mockup__flashcard--answer{border-color:#00ccff4d;background:#00ccff0d}.feat-mockup__flashcard-label{font-size:10px;font-weight:700;color:var(--accent-purple);margin-bottom:8px}.landing-steps-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}.landing-step-card{padding:32px 28px;background:var(--bg-base);border:1px solid var(--bg-hover);border-radius:16px;text-align:center;transition:all .3s;position:relative}.landing-step-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));opacity:0;transition:opacity .3s}.landing-step-card:hover:before{opacity:1}.landing-step-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.landing-step-card-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.landing-step-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.landing-step-card p{font-size:14px;color:var(--text-muted);line-height:1.5;margin:0}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}.landing-testimonial-card{padding:28px;background:var(--bg-base);border:1px solid var(--bg-hover);border-radius:16px;position:relative;overflow:hidden}.landing-testimonial-quote-mark{position:absolute;top:8px;right:16px;font-size:64px;font-weight:800;color:#00ccff14;line-height:1;pointer-events:none}.landing-testimonial-stars{display:flex;gap:2px;margin-bottom:16px}.landing-testimonial-card>p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 20px;font-style:italic}.landing-testimonial-author{display:flex;align-items:center;gap:12px}.landing-testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:16px}.landing-testimonial-name{font-size:14px;font-weight:600;color:var(--text-primary)}.landing-testimonial-role{font-size:12px;color:var(--text-muted)}.landing-pricing-wrap{position:relative}.landing-pricing-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(0,204,255,.08),transparent 70%);pointer-events:none}.landing-plan-amount{font-size:48px}.landing-plan-card.popular{transform:scale(1.03);border-color:transparent;background:var(--bg-elevated);box-shadow:0 0 0 1px #0cf6,0 0 24px #00ccff26}.landing-cta{padding:120px 24px;text-align:center;position:relative;overflow:hidden}.landing-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-cta-inner{max-width:700px;margin:0 auto;position:relative}.landing-cta h2{font-size:40px;font-weight:800;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.02em;line-height:1.2}.landing-cta p{font-size:17px;color:var(--text-muted);margin:0 0 36px}.landing-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-cta-features{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:24px}.landing-cta-features span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.landing-faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.landing-faq-item{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;overflow:hidden;transition:border-color .2s}.landing-faq-item[open]{border-color:var(--border-strong)}.landing-faq-item summary{padding:16px 20px;color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";color:var(--text-muted);font-size:20px;font-weight:300;transition:transform .2s}.landing-faq-item[open] summary:after{content:"−"}.landing-faq-item p{padding:0 20px 16px;color:var(--text-tertiary);font-size:14px;line-height:1.6;margin:0}.landing-faq-contact{text-align:center;margin-top:24px;color:var(--text-muted);font-size:14px}.landing-faq-contact a{color:var(--accent-purple);text-decoration:none}.landing-faq-contact a:hover{text-decoration:underline}.landing-faq-chat-link{background:none;border:none;color:var(--accent-purple);font-size:inherit;font-family:inherit;cursor:pointer;padding:0;text-decoration:none}.landing-faq-chat-link:hover{text-decoration:underline}.landing-footer-v2{border-top:1px solid var(--bg-hover);padding:64px 24px 0}.landing-footer-v2-inner{max-width:1100px;margin:0 auto}.landing-footer-v2-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}.landing-footer-v2-brand{display:flex;flex-direction:column;gap:12px}.landing-footer-v2-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary)}.landing-footer-v2-brand p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0;max-width:280px}.landing-footer-v2-col{display:flex;flex-direction:column;gap:8px}.landing-footer-v2-col h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.landing-footer-v2-col a,.landing-footer-link-btn{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .2s;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.landing-footer-v2-col a:hover,.landing-footer-link-btn:hover{color:var(--text-primary)}.landing-footer-v2-bottom{border-top:1px solid var(--bg-hover);padding:20px 0;text-align:center}.landing-footer-v2-bottom span{font-size:12px;color:var(--border-strong)}.empty-state-enhanced{padding:48px 24px;max-width:700px;margin:0 auto}.empty-state-header{text-align:center;margin-bottom:40px}.empty-state-icon-wrapper{width:72px;height:72px;border-radius:20px;background:#00ccff1a;border:1px solid rgba(0,204,255,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty-state-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.empty-state-header p{font-size:15px;color:var(--text-muted);margin:0;line-height:1.5}.quick-start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}.quick-start-step{text-align:center;padding:28px 16px;background:#ffffff05;border:none;border-radius:14px;position:relative}.quick-start-step-number{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.quick-start-step-icon{width:40px;height:40px;border-radius:10px;background:#00ccff1a;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#67e8f9}.quick-start-step h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.quick-start-step p{font-size:12px;color:var(--text-muted);line-height:1.4;margin:0}.empty-state-cta{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.empty-state-section{margin-top:32px}.empty-state-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-bottom:16px;text-align:center}.empty-state-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.empty-state-template{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-base);border:1px solid var(--bg-hover);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.empty-state-template:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.empty-state-template-icon{font-size:24px;flex-shrink:0}.empty-state-template-label{font-size:14px;font-weight:500;color:var(--text-primary);display:block}.empty-state-template-desc{font-size:11px;color:var(--text-faint);display:block}.empty-state-searches{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.empty-state-search-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:100px;color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .2s}.empty-state-search-chip:hover{border-color:var(--accent-purple);color:var(--text-primary)}.search-card{background:#141418;border:1px solid var(--bg-overlay);border-radius:16px;overflow:hidden;margin-bottom:28px;box-shadow:0 2px 12px #00000026}.search-card-header{padding:24px 28px 0}.search-card-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.search-card-subtitle{font-size:14px;color:var(--text-faint);margin:0}.search-card-body{padding:20px 28px 24px}.search-input-wrapper{position:relative;flex:1}.search-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-faint);pointer-events:none}.search-input-large{width:100%;padding:14px 16px 14px 48px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover);border-radius:12px;color:var(--text-primary);font-size:16px;transition:all .2s}.search-input-large:focus{outline:none;border-color:#0cf6;box-shadow:0 0 0 3px #00ccff14;background:var(--bg-overlay)}.search-input-large:disabled{opacity:.6;cursor:not-allowed}.search-input-large::-moz-placeholder{color:var(--border-strong)}.search-input-large::placeholder{color:var(--border-strong)}.search-btn-primary{height:50px;padding:0 24px!important;font-size:15px!important;border-radius:12px!important;flex-shrink:0}.search-advanced-toggle{display:flex;align-items:center;gap:8px;padding:0;margin-top:12px;background:transparent;border:none;color:var(--text-faint);font-size:13px;cursor:pointer;transition:color .2s}.search-advanced-toggle:hover{color:var(--text-tertiary)}.search-advanced-chevron{font-size:10px;transition:transform .2s}.search-advanced-chevron.open{transform:rotate(180deg)}.search-settings-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--bg-hover)}.search-settings-body{display:flex;gap:24px;flex-wrap:wrap}.search-setting-item{display:flex;flex-direction:column;gap:8px}.search-setting-item label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary);font-weight:500}.search-setting-hint{cursor:help;color:var(--text-faint);display:inline-flex}.search-setting-item select{padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:13px}.search-setting-toggle-row{display:flex;align-items:center;gap:8px}.search-status{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--text-tertiary);font-size:14px}.search-empty-state{text-align:center;padding:64px 24px;max-width:440px;margin:0 auto}.search-empty-icon{width:56px;height:56px;border-radius:16px;background:#00ccff14;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent-purple)}.search-empty-state h3{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.search-empty-state p{font-size:14px;color:var(--text-muted);margin:0 0 28px;line-height:1.6}.search-suggestions{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.search-suggestions-label{font-size:13px;color:var(--text-faint)}.search-suggestion-chip{padding:6px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:100px;color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .2s}.search-suggestion-chip:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#00ccff1a}.sidebar-mobile-toggle{display:none;position:fixed;top:70px;left:12px;z-index:51;width:40px;height:40px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:49}@media (max-width: 1024px){.landing-hero-title{font-size:42px}.landing-features-grid,.landing-usecases-grid,.landing-testimonials-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.landing-stats-inner{gap:40px}.landing-preview-main{grid-template-columns:repeat(2,1fr)}.landing-preview-card:last-child{display:none}}@media (max-width: 1024px){.landing-showcase-body{grid-template-columns:180px 1fr}.landing-showcase-detail{display:none}.landing-breakdown{gap:32px}.landing-footer-v2-grid{grid-template-columns:1fr 1fr;gap:32px}.landing-footer-v2-brand{grid-column:1 / -1}}@media (max-width: 768px){.landing-navbar-links,.landing-navbar-auth{display:none}.landing-navbar-hamburger,.landing-navbar-mobile{display:flex}.landing-hero{padding:120px 20px 60px}.landing-hero-title{font-size:32px}.landing-hero-subtitle{font-size:16px}.landing-hero-ctas{flex-direction:column;align-items:center}.landing-hero-ctas button{width:100%;max-width:300px}.hero-float{animation:none}.landing-hero-preview{margin-top:40px}.landing-preview-sidebar{display:none}.landing-preview-main{grid-template-columns:1fr}.landing-preview-card:nth-child(3){display:none}.landing-audience-chips{gap:8px}.landing-stats-inner{flex-wrap:wrap;gap:24px 40px;justify-content:center}.landing-features-grid,.landing-showcase-body{grid-template-columns:1fr}.landing-showcase-sidebar,.landing-showcase-detail{display:none}.landing-showcase-cards{grid-template-columns:repeat(2,1fr)}.landing-breakdown{grid-template-columns:1fr;gap:32px}.landing-breakdown.reverse{direction:ltr}.feat-mockup--vision{grid-template-columns:1fr}.feat-mockup__video-frame{border-right:none;border-bottom:1px solid var(--border-default)}.landing-steps-v2{grid-template-columns:1fr;max-width:400px}.landing-testimonials-grid{grid-template-columns:1fr}.landing-section{padding:64px 20px}.landing-section-header h2{font-size:28px}.landing-cta{padding:80px 20px}.landing-cta h2{font-size:28px}.landing-cta-buttons,.landing-cta-features{flex-direction:column;align-items:center}.landing-footer-v2-grid{grid-template-columns:1fr;gap:32px}.sidebar-mobile-toggle{display:flex}.sidebar-backdrop{display:block}.sidebar{position:fixed;top:60px;left:-220px;bottom:0;z-index:50;width:200px;height:auto;transition:left .3s ease;overflow-y:auto}.sidebar.sidebar-mobile-open{left:0}.main-content{padding:24px 16px 32px}.quick-start-steps{grid-template-columns:1fr;gap:16px}.empty-state-templates{grid-template-columns:1fr}.empty-state-cta{flex-direction:column;align-items:center}.library-grid,.yt-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:12px;align-items:flex-start}.search-card-header{padding:16px 16px 0}.search-card-body{padding:16px}.search-bar{flex-wrap:wrap}.search-input-large{font-size:15px;padding:12px 12px 12px 44px}.search-btn-primary{width:100%;height:44px}.search-settings-body{flex-direction:column}}@media (max-width: 640px){.app-topnav-btn-label,.app-topnav-user-name,.app-topnav-plan-pill{display:none}.app-topnav{padding:0 12px}}@media (max-width: 480px){.landing-hero-title,.landing-stat-value{font-size:28px}.main-content{padding:20px 12px 24px}.page-title{font-size:20px}.search-bar{gap:8px}.mode-filter-tabs{gap:4px}.mode-filter-tab{padding:6px 10px;font-size:12px}}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base);color:var(--text-primary);text-align:center;padding:2rem}.not-found-content{max-width:480px}.not-found-code{font-size:8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent-purple),#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.not-found-message{font-size:1.125rem;color:var(--text-tertiary);margin-bottom:2rem}.not-found-link{display:inline-block;padding:.75rem 2rem;background:var(--accent-purple);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s}.not-found-link:hover{background:var(--accent-purple-hover)}.legal-page{padding:6rem 1.5rem 4rem;min-height:100vh}.legal-container{max-width:720px;margin:0 auto;color:var(--text-secondary)}.legal-container h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.legal-intro{font-size:1.125rem;color:var(--text-tertiary);margin-bottom:2.5rem}.legal-updated{font-size:.875rem;color:var(--text-muted);margin-bottom:2.5rem}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.legal-container p{line-height:1.7;margin-bottom:.75rem}.legal-container ul{padding-left:1.25rem;margin-bottom:.75rem}.legal-container li{line-height:1.7;margin-bottom:.375rem}.legal-container a{color:#67e8f9;text-decoration:underline;text-underline-offset:2px}.legal-container a:hover{color:#a5f3fc}.faq-list{margin-bottom:3rem}.faq-item{border-bottom:1px solid var(--border-default);padding:1rem 0}.faq-item summary{font-size:1.0625rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;padding-right:1.5rem;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:0;font-size:1.25rem;color:#67e8f9;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:.75rem;color:var(--text-tertiary);line-height:1.7}.contact-bubble-trigger{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0cf6;transition:transform .2s,box-shadow .2s}.contact-bubble-trigger:hover{transform:scale(1.08);box-shadow:0 6px 28px #00ccff80}.contact-bubble-panel{position:fixed;bottom:5.5rem;right:1.5rem;z-index:1000;width:380px;max-height:calc(100vh - 8rem);overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 12px 40px #00000080;animation:bubbleSlideUp .25s ease-out}@keyframes bubbleSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contact-bubble-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border-default)}.contact-bubble-header h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.contact-bubble-header p{font-size:.8125rem;color:var(--text-muted);margin:0}.contact-bubble-form{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.contact-bubble-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.contact-bubble-field{display:flex;flex-direction:column;gap:.25rem}.contact-bubble-field label{font-size:.8125rem;font-weight:500;color:var(--text-tertiary)}.contact-bubble-select{width:100%;padding:.5rem .75rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer;transition:border-color .2s}.contact-bubble-select:focus{outline:none;border-color:var(--accent-purple)}.contact-bubble-textarea{width:100%;padding:.5rem .75rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.contact-bubble-textarea:focus{outline:none;border-color:var(--accent-purple)}.contact-bubble-textarea::-moz-placeholder{color:var(--text-faint)}.contact-bubble-textarea::placeholder{color:var(--text-faint)}.contact-bubble-success{padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.contact-bubble-success h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.contact-bubble-success p{font-size:.875rem;color:var(--text-tertiary);margin:0}@media (max-width: 480px){.contact-bubble-panel{right:.75rem;left:.75rem;width:auto;bottom:5rem}.contact-bubble-trigger{bottom:1rem;right:1rem;width:48px;height:48px}}.pricing-header h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:1.5rem}.terms-agreement{font-size:.8125rem;color:var(--text-muted);text-align:center;margin-top:1rem;line-height:1.5}.terms-agreement a{color:#67e8f9;text-decoration:underline;text-underline-offset:2px}.terms-agreement a:hover{color:#a5f3fc}.timestamp-link{display:inline-flex;align-items:center;gap:.25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;background:#00ccff26;color:#67e8f9;text-decoration:none;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;vertical-align:middle}.timestamp-link:hover{background:#00ccff4d;color:#a5f3fc}.timestamp-link-static{cursor:default}.timestamp-link-static:hover{background:#00ccff26;color:#67e8f9}button.timestamp-link{border:none;font:inherit;cursor:pointer}.youtube-embed-container{background:var(--bg-elevated);border-radius:10px;overflow:hidden}.youtube-embed-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;max-height:300px;margin:0;overflow:hidden;background:#000}.youtube-embed-wrapper iframe,.youtube-embed-iframe,.youtube-embed-iframe-inner{position:absolute;top:0;left:0;width:100%!important;height:100%!important}@media (max-width: 768px){.youtube-embed-wrapper{max-width:100%}}.breakdown-youtube-layout.video-active{display:grid;grid-template-columns:40% 1fr;gap:24px}.breakdown-col-analysis{min-width:0}.breakdown-col-video{position:sticky;top:0;align-self:start;height:-moz-fit-content;height:fit-content;z-index:5;border-radius:10px;overflow:hidden}.breakdown-col-video.video-hidden{position:fixed;left:-9999px;top:-9999px;width:320px;height:180px;pointer-events:none;opacity:0}.breakdown-transcript-full{margin-top:16px;min-width:0}.transcript-sync-active{background:#00ccff1f;border-radius:6px;transition:background .3s ease}.play-video-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;padding:0;color:#67e8f9;background:#00ccff1f;border:1px solid rgba(0,204,255,.25);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease}.play-video-btn:hover{background:#00ccff38;border-color:#0cf6}.play-video-btn.active{color:#ef4444;background:#ef44441f;border-color:#ef444440}.play-video-btn.active:hover{background:#ef444438;border-color:#ef444466}.section-play-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:#67e8f9;background:#00ccff14;border:1px solid rgba(0,204,255,.2);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease}.section-play-btn:hover{background:#00ccff38;border-color:#0cf6}.section-play-btn.active{color:#fff;background:#00ccffd9;border-color:#00ccffe6}.section-play-btn.active:hover{background:#0cf;border-color:#0cf}@media (max-width: 768px){.modal-content-wide{max-width:100%}.breakdown-youtube-layout.video-active{grid-template-columns:1fr}.breakdown-col-video{position:static}}.ai-disclaimer-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-muted);background:#3b82f614;border:1px solid rgba(59,130,246,.12);padding:3px 8px;border-radius:4px;margin-bottom:16px;cursor:help}.ai-disclaimer-label:hover{background:#3b82f624;color:#3b82f6}[data-theme=light] .ai-disclaimer-label{color:#2563eb;background:#3b82f614;border-color:#3b82f626}.video-chat-panel{display:flex;flex-direction:column;height:100%;min-height:400px}.video-chat-messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:.75rem}.video-chat-message{display:flex;flex-direction:column;gap:.25rem;max-width:85%}.video-chat-message.user{align-self:flex-end}.video-chat-message.assistant{align-self:flex-start}.video-chat-message-bubble{padding:.625rem .875rem;border-radius:.75rem;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.video-chat-message.user .video-chat-message-bubble{background:var(--accent-purple-hover);color:#fff;border-bottom-right-radius:.25rem}.video-chat-message.assistant .video-chat-message-bubble{background:var(--border-default);color:var(--text-secondary);border-bottom-left-radius:.25rem}.video-chat-input-row{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.video-chat-input-row input{flex:1}.video-chat-limit{text-align:center;font-size:.75rem;color:var(--text-muted);padding-top:.375rem}.video-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-faint)}.video-chat-empty p{font-size:.8125rem}.flashcard-panel{padding:1rem 0}.flashcard-generate{text-align:center;padding:2rem 0}.flashcard-generate p{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.flashcard{width:100%;max-width:480px;height:260px;perspective:800px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem}.flashcard-front{background:var(--bg-elevated);border:1px solid var(--border-default)}.flashcard-back{background:linear-gradient(135deg,#1e1b4b 0%,var(--bg-elevated) 100%);border:1px solid #3b0764;transform:rotateY(180deg)}.flashcard-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#67e8f9}.flashcard-front p,.flashcard-back p{font-size:1rem;line-height:1.5;color:var(--text-secondary)}.flashcard-hint{font-size:.75rem;color:var(--text-faint)}.flashcard-nav{display:flex;align-items:center;gap:1rem}.flashcard-nav span{font-size:.875rem;color:var(--text-tertiary);min-width:3rem;text-align:center}.flashcard-difficulty{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:500}.flashcard-difficulty.easy{background:#22c55e26;color:#4ade80}.flashcard-difficulty.medium{background:#eab30826;color:#facc15}.flashcard-difficulty.hard{background:#ef444426;color:#f87171}.flashcard-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.mindmap-panel{padding:1rem 0}.mindmap-generate{text-align:center;padding:2rem 0}.mindmap-generate p{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.mindmap-tree{padding-left:0}.mindmap-node{list-style:none;margin:0;padding:0}.mindmap-node-row{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:.5rem;cursor:pointer;transition:background .15s}.mindmap-node-row:hover{background:#00ccff14}.mindmap-toggle{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.mindmap-node-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.mindmap-node-desc{font-size:.75rem;color:var(--text-muted);padding-left:2.25rem;margin-top:-.125rem;margin-bottom:.25rem}.mindmap-children{padding-left:1.5rem;border-left:1px solid var(--border-default);margin-left:.625rem}.mindmap-importance-high .mindmap-node-label{color:#67e8f9}.mindmap-importance-medium .mindmap-node-label{color:var(--text-secondary)}.mindmap-importance-low .mindmap-node-label{color:var(--text-muted)}.language-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;cursor:pointer}.language-select:focus{outline:none;border-color:var(--accent-purple-hover)}.collection-add-video{display:flex;gap:8px;margin-bottom:1.25rem}.collection-add-video input{flex:1;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem}.collection-add-video input:focus{outline:none;border-color:var(--accent-purple-hover)}.collection-add-video input::-moz-placeholder{color:var(--text-faint)}.collection-add-video input::placeholder{color:var(--text-faint)}.youtube-promo-card,.extension-install-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;margin-bottom:14px}.youtube-promo-card{background:linear-gradient(135deg,#00ccff14,#ef44440f);border:1px solid rgba(0,204,255,.18)}.extension-install-card{background:linear-gradient(135deg,#00ccff14,#3b82f60f);border:1px solid rgba(0,204,255,.18)}.youtube-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0;background:#ef44441f;color:#f87171}.youtube-card-icon.chrome{background:#3b82f61f;color:#60a5fa}.youtube-card-body{flex:1;min-width:0}.youtube-card-body strong{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.youtube-card-body p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.youtube-url-section{margin-bottom:14px}.youtube-url-section label{display:block;color:var(--text-tertiary);font-size:14px;font-weight:500;margin-bottom:8px}.youtube-url-input-row{display:flex;gap:8px}.youtube-url-input-row input{flex:1}.youtube-url-input-row button{flex-shrink:0}@media (max-width: 520px){.youtube-promo-card,.extension-install-card{flex-direction:column;align-items:flex-start;gap:10px}.youtube-promo-card button,.extension-install-card button{align-self:stretch}}.library-search{position:relative;display:flex;align-items:center}.library-search-clear{position:absolute;right:48px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s}.library-search-clear:hover{color:var(--text-secondary);background:var(--bg-overlay-active)}.library-filter-toggle{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s}.library-filter-toggle:hover{color:var(--text-secondary);background:var(--bg-overlay-active)}.library-filter-toggle.active{color:var(--accent-purple);background:#00ccff1f}.search-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.search-filter-chips::-webkit-scrollbar{display:none}.filter-chip-group{display:flex;gap:4px;flex-shrink:0}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-active);color:var(--text-tertiary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.filter-chip:hover{background:var(--bg-overlay-active);color:var(--text-secondary)}.filter-chip.active{background:#00ccff26;border-color:#0cf6;color:#a5f3fc}.relevance-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.relevance-badge-inline{position:static;display:inline-block;margin:8px 12px 0}.relevance-high{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.relevance-mid{background:#0cf3;color:#a5f3fc;border:1px solid rgba(0,204,255,.3)}.relevance-low{background:#a1a1aa26;color:var(--text-tertiary);border:1px solid rgba(161,161,170,.2)}.onboarding-modal{max-width:560px;padding:0;overflow:hidden}.onboarding-body{padding:40px 32px 24px;min-height:320px;display:flex;align-items:center;justify-content:center}.onboarding-step{text-align:center;width:100%}.onboarding-hero-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#00ccff26,#06b6d41f);border:1px solid rgba(0,204,255,.25);display:flex;align-items:center;justify-content:center;color:#a5f3fc;margin:0 auto 20px}.onboarding-hero-play{background:linear-gradient(135deg,#10b98126,#06b6d41f);border-color:#10b98140;color:#6ee7b7}.onboarding-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.onboarding-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 16px}.onboarding-description{font-size:14px;color:var(--text-tertiary);line-height:1.6;max-width:420px;margin:0 auto}.onboarding-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.onboarding-card{position:relative;background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover);border-radius:12px;padding:20px 14px 16px;text-align:center}.onboarding-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.onboarding-card-step-num{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:50%;background:#00ccff26;color:#a5f3fc;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.onboarding-card h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 4px}.onboarding-card p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.onboarding-example{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.onboarding-example-url{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-active);color:var(--text-tertiary);font-size:13px}.onboarding-try-btn{min-width:200px}.onboarding-footer{padding:16px 32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.onboarding-dots{display:flex;gap:8px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;border:none;cursor:pointer;transition:all .2s;padding:0}.onboarding-dot.active{background:var(--accent-purple);width:24px;border-radius:4px}.onboarding-nav{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-between}.onboarding-skip{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:color .15s}.onboarding-skip:hover{color:var(--text-tertiary)}@media (max-width: 600px){.onboarding-modal{max-width:100%;margin:0;border-radius:0;min-height:100vh;min-height:100dvh}.onboarding-cards{grid-template-columns:1fr;gap:8px}.onboarding-card{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px}.onboarding-card-icon{margin:0;flex-shrink:0}.onboarding-card-step-num{display:none}}@media (max-width: 640px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-width:100%;width:100%;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh}.buy-credits-modal,.export-modal,.collection-modal,.report-export-modal{min-height:auto;max-height:90vh;max-height:90dvh;border-radius:12px;margin:auto}.report-preview-modal{border-radius:0;max-width:100%;max-height:100vh;max-height:100dvh}.report-export-actions{flex-direction:column}}@media (max-width: 768px){.content-detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.content-detail-tabs::-webkit-scrollbar{display:none}.content-detail-tabs button{white-space:nowrap;flex-shrink:0}.content-detail-meta{flex-direction:column;gap:4px}}@media (max-width: 768px){.collection-delete-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.collection-delete-btn svg{width:16px;height:16px}.nav-btn-small,.sidebar-recent-item{min-height:44px}.library-card-collection,.library-card-delete{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 520px){.youtube-url-input-row{flex-direction:column}.youtube-url-input-row button{width:100%}}.search-filter-chips{-webkit-overflow-scrolling:touch}.team-page{max-width:900px;margin:0 auto;padding:32px 24px}.team-page h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.team-page-subtitle{color:var(--text-muted);font-size:14px;margin:0 0 24px}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.team-header-info h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.team-header-info p{color:var(--text-muted);font-size:13px;margin:0}.team-list{display:grid;gap:12px;margin-bottom:32px}.team-card{background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s}.team-card:hover{background:var(--bg-overlay-hover);border-color:var(--bg-overlay-active)}.team-card-info{display:flex;align-items:center;gap:14px}.team-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#00ccff26,#06b6d41f);display:flex;align-items:center;justify-content:center;color:#a5f3fc;flex-shrink:0}.team-card-details h3{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0 0 2px}.team-card-details p{font-size:12px;color:var(--text-muted);margin:0}.team-card-meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.team-members{display:grid;gap:8px}.team-member-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff05;border:1px solid var(--bg-overlay)}.team-member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-member-info{flex:1;min-width:0}.team-member-name{font-size:14px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.team-role-badge.owner{background:#00ccff26;color:#a5f3fc}.team-role-badge.admin{background:#06b6d426;color:#67e8f9}.team-role-badge.member{background:var(--bg-overlay-hover);color:var(--text-tertiary)}.team-member-actions{display:flex;gap:4px}.team-section{margin-bottom:32px}.team-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.team-section-title{font-size:15px;font-weight:600;color:var(--text-secondary)}.invitation-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#00ccff14,#06b6d40f);border:1px solid rgba(0,204,255,.2);margin-bottom:16px}.invitation-banner-text{flex:1;min-width:0}.invitation-banner-text strong{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:2px}.invitation-banner-text span{font-size:12px;color:var(--text-muted)}.invitation-banner-actions{display:flex;gap:6px;flex-shrink:0}.shared-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:#06b6d41a;color:#67e8f9;font-size:11px;font-weight:500}.invite-form{display:flex;flex-direction:column;gap:16px}.invite-form-row{display:flex;gap:8px}.invite-form-row input{flex:1}.invite-role-select{padding:8px 12px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font-size:13px;cursor:pointer}.team-empty{text-align:center;padding:48px 24px;background:#ffffff05;border:1px dashed var(--bg-overlay-active);border-radius:16px}.team-empty-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#00ccff1a,#06b6d414);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin:0 auto 16px}.team-empty h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.team-empty p{color:var(--text-muted);font-size:13px;margin:0 0 16px}.sidebar-team-section{padding:8px 12px}.sidebar-team-count{font-size:11px;color:var(--text-muted);margin-left:auto}.share-content-list{display:grid;gap:6px;max-height:300px;overflow-y:auto}.share-content-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#ffffff05;border:1px solid var(--bg-overlay);cursor:pointer;transition:all .15s}.share-content-item:hover{background:var(--bg-overlay-hover);border-color:#00ccff4d}.share-content-item.selected{border-color:var(--accent-purple);background:#00ccff14}@media (max-width: 640px){.team-page{padding:20px 16px}.team-header{flex-direction:column;align-items:flex-start;gap:12px}.team-member-row{flex-wrap:wrap}.team-member-actions{width:100%;justify-content:flex-end}.invitation-banner{flex-direction:column;align-items:flex-start}.invitation-banner-actions{width:100%}.invitation-banner-actions button{flex:1}}.profile-section-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.profile-form-group{margin-bottom:14px}.profile-form-label{display:block;font-size:13px;font-weight:500;color:var(--text-tertiary);margin-bottom:6px}.profile-meta-text{font-size:12px;color:var(--text-muted);margin-top:8px}.profile-danger-zone{border:1px solid rgba(239,68,68,.25)!important}.profile-danger-title{color:#ef4444;display:flex;align-items:center;gap:8px}.profile-danger-text{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.profile-delete-confirm{margin-top:8px}.profile-avatar-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-default);margin-bottom:4px}.profile-avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.profile-avatar-img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.profile-avatar-initial{font-size:28px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-cyan) 100%)}.profile-avatar-loading{color:var(--text-tertiary)}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-info{min-width:0}.profile-avatar-name{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.3}.profile-avatar-email{font-size:13px;color:var(--text-tertiary);margin-top:2px}.profile-select{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.profile-select:focus{border-color:var(--accent-purple)}.profile-theme-toggle{display:flex;gap:8px}.profile-theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.profile-theme-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.profile-theme-btn.active{border-color:var(--accent-purple);background:var(--accent-purple-dim);color:var(--accent-purple)}.profile-toggles{display:flex;flex-direction:column;gap:2px}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px;color:var(--text-secondary);cursor:pointer}.profile-toggle-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;background:var(--border-strong);border-radius:10px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.profile-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.profile-toggle-switch:checked{background:var(--accent-purple)}.profile-toggle-switch:checked:after{transform:translate(16px)}.referral-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:linear-gradient(135deg,var(--accent-purple-hover) 0%,#22d3ee 100%);color:#fff;font-size:14px;margin-bottom:16px}.profile-referral-desc{font-size:13px;color:var(--text-tertiary);margin-bottom:12px;line-height:1.5}.profile-referral-link-row{display:flex;gap:8px;margin-bottom:16px}.profile-referral-input{flex:1;font-size:12px!important}.profile-referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-referral-stat{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover);border-radius:8px}.profile-referral-stat-value{font-size:24px;font-weight:700;color:var(--text-secondary)}.profile-referral-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.ad-leaderboard{width:100%;max-height:90px;display:flex;justify-content:center;overflow:hidden}.ad-sidebar{max-width:200px;margin:12px auto 0}@media (max-width: 768px){.ad-sidebar{display:none}}.notes-panel{padding:20px 0;display:flex;flex-direction:column;min-height:calc(60vh - 120px)}.notes-textarea{width:100%;min-height:180px;flex:1;background:var(--bg-overlay);border:1px solid var(--bg-overlay-active);border-radius:8px;color:var(--text-secondary);padding:12px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;transition:border-color .15s}.notes-textarea:focus{outline:none;border-color:#00ccff80}.notes-meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--text-muted)}.notes-save-indicator{display:flex;align-items:center;gap:4px}.notes-save-indicator.saving{color:var(--text-tertiary)}.notes-save-indicator.saved{color:#22c55e}.bookmark-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bookmark-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:#00ccff1f;border:1px solid rgba(0,204,255,.2);color:#a5f3fc;font-size:12px;cursor:pointer;transition:all .15s}.bookmark-pill:hover{background:#0cf3}.bookmark-pill .bookmark-remove{opacity:0;margin-left:2px;transition:opacity .15s}.bookmark-pill:hover .bookmark-remove{opacity:1}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent}.tag-pill:hover{filter:brightness(1.2)}.tag-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--bg-overlay-active);cursor:pointer;opacity:0;transition:opacity .15s}.tag-pill:hover .tag-pill-remove{opacity:1}.card-tag-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.card-tag-more{font-size:11px;color:var(--text-muted);padding:2px 6px}.sidebar-tags-section{padding:0 12px;margin-bottom:8px}.sidebar-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s;background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover)}.sidebar-tag-pill:hover{background:var(--bg-overlay-active)}.sidebar-tag-pill.active{border-color:#0cf6;background:#00ccff1a}.sidebar-tags-wrap{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tag-manager-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;margin-bottom:16px}.tag-manager-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg-overlay);border:1px solid var(--bg-overlay-hover)}.tag-manager-row .tag-color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid var(--bg-overlay-active);flex-shrink:0}.tag-manager-row .tag-name-input{flex:1;background:transparent;border:none;color:var(--text-secondary);font-size:14px;outline:none}.tag-color-palette{display:flex;gap:6px;padding:8px;background:#0006;border-radius:8px;border:1px solid var(--bg-overlay-active);position:absolute;z-index:10}.tag-color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.tag-color-option:hover,.tag-color-option.selected{border-color:#fff}.tag-assign-dropdown{position:relative;display:inline-block}.tag-assign-menu{position:absolute;top:100%;left:0;z-index:20;min-width:180px;max-height:220px;overflow-y:auto;background:var(--bg-hover);border:1px solid var(--bg-overlay-active);border-radius:8px;padding:4px;margin-top:4px;box-shadow:0 8px 24px #0006}.tag-assign-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .1s;width:100%;border:none;background:none;text-align:left}.tag-assign-option:hover{background:var(--bg-overlay-hover)}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center}.notification-bell-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:8px;transition:all .15s;position:relative}.notification-bell-btn:hover{color:var(--text-secondary);background:var(--bg-overlay-hover)}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.notification-dropdown{position:absolute;top:100%;right:0;z-index:100;width:340px;max-height:420px;background:var(--bg-hover);border:1px solid var(--bg-overlay-active);border-radius:12px;box-shadow:0 12px 40px #00000080;margin-top:8px;display:flex;flex-direction:column}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--bg-overlay-hover)}.notification-dropdown-header h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.notification-mark-all{background:none;border:none;color:var(--accent-purple);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:4px}.notification-mark-all:hover{background:#00ccff1a}.notification-list{overflow-y:auto;flex:1;padding:4px}.notification-item{display:flex;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.notification-item:hover{background:var(--bg-overlay)}.notification-item.unread{background:#00ccff0d}.notification-item.unread .notification-item-title{font-weight:600}.notification-item-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#00ccff1f;color:var(--accent-purple)}.notification-item-body{flex:1;min-width:0}.notification-item-title{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.notification-item-message{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-time{font-size:11px;color:var(--text-faint);margin-top:2px}.notification-empty{padding:32px 16px;text-align:center;color:var(--text-faint);font-size:13px}.report-config-modal{max-width:600px;max-height:85vh;overflow-y:auto}.report-section{margin-bottom:16px}.report-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.report-sublabel{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.report-select,.report-input{width:100%;padding:8px 12px;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;outline:none;transition:border-color .2s}.report-select:focus,.report-input:focus{border-color:#3b82f6}.report-textarea{width:100%;padding:8px 12px;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;outline:none;resize:vertical;min-height:50px;font-family:inherit}.report-textarea:focus{border-color:#3b82f6}.report-source-count{display:inline-block;font-size:12px;color:var(--text-muted);margin-top:4px}.report-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-type-card{position:relative;background:var(--bg-hover);border:2px solid var(--border-default);border-radius:10px;padding:14px 12px;text-align:left;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.report-type-card:hover:not(.locked){border-color:var(--type-color, #3b82f6);background:var(--bg-hover)}.report-type-card.selected{border-color:var(--type-color, #3b82f6);background:color-mix(in srgb,var(--type-color, #3b82f6) 10%,var(--bg-hover));box-shadow:0 0 0 1px var(--type-color, #3b82f6)}.report-type-card.locked{opacity:.5;cursor:not-allowed}.report-type-icon{display:flex;align-items:center;gap:6px;margin-bottom:6px}.report-type-lock{color:var(--text-muted)}.report-type-label{font-size:13px;font-weight:600;margin-bottom:4px}.report-type-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.report-tier-badge{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 6px;border-radius:4px;background:var(--border-default);color:var(--text-muted);text-transform:uppercase;font-weight:600}.report-toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.report-toggle-row input[type=checkbox]{accent-color:#3b82f6}.report-credit-tag{font-size:11px;color:#f97316;background:#f9731610;padding:2px 6px;border-radius:4px}.report-urls{margin-top:10px;padding-left:20px}.report-url-row{display:flex;gap:6px;margin-bottom:6px}.report-url-remove{background:none;border:1px solid var(--border-default);border-radius:6px;color:#ef4444;cursor:pointer;padding:6px 8px;display:flex;align-items:center}.report-add-url{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;padding:4px 0}.report-credit-summary{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;padding:14px;margin-top:8px}.report-cost-breakdown{margin-bottom:10px}.report-cost-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary);padding:2px 0}.report-cost-total{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-secondary);padding-top:6px;margin-top:6px;border-top:1px solid var(--border-default)}.report-balance-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.report-insufficient{color:#ef4444;font-weight:600;margin-left:auto}.collection-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;opacity:0;transition:opacity .2s,color .2s}.collection-nav-item:hover .collection-action-btn{opacity:1}.collection-action-btn:hover{color:#22d3ee}.reports-tab{padding:20px;max-width:1000px}.reports-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.reports-tab-header h2{font-size:20px;font-weight:600;color:var(--text-secondary)}.reports-loading{display:flex;align-items:center;gap:10px;justify-content:center;padding:40px;color:var(--text-muted)}.reports-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted);text-align:center}.reports-empty-sub{font-size:13px;max-width:400px;line-height:1.5}.reports-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}.report-list-card{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface));border:1px solid var(--border-default);border-left:4px solid var(--accent-purple);border-radius:10px;padding:20px 24px;cursor:pointer;transition:all .2s;text-align:left;width:100%;color:var(--text-secondary)}.report-list-card:hover{border-color:#3b82f6;background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 8px 24px #00ccff26;border-left-color:var(--accent-purple)}.report-list-card.selected{border-color:#3b82f6;background:#3b82f61a}.report-list-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.report-list-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.report-list-status{font-size:11px;display:flex;align-items:center;gap:4px;text-transform:capitalize}.report-status-generating{color:#f97316}.report-status-completed{color:#22c55e}.report-status-failed{color:#ef4444}.report-list-title{font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-list-meta{font-size:11px;color:var(--text-faint)}.report-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 32px #0006}.report-panel-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px;color:var(--text-muted)}.report-panel-header{padding:16px 24px;border-bottom:1px solid var(--border-default);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface))}.report-panel-title-row{display:flex;align-items:center;gap:10px;margin-bottom:0;flex-wrap:wrap}.report-panel-title{font-size:20px;font-weight:600;color:var(--text-primary)}.report-panel-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.report-panel-date{display:flex;align-items:center;gap:4px}.report-panel-actions{display:flex;gap:6px}.btn-icon-sm{background:var(--border-default);border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;padding:6px;display:flex;align-items:center;transition:all .2s}.btn-icon-sm:hover{background:var(--border-strong);color:var(--text-secondary)}.btn-danger-sm:hover{background:#7f1d1d;color:#fca5a5}.report-panel-body{padding:28px 32px;flex:1;min-height:0;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}.report-status-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.report-status-generating{background:#f9731610;color:#f97316;border:1px solid #f9731630}.report-status-failed{background:#ef444410;color:#ef4444;border:1px solid #ef444430}.report-card{display:flex;flex-direction:column;gap:12px}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.report-type-badge{display:flex;align-items:center;font-size:12px}.report-credits-used{font-size:11px;color:var(--text-muted)}.report-block{border:1px solid var(--border-default);border-radius:8px;overflow:visible}.report-block.report-highlight{border-color:#3b82f630;background:#3b82f608}.report-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;background:var(--bg-elevated);border:none;cursor:pointer;color:var(--text-secondary);transition:background .2s}.report-section-header:hover{background:var(--bg-elevated)}.report-section-title{display:flex;align-items:center;gap:8px}.report-section-title h3{font-size:13px;font-weight:600;margin:0}.report-section-count{font-size:11px;background:var(--border-default);color:var(--text-tertiary);padding:1px 6px;border-radius:10px}.report-block-content{padding:14px;font-size:13px;line-height:1.6;color:var(--text-tertiary)}.report-block-content p{margin:0 0 8px}.report-block-content ul,.report-block-content ol{margin:4px 0;padding-left:20px}.report-block-content li{margin-bottom:4px}.report-thesis-text{font-style:italic;color:var(--text-secondary);font-size:14px}.report-argument{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-argument h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.report-argument-evidence,.report-argument-analysis{font-size:12px;margin-top:4px}.report-counter{padding:10px;border-left:3px solid #f97316;margin-bottom:8px}.report-phase{padding:14px;background:var(--bg-elevated);border-radius:8px;margin-bottom:10px}.report-phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-phase-header h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.report-task{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.report-priority{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;min-width:48px;text-align:center}.report-priority-high{background:#ef444420;color:#ef4444}.report-priority-medium{background:#f9731620;color:#f97316}.report-priority-low{background:#22c55e20;color:#22c55e}.report-risk{padding:10px;background:var(--bg-elevated);border-radius:6px;margin-bottom:8px}.report-risk-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.report-risk-name{font-weight:500;color:var(--text-secondary)}.report-risk-mitigation{font-size:12px;margin:0}.report-script-text{white-space:pre-wrap;font-size:13px;line-height:1.7;color:var(--text-secondary)}.report-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.report-script-section{padding:14px;background:var(--bg-elevated);border-radius:8px;margin-bottom:10px}.report-script-section h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.report-visual-notes{font-size:12px;color:#f97316;background:#f9731610;padding:6px 10px;border-radius:6px;margin-top:8px}.report-transition{font-size:12px;color:var(--text-muted);margin-top:6px}.report-finding{padding:10px;background:var(--bg-elevated);border-radius:6px;margin-bottom:8px}.report-finding h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 4px}.report-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.report-option-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:14px}.report-option-card h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 10px}.report-option-pros ul{color:#22c55e}.report-option-cons ul{color:#ef4444}.report-reference{padding:4px 0;font-size:12px}.report-ref-title{color:var(--text-secondary);font-weight:500}.report-ref-relevance{color:var(--text-muted)}.report-ref-link{color:#60a5fa;text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-weight:500;transition:color .15s}.report-ref-link:hover{color:#93bbfc;text-decoration:underline}.report-user-story{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-elevated);border-radius:8px;border-left:3px solid var(--accent-cyan);margin-bottom:8px}.report-story-persona{font-size:13px;font-weight:600;color:var(--accent-cyan)}.report-story-action{font-size:13px;color:var(--text-secondary)}.report-story-benefit{font-size:12px;color:var(--text-muted);font-style:italic}.report-requirement{padding:12px;background:var(--bg-elevated);border-radius:8px;border-left:3px solid var(--accent-cyan);margin-bottom:8px}.report-requirement p{font-size:13px;color:var(--text-tertiary);margin:6px 0 0}.report-requirement-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-requirement-header h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0;flex:1}.report-req-id{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:600;color:var(--accent-cyan);background:var(--accent-cyan)15;border:1px solid var(--accent-cyan)30;padding:2px 8px;border-radius:4px;white-space:nowrap}.report-acceptance-criteria{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-default)}.report-acceptance-criteria strong{font-size:12px;color:var(--text-tertiary)}.report-acceptance-criteria ul{margin:4px 0 0;padding-left:18px}.report-acceptance-criteria li{font-size:12px;color:var(--text-tertiary)}.report-acceptance-criteria li::marker{color:#22c55e}.report-gherkin{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.7;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;padding:10px 12px;margin:6px 0}.report-gherkin-keyword{font-weight:700;color:#22d3ee;margin-right:4px}.report-assumption{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-assumption-text{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0 0 6px}.report-assumption-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-tertiary)}.report-constraint{padding:12px;background:var(--bg-elevated);border-radius:8px;border-left:3px solid var(--text-muted);margin-bottom:8px}.report-constraint-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.report-constraint-text{font-weight:500;color:var(--text-secondary);font-size:13px}.report-constraint p{font-size:12px;color:var(--text-tertiary);margin:0}.report-dependency{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-dependency-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.report-dependency-name{font-weight:500;color:var(--text-secondary);font-size:13px}.report-dependency p{font-size:12px;color:var(--text-tertiary);margin:0}.report-dep-status-ready{background:#22c55e20!important;color:#22c55e!important;border-color:#22c55e40!important}.report-dep-status-blocked{background:#ef444420!important;color:#ef4444!important;border-color:#ef444440!important}.report-dep-status-unknown{background:#eab30820!important;color:#eab308!important;border-color:#eab30840!important}.report-open-question{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-open-question-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.report-open-question-text{font-weight:500;color:var(--text-secondary);font-size:13px}.report-open-question p{font-size:12px;color:var(--text-tertiary);margin:0}.report-release-phase{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-release-phase h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.report-release-phase p{font-size:12px;color:var(--text-tertiary);margin:2px 0}.report-feature-flag{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;background:#22d3ee15;color:#22d3ee;border:1px solid #22d3ee30;padding:2px 8px;border-radius:4px}.report-metric-card{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-metric-card h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.report-metric-detail{font-size:12px;color:var(--text-tertiary);margin:2px 0}.report-swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media (max-width: 600px){.report-swot-grid{grid-template-columns:1fr}}.report-swot-quadrant{border-radius:10px;border:1px solid var(--border-default);overflow:hidden;background:var(--bg-base)}.report-swot-quadrant-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600}.report-swot-quadrant-header .report-section-count{margin-left:auto}.report-swot-quadrant-body{padding:10px 14px}.report-swot-item{margin-bottom:10px}.report-swot-item strong{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:2px}.report-swot-item p{font-size:12px;color:var(--text-tertiary);margin:0}.report-swot-strengths{border-color:#22c55e30}.report-swot-strengths .report-swot-quadrant-header{background:#22c55e15;color:#22c55e}.report-swot-weaknesses{border-color:#ef444430}.report-swot-weaknesses .report-swot-quadrant-header{background:#ef444415;color:#ef4444}.report-swot-opportunities{border-color:#3b82f630}.report-swot-opportunities .report-swot-quadrant-header{background:#3b82f615;color:#3b82f6}.report-swot-threats{border-color:#f9731630}.report-swot-threats .report-swot-quadrant-header{background:#f9731615;color:#f97316}.report-strategy{padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-strategy-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.report-strategy-header h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0;flex:1}.report-strategy p{font-size:13px;color:var(--text-tertiary);margin:0}.report-quadrant-badge{font-size:11px;font-weight:700;letter-spacing:.5px}.report-preview-modal{max-width:900px;width:100%;max-height:90vh;overflow-y:hidden;display:flex;flex-direction:column}.report-preview-modal .report-panel{border:none;background:transparent;padding:0;margin:0}.report-export-modal{max-width:480px}.report-export-actions{display:flex;gap:8px;margin-top:16px}.report-export-btn{display:inline-flex;align-items:center;gap:6px;flex:1;justify-content:center}.export-format-ext{color:var(--text-muted);font-size:12px;margin-left:4px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-default);flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-hover));color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap;flex-shrink:0}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;color:var(--text-tertiary);border:1px solid var(--border-strong);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.btn-secondary:hover{background:var(--bg-overlay-hover);color:var(--text-secondary);border-color:var(--text-faint)}.btn-sm{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:8px;cursor:pointer;border:1px solid var(--border-strong);background:var(--border-default);color:var(--text-secondary);transition:all .2s}.btn-sm:hover{background:var(--border-strong);color:var(--text-secondary)}.btn-primary.btn-sm{padding:6px 14px;font-size:12px;border:none}@media (max-width: 400px){.modal-footer{flex-direction:column;align-items:stretch;padding:12px 16px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.report-type-grid{grid-template-columns:1fr}.report-type-card{padding:12px 10px}.report-panel-header{padding:12px}.report-panel-header-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.report-panel-header-row .report-panel-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;margin:0}.report-panel-header-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;opacity:.7}.report-panel-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.report-panel-title{font-size:15px}.report-panel-body{padding:12px}.report-block-content{padding:10px}.report-section-header{padding:8px 10px}.report-options-grid{grid-template-columns:1fr}.reports-tab{padding:12px}.reports-tab-header{flex-direction:column;align-items:flex-start;gap:10px}.report-list-card{padding:12px}.report-phase-header{flex-direction:column;align-items:flex-start;gap:6px}.report-risk-header{gap:6px}.report-urls{padding-left:0}.report-credit-summary{padding:10px}.buy-credits-grid{grid-template-columns:1fr}.export-format-item{flex-direction:column;align-items:flex-start}.pricing-modal{padding:12px}.pricing-modal-plans{gap:10px}}@media (max-width: 640px){.report-config-modal{max-height:100vh;max-height:100dvh}.report-type-grid{grid-template-columns:1fr}.report-panel-body{max-height:none;padding:14px}.report-panel-meta{flex-wrap:wrap;gap:8px}.report-panel-actions{gap:4px}.reports-tab{padding:20px 24px}.reports-tab-header{flex-direction:column;align-items:flex-start;gap:10px}.reports-tab-header h2{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.report-list-title{white-space:normal;word-break:break-word;font-size:16px;font-weight:600;color:var(--text-primary)}.report-options-grid{grid-template-columns:1fr}.report-script-section,.report-argument{padding:10px}.pricing-modal{padding:16px;max-height:95vh;max-height:95dvh}.pricing-modal-plans .plan-card{padding:14px}.buy-credits-grid{grid-template-columns:1fr 1fr}.modal-footer{padding:14px 16px;gap:10px}.modal-header,.modal-body{padding:16px 18px}}@media (max-width: 768px){.report-type-grid{gap:8px}.report-type-desc{font-size:10px}.reports-tab{padding:16px}.report-panel-body{max-height:500px}.btn-icon-sm{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}}@media (max-width: 1024px){.reports-tab{max-width:100%}}@media (min-width: 1440px){.reports-tab{max-width:1200px}.report-panel-body{max-height:800px}.report-options-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.report-list-card{padding:16px 20px}}@media (min-width: 1920px){.reports-tab{max-width:1400px}.report-config-modal{max-width:700px}.report-panel-body{max-height:900px}}@media (max-width: 640px){div[style*=maxWidth][style*="420"]{max-width:100%!important;margin:16px!important;border-radius:12px!important}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--reveal-duration) var(--reveal-easing),transform var(--reveal-duration) var(--reveal-easing);will-change:opacity,transform}[data-reveal].revealed{opacity:1;transform:translateY(0)}.modal-body [data-reveal]{opacity:1;transform:translateY(0);will-change:auto;transition:none}[data-reveal=left]{transform:translate(-30px)}[data-reveal=left].revealed{transform:translate(0)}[data-reveal=right]{transform:translate(30px)}[data-reveal=right].revealed{transform:translate(0)}[data-reveal=scale]{transform:scale(.85)}[data-reveal=scale].revealed{transform:scale(1)}.timeline-entry[data-reveal]{transform:translate(-20px)}.timeline-entry[data-reveal].revealed{transform:translate(0)}.visual-grid-item[data-reveal]{transform:scale(.85)}.visual-grid-item[data-reveal].revealed{transform:scale(1)}.content-detail-section h3{position:relative;transform:translate(calc(var(--scroll-progress, 0) * -8px));transition:transform .2s ease-out}[data-tilt]{transition:var(--tilt-transition);transform-style:preserve-3d;will-change:transform;position:relative}[data-tilt]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%);opacity:0;transition:opacity .45s ease;pointer-events:none}[data-tilt]:hover:after{opacity:1}.modal-body>*{animation:tab-crossfade .45s var(--reveal-easing) forwards}@keyframes tab-crossfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--reveal-duration: .5s}[data-reveal]{transform:translateY(16px)}[data-reveal=left]{transform:translate(-16px)}[data-reveal=right]{transform:translate(16px)}.timeline-entry[data-reveal]{transform:translate(-12px)}.modal-content:before{transform:none}.content-detail-section h3{transform:none}}@media (hover: none){[data-tilt]{transition:none;transform:none!important}[data-tilt]:after{display:none}}.brain-icon{filter:drop-shadow(0 0 4px rgba(0,204,255,.6)) drop-shadow(0 0 8px rgba(100,220,255,.3))}.brain-icon-animated{animation:brainIconPulse 3s ease-in-out infinite}@keyframes brainIconPulse{0%,to{filter:drop-shadow(0 0 4px rgba(0,204,255,.6)) drop-shadow(0 0 8px rgba(100,220,255,.3))}50%{filter:drop-shadow(0 0 8px rgba(0,204,255,.9)) drop-shadow(0 0 16px rgba(100,220,255,.5))}}.landing-navbar-logo>span,.landing-footer-v2-logo>span{text-shadow:0 0 7px rgba(0,204,255,.5),0 0 14px rgba(0,204,255,.25),0 0 28px rgba(100,220,255,.15);animation:brandGlow 4s ease-in-out infinite}@keyframes brandGlow{0%,to{text-shadow:0 0 7px rgba(0,204,255,.5),0 0 14px rgba(0,204,255,.25),0 0 28px rgba(100,220,255,.15)}50%{text-shadow:0 0 10px rgba(0,204,255,.7),0 0 20px rgba(0,204,255,.4),0 0 40px rgba(100,220,255,.25)}}.text-gradient-glow{filter:drop-shadow(0 0 12px rgba(0,204,255,.5)) drop-shadow(0 0 24px rgba(100,220,255,.25));animation:textGlowPulse 3s ease-in-out infinite}@keyframes textGlowPulse{0%,to{filter:drop-shadow(0 0 12px rgba(0,204,255,.5)) drop-shadow(0 0 24px rgba(100,220,255,.25))}50%{filter:drop-shadow(0 0 20px rgba(0,204,255,.7)) drop-shadow(0 0 36px rgba(100,220,255,.4))}}.brain-canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:560px;opacity:.92;pointer-events:none;z-index:0;animation:none}.brain-canvas{width:100%;height:100%;display:block}@keyframes brainRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.brain-canvas-container{width:420px;height:340px}}@media (prefers-reduced-motion: reduce){[data-reveal]{transition:none;opacity:1;transform:none}[data-reveal].revealed{transition:none}.modal-overlay,.modal-content{animation:none}.modal-body>*{animation:none}.modal-content:before{transform:none}.content-detail-section h3{transform:none}[data-tilt]{transition:none;transform:none!important}[data-tilt]:after{display:none}.brain-icon-animated,.landing-navbar-logo>span,.landing-footer-v2-logo>span,.text-gradient-glow{animation:none}.brain-canvas-container{animation:none;opacity:.3}}.cs-page{background:#050505;color:#fff;font-family:-apple-system,SF Pro Display,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.cs-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;opacity:.03;mix-blend-mode:overlay}.cs-grain svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.cs-particles{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:1}.cs-tracer-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cs-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#050505;display:flex;align-items:center;justify-content:center}.cs-loader-inner{display:flex;flex-direction:column;align-items:center;gap:24px}.cs-loader-text{font-size:clamp(13px,1.4vw,16px);font-weight:300;letter-spacing:5px;color:#ffffff8c;text-transform:uppercase;margin:0}.cs-loader-dot{animation:csLoaderBlink 1.4s infinite both}.cs-loader-dot:nth-child(2){animation-delay:.2s}.cs-loader-dot:nth-child(3){animation-delay:.4s}@keyframes csLoaderBlink{0%,80%,to{opacity:0}40%{opacity:1}}.cs-loader-bar{width:200px;height:1px;background:#ffffff14;border-radius:1px;overflow:hidden}.cs-loader-bar-fill{width:100%;height:100%;background:#fff6;transform-origin:left;transform:scaleX(0)}.cs-navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,60px);height:64px;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}.cs-navbar.cs-scrolled{background:#050505bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#ffffff0d}.cs-navbar-logo{font-size:13px;font-weight:400;letter-spacing:5px;color:#ffffffe6}.cs-navbar-links{display:flex;align-items:center;gap:12px}.cs-navbar-link{font-size:11px;font-weight:300;letter-spacing:2px;color:#ffffff73;text-transform:uppercase;cursor:pointer;transition:color .3s}.cs-navbar-link:hover{color:#ffffffb3}.cs-navbar-link--active{color:#22d3eee6}.cs-navbar-sep{font-size:11px;color:#ffffff1a}.cs-navbar-cta{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;padding:8px 20px;font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s;font-family:inherit}.cs-navbar-cta:hover{border-color:#fff6;background:#ffffff0d;box-shadow:0 0 20px #ffffff08}.cs-page main>section,.cs-page .cs-waitlist{position:relative;z-index:2;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:clamp(24px,4vw,60px);padding-right:clamp(24px,4vw,60px)}.cs-section-label{font-size:11px;font-weight:400;letter-spacing:5px;color:#ffffff4d;text-transform:uppercase;margin:0 0 clamp(40px,5vw,64px);will-change:transform}.cs-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:64px;padding-bottom:clamp(40px,6vw,80px);overflow:hidden}.cs-hero-brain{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(500px,70vw,900px);z-index:0;pointer-events:none}.cs-hero-brain-img{width:100%;height:auto;display:block;mask-image:radial-gradient(ellipse 55% 55% at 50% 48%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 55% 55% at 50% 48%,black 30%,transparent 70%);opacity:.5;filter:saturate(.7) brightness(.85)}.cs-hero-brain-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(56,189,248,.06) 0%,rgba(0,204,255,.03) 40%,transparent 70%);animation:csGlowPulse 6s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes csGlowPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.06)}}.cs-hero-content{position:relative;z-index:3}.cs-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:400;letter-spacing:4px;color:#ffffff80;text-transform:uppercase;margin-bottom:32px;padding:6px 16px;border:1px solid rgba(255,255,255,.08);border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 8px #22d3ee80;animation:csBadgePulse 2s ease-in-out infinite}@keyframes csBadgePulse{0%,to{opacity:1}50%{opacity:.4}}.cs-hero-heading{font-size:clamp(40px,7vw,96px);font-weight:300;letter-spacing:clamp(3px,.6vw,10px);line-height:1.05;color:#fffffff2;margin:0;text-transform:uppercase;text-shadow:0 0 80px rgba(56,189,248,.12)}.cs-hero-line{display:block;overflow:hidden}.cs-word{display:inline-block;overflow:hidden}.cs-char{display:inline-block}.cs-hero-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:clamp(24px,3vw,40px) auto;transform-origin:center}.cs-hero-sub{font-size:clamp(15px,1.5vw,20px);font-weight:300;color:#ffffff8c;letter-spacing:1px;line-height:1.7;margin:0}.cs-marquee{position:relative;z-index:2;width:100%;overflow:hidden;padding:clamp(20px,3vw,32px) 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.cs-marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:csMarquee 30s linear infinite}@keyframes csMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cs-marquee-item{display:flex;align-items:center;gap:24px;padding-right:24px;font-size:12px;font-weight:400;letter-spacing:4px;color:#fff3;text-transform:uppercase;white-space:nowrap}.cs-marquee-dot{width:4px;height:4px;border-radius:50%;background:#ffffff14;flex-shrink:0}.cs-vision{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(80px,10vw,160px)}.cs-vision-quote{font-size:clamp(22px,3vw,40px);font-weight:300;font-style:italic;line-height:1.45;color:#ffffffe6;margin:0 0 clamp(40px,5vw,72px);padding:0;border:none;overflow:hidden}.cs-vision-body{max-width:700px}.cs-vision-body p{font-size:clamp(15px,1.3vw,17px);font-weight:300;color:#ffffff80;line-height:1.8;margin:0 0 24px;will-change:transform,opacity}.cs-vision-body p:last-child{margin-bottom:0}.cs-img-break{position:relative;z-index:2;width:100%;height:clamp(300px,50vw,600px);overflow:hidden}.cs-img-break-src{width:100%;height:140%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 40%;object-position:center 40%;display:block;filter:saturate(.5) brightness(.6)}.cs-img-break-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#050505 0%,transparent 25%,transparent 75%,#050505 100%),linear-gradient(to right,rgba(5,5,5,.4) 0%,transparent 20%,transparent 80%,rgba(5,5,5,.4) 100%);pointer-events:none}.cs-img-break--nodes{background-color:#000}.cs-img-break--nodes .cs-img-break-src{filter:brightness(.3) saturate(.2);-o-object-position:center 50%;object-position:center 50%;will-change:filter}.cs-nodes-glow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:140%;-o-object-fit:cover;object-fit:cover;pointer-events:none;mix-blend-mode:screen;opacity:0;will-change:opacity}.cs-nodes-glow--sharp{-o-object-position:center 50%;object-position:center 50%;filter:brightness(1.5) contrast(4) saturate(0) sepia(1) hue-rotate(155deg) saturate(6);z-index:2}.cs-nodes-glow--soft{-o-object-position:center 50%;object-position:center 50%;filter:blur(14px) brightness(1.8) contrast(3) saturate(0) sepia(1) hue-rotate(155deg) saturate(6);z-index:3}.cs-stats{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(32px,6vw,80px);padding:clamp(40px,5vw,64px) clamp(24px,4vw,60px);max-width:1100px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.04)}.cs-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.cs-stat-num{font-size:clamp(32px,4vw,56px);font-weight:200;color:#ffffffe6;letter-spacing:2px;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 30px rgba(56,189,248,.1)}.cs-stat-label{font-size:10px;font-weight:400;letter-spacing:3px;color:#ffffff59;text-transform:uppercase}.cs-pillars{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(80px,10vw,160px)}.cs-pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,32px)}.cs-pillar{position:relative;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:clamp(28px,3vw,40px);background:#ffffff04;transition:border-color .4s,background .4s,transform .4s;overflow:hidden}.cs-pillar:hover{border-color:#ffffff1f;background:#ffffff08;transform:translateY(-4px)}.cs-pillar-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.04),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.cs-pillar:hover .cs-pillar-glow{opacity:1}.cs-pillar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cs-pillar-num{font-size:clamp(40px,4vw,56px);font-weight:200;color:#ffffff12;line-height:1;font-variant-numeric:tabular-nums;will-change:color}.cs-pillar-icon{width:28px;height:28px;color:#ffffff40;transition:color .3s}.cs-pillar-icon svg{width:100%;height:100%}.cs-pillar:hover .cs-pillar-icon{color:#38bdf899}.cs-pillar-title{font-size:clamp(13px,1.1vw,15px);font-weight:500;letter-spacing:4px;color:#ffffffe6;margin:0 0 8px}.cs-pillar-sub{font-size:clamp(13px,1vw,14px);font-weight:300;color:#fff6;margin:0 0 16px;font-style:italic}.cs-pillar-desc{font-size:clamp(13px,1vw,14px);font-weight:300;color:#ffffff80;line-height:1.7;margin:0}.cs-process{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(80px,10vw,160px)}.cs-process-steps{display:flex;flex-direction:column}.cs-process-step{position:relative;display:flex;align-items:baseline;gap:clamp(24px,4vw,60px);padding:clamp(28px,3vw,40px) 0;border-bottom:1px solid rgba(255,255,255,.04);transition:border-color .3s}.cs-process-step:first-child{border-top:1px solid rgba(255,255,255,.04)}.cs-step-progress{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#22d3ee99,#38bdf880,#00ccff80);transform:scaleX(0);transform-origin:left;will-change:transform}.cs-step-left{display:flex;align-items:baseline;gap:clamp(12px,2vw,24px);flex-shrink:0;min-width:clamp(140px,20vw,240px)}.cs-step-num{font-size:clamp(12px,1vw,14px);font-weight:300;color:#ffffff4d;letter-spacing:2px;font-variant-numeric:tabular-nums;will-change:color}.cs-step-title{font-size:clamp(14px,1.2vw,16px);font-weight:400;letter-spacing:4px;color:#ffffffe6;will-change:color}.cs-step-right{flex:1}.cs-step-desc{font-size:clamp(13px,1vw,15px);font-weight:300;color:#ffffff80;line-height:1.7;margin:0}.cs-comparison{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(80px,10vw,160px)}.cs-comp-header{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);padding-bottom:clamp(16px,2vw,24px);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:0}.cs-comp-header .cs-comp-old,.cs-comp-header .cs-comp-new{font-size:11px;font-weight:400;letter-spacing:4px;text-transform:uppercase}.cs-comp-header .cs-comp-old{color:#ffffff4d}.cs-comp-header .cs-comp-new{color:#38bdf8b3}.cs-comp-grid{display:flex;flex-direction:column}.cs-comp-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);padding:clamp(18px,2vw,28px) 0;border-bottom:1px solid rgba(255,255,255,.03);transition:background .3s}.cs-comp-row:hover{background:#ffffff03}.cs-comp-row .cs-comp-old{font-size:clamp(13px,1vw,15px);font-weight:300;color:#ffffff4d;line-height:1.6;text-decoration:line-through;text-decoration-color:#ffffff14}.cs-comp-row .cs-comp-new{font-size:clamp(13px,1vw,15px);font-weight:300;color:#ffffffd9;line-height:1.6}.cs-waitlist{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(80px,10vw,120px);text-align:center;display:flex;flex-direction:column;align-items:center}.cs-wl-heading{font-size:clamp(26px,3.5vw,52px);font-weight:300;color:#ffffffe6;line-height:1.3;margin:0 0 clamp(40px,5vw,64px);max-width:800px;overflow:hidden}.cs-wl-form{width:100%;max-width:520px;margin-bottom:clamp(40px,5vw,64px)}.cs-wl-input-row{display:flex;gap:0}.cs-wl-input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-right:none;border-radius:4px 0 0 4px;padding:16px 20px;color:#fff;font-size:14px;font-weight:300;font-family:inherit;outline:none;transition:border-color .3s,box-shadow .3s}.cs-wl-input::-moz-placeholder{color:#ffffff4d}.cs-wl-input::placeholder{color:#ffffff4d}.cs-wl-input:focus{border-color:#38bdf84d;box-shadow:0 0 20px #38bdf80d}.cs-wl-btn{background:#ffffffe6;border:none;border-radius:0 4px 4px 0;padding:16px 28px;color:#050505;font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .3s,box-shadow .3s;font-family:inherit}.cs-wl-btn:hover{background:#fff;box-shadow:0 0 30px #ffffff1a}.cs-wl-btn:disabled{cursor:default;background:#ffffff80}.cs-wl-error{font-size:13px;font-weight:300;color:#ff6464cc;margin-top:12px}.cs-wl-count{font-size:13px;font-weight:300;color:#fff6;margin-top:16px;letter-spacing:.5px}.cs-countdown{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,24px);margin-bottom:clamp(16px,2vw,24px)}.cs-cd-block{display:flex;flex-direction:column;align-items:center;min-width:clamp(48px,6vw,72px)}.cs-cd-num{font-size:clamp(36px,4.5vw,64px);font-weight:200;color:#ffffffe6;line-height:1;letter-spacing:2px;font-variant-numeric:tabular-nums}.cs-cd-sep{font-size:clamp(24px,3vw,40px);font-weight:200;color:#ffffff40;margin-top:-8px}.cs-cd-label{font-size:9px;letter-spacing:4px;color:#ffffff4d;margin-top:10px;text-transform:uppercase;font-weight:300}.cs-launch-date{font-size:13px;font-weight:300;color:#ffffff4d;letter-spacing:2px;margin:0}.cs-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:clamp(24px,3vw,40px) clamp(24px,4vw,60px);border-top:1px solid rgba(255,255,255,.04);font-size:12px;font-weight:300;color:#ffffff4d;letter-spacing:1px}.cs-footer-links{color:#ffffff4d}.cs-guide-line{position:fixed;left:clamp(16px,2.5vw,36px);top:0;bottom:0;width:1px;background:#ffffff0a;z-index:100;pointer-events:none}.cs-guide-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(to bottom,#22d3ee26,#22d3ee73);box-shadow:0 0 4px #22d3ee33}.cs-guide-glow{position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3eee6,0 0 25px #22d3ee66,0 0 50px #22d3ee26}.cs-guide-glow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(40vw,300px);height:1px;background:linear-gradient(to right,rgba(34,211,238,.12),rgba(34,211,238,.03) 40%,transparent);pointer-events:none}.cs-reveal-word{display:inline-block}.cs-bg-text-wrap{position:relative;overflow:hidden}.cs-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(120px,18vw,280px);font-weight:200;letter-spacing:.15em;color:#ffffff08;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;will-change:transform}@media (max-width: 768px){.cs-navbar-links{display:none}.cs-hero-brain{width:120vw}.cs-pillars-grid{grid-template-columns:1fr}.cs-process-step{flex-direction:column;gap:8px}.cs-step-left{min-width:auto}.cs-comp-header,.cs-comp-row{grid-template-columns:1fr;gap:8px}.cs-comp-header .cs-comp-new{display:none}.cs-comp-row .cs-comp-old{padding-bottom:4px}.cs-comp-row .cs-comp-new{padding-left:16px;border-left:1px solid rgba(255,255,255,.08)}.cs-wl-input-row{flex-direction:column;gap:8px}.cs-wl-input{border-right:1px solid rgba(255,255,255,.08);border-radius:4px}.cs-wl-btn{border-radius:4px}.cs-stats{flex-wrap:wrap;gap:24px 40px}.cs-footer{flex-direction:column;gap:8px;text-align:center}.cs-bg-text,.cs-guide-line{display:none}}@media (max-width: 768px){.ai-chat-panel{width:380px;max-height:65vh}.ai-chat-panel.open{right:12px;bottom:12px}.ai-chat-hole-wrapper{width:200px;height:230px;right:12px;bottom:12px}.ai-chat-bot-btn{width:140px;height:170px}}@media (max-width: 480px){.ai-chat-panel{width:auto;left:8px;right:8px;bottom:8px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);border-radius:16px}.ai-chat-panel.open{left:8px;right:8px;bottom:8px;transform:scale(1);transform-origin:center bottom}.ai-chat-hole-wrapper{width:160px;height:190px;right:8px;bottom:8px}.ai-chat-bot-btn{width:110px;height:140px}.ai-chat-header{padding:12px 14px}.ai-chat-header h3{font-size:14px}.ai-chat-messages{padding:12px}.ai-chat-input-area{padding:8px 10px}.ai-chat-suggestions{padding:0 10px}.ai-chat-suggestion-chip{font-size:11px;padding:5px 10px}.ai-chat-panel-bot{height:80px}}@media (max-width: 360px){.ai-chat-hole-wrapper{width:130px;height:160px;right:6px;bottom:6px}.ai-chat-bot-btn{width:90px;height:120px}.ai-chat-panel{left:4px;right:4px;bottom:4px;max-height:calc(100dvh - 60px)}.ai-chat-panel.open{left:4px;right:4px;bottom:4px}}@media (min-width: 1400px){.main-content{display:flex;flex-direction:column;align-items:center}.main-content>*:not(.ai-chat-hole-wrapper):not(.ai-chat-panel):not(.ai-chat-backdrop):not(.modal-overlay){width:100%;max-width:1200px}}.support-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.support-form-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.support-form-header h4{margin:0;font-size:.95rem;font-weight:600;color:#e4e4e7}.support-form-back{background:none;border:none;color:#a1a1aa;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.support-form-back:hover{color:#22d3ee;background:#22d3ee14}.support-form-fields{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.support-form-group{display:flex;flex-direction:column;gap:5px}.support-form-group label{font-size:.8rem;font-weight:500;color:#a1a1aa;letter-spacing:.02em}.support-form-hint{font-weight:400;color:#52525b;font-size:.75rem}.support-form-group input,.support-form-group select,.support-form-group textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;color:#e4e4e7;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.support-form-group input:focus,.support-form-group select:focus,.support-form-group textarea:focus{border-color:#22d3ee66;box-shadow:0 0 0 2px #22d3ee1a}.support-form-group input::-moz-placeholder,.support-form-group textarea::-moz-placeholder{color:#52525b}.support-form-group input::placeholder,.support-form-group textarea::placeholder{color:#52525b}.support-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1aa' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.support-form-group select option{background:#18181b;color:#e4e4e7}.support-form-group textarea{resize:vertical;min-height:80px;max-height:160px}.support-form-images{display:flex;gap:8px;flex-wrap:wrap}.support-form-image-thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.support-form-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.support-form-image-remove{position:absolute;top:2px;right:2px;background:#000000b3;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;transition:background .15s}.support-form-image-remove:hover{background:#ef44444d}.support-form-image-add{width:64px;height:64px;border-radius:8px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#52525b;font-size:.65rem;transition:border-color .2s,color .2s,background .2s}.support-form-image-add:hover{border-color:#22d3ee4d;color:#22d3ee;background:#22d3ee0a}.support-form-submit{margin:0 16px 16px;padding:10px 16px;background:linear-gradient(135deg,#0e7490,#0891b2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .1s}.support-form-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.support-form-submit:disabled{opacity:.4;cursor:not-allowed}.support-form-success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.support-form-success h4{color:#e4e4e7;font-size:1.1rem;margin:0}.support-form-success p{color:#71717a;font-size:.875rem;margin:0;line-height:1.5}.support-form-back-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#a1a1aa;font-size:.8rem;cursor:pointer;transition:color .15s,border-color .15s}.support-form-back-btn:hover{color:#22d3ee;border-color:#22d3ee4d}.studymap-panel{padding:0 4px}.studymap-empty,.studymap-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;color:var(--text-muted)}.studymap-empty h3,.studymap-locked h3{font-size:1.1rem;color:var(--text-primary);margin:0}.studymap-empty p{font-size:.85rem;max-width:300px}.studymap-preview{position:relative;width:100%}.studymap-blur-overlay{position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient(transparent,var(--bg-surface) 40%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:30px}.studymap-lock-message{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--text-primary)}.studymap-lock-message h4{margin:0;font-size:1rem}.studymap-lock-message p{font-size:.8rem;color:var(--text-muted);margin:0}.studymap-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.studymap-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.studymap-subtitle{font-size:.82rem;color:var(--text-muted);margin:0 0 10px;line-height:1.4}.studymap-meta-row{display:flex;gap:6px;flex-wrap:wrap}.studymap-badge{display:inline-block;padding:2px 8px;font-size:.7rem;border-radius:4px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:capitalize}.studymap-controls{display:flex;gap:4px;flex-shrink:0}.studymap-prereqs{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px;margin-bottom:20px}.studymap-prereqs h4{font-size:.85rem;margin:0 0 8px;color:var(--text-primary)}.studymap-prereq-item{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.studymap-inline-code{background:var(--bg-input);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:.75rem;margin-left:6px}.studymap-steps{display:flex;flex-direction:column;gap:8px}.studymap-step{border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;transition:border-color .2s}.studymap-step:hover{border-color:var(--border-strong)}.studymap-step.expanded{border-color:var(--accent-purple);box-shadow:0 0 0 1px var(--accent-purple-dim)}.studymap-step-header{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.studymap-step-header:hover{background:var(--bg-hover)}.studymap-step-number{width:28px;height:28px;border-radius:50%;background:var(--accent-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.studymap-step-title-area{flex:1;min-width:0}.studymap-step-title{font-size:.88rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studymap-chapter-badge{display:inline-block;font-size:.65rem;color:var(--accent-cyan);margin-top:2px;opacity:.8}.studymap-step-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--text-muted)}.studymap-step-content{padding:0 14px 14px;animation:studymapSlideIn .2s ease}@keyframes studymapSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.studymap-frame{position:relative;border-radius:8px;overflow:hidden;margin-bottom:12px;border:1px solid var(--border-subtle)}.studymap-frame img{width:100%;height:auto;display:block}.studymap-frame-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;gap:6px;color:#fff;font-size:.75rem}.studymap-step-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0 0 12px}.studymap-code-block{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;margin-bottom:10px}.studymap-code-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.studymap-copy-btn{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:3px;transition:color .15s,background .15s}.studymap-copy-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.studymap-code-pre{padding:10px 12px;margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.6;color:var(--accent-cyan);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.studymap-code-line{display:flex;gap:8px}.studymap-prompt{color:var(--accent-purple);-webkit-user-select:none;-moz-user-select:none;user-select:none}.studymap-expected{background:#00ccff0f;border:1px solid rgba(0,204,255,.15);border-radius:6px;padding:8px 12px;font-size:.78rem;color:var(--text-secondary);margin-bottom:10px}.studymap-expected-label{color:var(--accent-cyan);font-weight:600}.studymap-troubleshoot{background:#ff64640f;border:1px solid rgba(255,100,100,.15);border-radius:6px;padding:8px 12px;font-size:.78rem;margin-bottom:10px}.studymap-troubleshoot-issue{color:#ff6b6b;font-weight:600}.studymap-progress-track{height:2px;background:var(--bg-elevated)}.studymap-progress-fill{height:100%;background:var(--accent-purple);transition:width .3s ease}.studymap-verification,.studymap-nextsteps,.studymap-resources{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.studymap-verification h4,.studymap-nextsteps h4,.studymap-resources h4{font-size:.9rem;margin:0 0 8px;color:var(--text-primary)}.studymap-verification p{font-size:.82rem;color:var(--text-secondary);margin:0 0 8px}.studymap-nextstep-item{font-size:.82rem;color:var(--text-secondary);padding:4px 0 4px 12px;border-left:2px solid var(--accent-purple-dim);margin-bottom:6px}.studymap-resource-link{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--accent-cyan);text-decoration:none;padding:4px 0;transition:opacity .15s}.studymap-resource-link:hover{opacity:.8}.studymap-resource-desc{color:var(--text-muted)}.add-source-modal{max-width:600px;transition:max-width .3s ease}.add-source-modal.modal-wide{max-width:1000px;max-height:92vh;overflow:hidden}.add-source-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.add-source-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:8px;border:1px solid var(--border-default);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease}.add-source-tab:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.add-source-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.add-source-tab:disabled{opacity:.4;cursor:not-allowed}.add-source-body{padding:0 1.5rem 1.5rem}.modal-wide .add-source-body{overflow-y:auto;flex:1 1 auto;padding-bottom:2rem}.watchonce-player-area .youtube-embed-container{border-radius:8px;overflow:hidden}.wo-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem;margin-top:.75rem;color:#ef4444;font-size:.85rem}.wo-player-area{display:flex;flex-direction:column;gap:.5rem}.wo-video-title{font-size:1rem;font-weight:600;color:var(--text-primary);padding:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-player-container{position:relative;border-radius:8px;overflow:hidden}.wo-player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;border-radius:8px;z-index:2}.wo-captions-box{background:#0000004d;border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem;font-size:.85rem;line-height:1.6}.wo-captions-placeholder{opacity:.4;font-style:italic;margin:0}.wo-meta-bar{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.4;text-transform:capitalize}.wo-generating{text-align:center;padding:3rem 1rem}.wo-generating-icon{margin:0 auto 1rem;width:-moz-fit-content;width:fit-content}.wo-generating h3{color:var(--text-primary);margin-bottom:.5rem}.wo-generating-hint{opacity:.6;font-size:.9rem}.wo-result{display:flex;flex-direction:column}.wo-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.wo-result-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-notes-content{background:#ffffff08;border:1px solid var(--border-default);border-radius:8px;padding:1.5rem;max-height:60vh;overflow-y:auto;font-size:.9rem;line-height:1.7;color:var(--text-primary)}.wo-notes-content p{margin:0 0 .75rem}.wo-notes-content p:last-child{margin-bottom:0}.wo-notes-content .wo-h2{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--accent-primary);border-bottom:1px solid var(--border-subtle);padding-bottom:.4rem}.wo-notes-content .wo-h3{font-size:1.05rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--text-primary)}.wo-notes-content .wo-h4{font-size:.95rem;font-weight:600;margin:1rem 0 .4rem;color:var(--text-secondary)}.wo-notes-content strong{color:var(--text-primary);font-weight:600}.wo-notes-content em{font-style:italic;opacity:.9}.wo-notes-content .wo-code-block{background:#0006;border:1px solid var(--border-subtle);border-radius:6px;padding:.75rem 1rem;overflow-x:auto;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.82rem;line-height:1.5;margin:.75rem 0;white-space:pre}.wo-notes-content .wo-inline-code{background:#0000004d;border:1px solid var(--border-subtle);border-radius:3px;padding:.15rem .4rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.84rem}.wo-notes-content .wo-list{margin:.5rem 0;padding-left:1.5rem}.wo-notes-content .wo-list li{margin-bottom:.25rem}.wo-notes-content .wo-hr{border:none;border-top:1px solid var(--border-default);margin:1rem 0}.wo-captions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;min-height:120px}.wo-captions-placeholder{color:var(--text-secondary, #8b949e);font-size:.85rem;text-align:center;margin:0}.wo-transcript-block{padding:1rem 0;border-bottom:1px solid var(--border-default, rgba(255,255,255,.06));animation:captionFadeIn .4s ease-out}.wo-transcript-block:last-child{border-bottom:none}.wo-transcript-active{background:#00d2d30a;border-radius:8px;padding:1rem;margin:0 -.5rem}.wo-transcript-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.wo-ts-badge{display:inline-flex;align-items:center;gap:.35rem;background:#00d2d31f;color:var(--accent-primary, #00d2d3);border:1px solid rgba(0,210,211,.25);border-radius:20px;padding:.25rem .65rem;font-size:.78rem;font-weight:600;font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.02em;line-height:1;white-space:nowrap}.wo-ts-badge svg{opacity:.8}.wo-ts-play{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,210,211,.3);background:#00d2d314;color:var(--accent-primary, #00d2d3);cursor:pointer;transition:all .15s ease;padding:0}.wo-ts-play:hover{background:#00d2d333;border-color:#00d2d380;transform:scale(1.1)}.wo-ts-play svg{margin-left:1px}.wo-transcript-text{color:var(--text-primary, #e6edf3);font-size:.92rem;line-height:1.65;margin:0;padding-left:.25rem}@keyframes captionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wo-caption-new{animation:captionFadeIn .5s ease-out}.wo-synced-text{display:inline}.wo-word{color:#ffffff40;transition:color .3s ease-in,opacity .3s ease-in}.wo-word-spoken{color:#ffffffeb}.wo-word-active{color:#4ea8f6;text-shadow:0 0 8px rgba(78,168,246,.35)}.wo-captions-box::-webkit-scrollbar{width:4px}.wo-captions-box::-webkit-scrollbar-track{background:transparent}.wo-captions-box::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.wo-captions-box::-webkit-scrollbar-thumb:hover{background:#ffffff40}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 262.1 83.3% 57.8%;--primary-foreground: 0 0% 100%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 187.9 85.7% 42.7%;--accent-foreground: 0 0% 100%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 262.1 83.3% 57.8%;--radius: .625rem}[data-theme=light]{--background: 0 0% 100%;--foreground: 210 11% 15%;--card: 0 0% 100%;--card-foreground: 210 11% 15%;--popover: 0 0% 100%;--popover-foreground: 210 11% 15%;--secondary: 220 14% 96%;--secondary-foreground: 210 11% 15%;--muted: 220 14% 96%;--muted-foreground: 220 9% 46%;--border: 220 13% 91%;--input: 220 13% 91%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.max-h-screen{max-height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-blue-500\/30{border-color:#3b82f64d}.border-green-500\/30{border-color:#22c55e4d}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-yellow-500\/30{border-color:#eab3084d}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-destructive{background-color:hsl(var(--destructive))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-orange-500\/20{background-color:#f9731633}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#8b5cf633}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-yellow-400{fill:#facc15}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #a78bfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #22d3ee var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.focus-visible:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--ring));--tw-ring-offset-width: 2px;--tw-ring-offset-color: hsl(var(--background))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-purple-500:hover{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-purple-500\/10:hover{background-color:#8b5cf61a}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:from-purple-600:hover{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-cyan-600:hover{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #6d28d9 var(--tw-gradient-to-position)}.hover\:text-purple-300:hover{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.hover\:text-purple-400:hover{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.hover\:text-zinc-100:hover{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.hover\:text-zinc-600:hover{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-purple-500\/25:hover{--tw-shadow-color: rgb(139 92 246 / .25);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:bg-zinc-800:focus{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.focus\:text-zinc-100:focus{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-purple-500\/20:focus{--tw-ring-color: rgb(139 92 246 / .2)}.focus\:ring-red-500\/20:focus{--tw-ring-color: rgb(239 68 68 / .2)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:fade-out .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .2s ease-out}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}.data-\[state\=open\]\:animate-slide-in-from-right[data-state=open]{animation:slide-in-from-right .3s ease-out}.data-\[state\=active\]\:bg-purple-500\/20[data-state=active]{background-color:#8b5cf633}.data-\[state\=open\]\:bg-zinc-800[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.data-\[state\=active\]\:text-purple-400[data-state=active]{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (min-width: 640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:max-w-\[420px\]{max-width:420px}}