@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-funky:"Bricolage Grotesque", sans-serif;--font-mono:"Space Grotesk", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--bg-gradient:linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 100%);--panel-bg:#ffffffd9;--panel-border:#0000000f;--panel-border-hover:#0000001f;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--accent-primary:#0071e3;--accent-secondary:#6366f1;--accent-glow:#0071e314;--accent-gradient:linear-gradient(135deg, #0071e3 0%, #6366f1 100%);--success:#34c759;--error:#ff3b30;--warning:#ff9500;--scrollbar-thumb:#0000002e;--scrollbar-thumb-hover:#00000059;--scrollbar-track:transparent;--transition-fast:transform .12s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);--transition-normal:all .25s var(--ease-out)}.theme-noon{--bg-gradient:linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 100%);--panel-bg:#ffffffd9;--panel-border:#0000000f;--panel-border-hover:#0000001f;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--accent-primary:#0071e3;--accent-secondary:#6366f1;--accent-glow:#0071e314;--accent-gradient:linear-gradient(135deg, #0071e3 0%, #6366f1 100%);--scrollbar-thumb:#0000002e;--scrollbar-thumb-hover:#00000059;--scrollbar-track:transparent}.theme-sunset{--bg-gradient:linear-gradient(135deg, #fdf6e2 0%, #f4ebd0 100%);--panel-bg:#fffaf0e6;--panel-border:#d4a35926;--panel-border-hover:#d4a3594d;--text-primary:#5c3f15;--text-secondary:#7d5c2b;--text-muted:#9e7f53;--accent-primary:#d46b08;--accent-secondary:#c41d7f;--accent-glow:#d46b0814;--accent-gradient:linear-gradient(135deg, #d46b08 0%, #c41d7f 100%);--scrollbar-thumb:#8c5a1e38;--scrollbar-thumb-hover:#8c5a1e66;--scrollbar-track:transparent}.theme-dusk{--bg-gradient:linear-gradient(135deg, #1e1e24 0%, #121216 100%);--panel-bg:#1e1e26bf;--panel-border:#ffffff14;--panel-border-hover:#ffffff26;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#6e6e73;--accent-primary:#2997ff;--accent-secondary:#818cf8;--accent-glow:#2997ff1f;--accent-gradient:linear-gradient(135deg, #2997ff 0%, #818cf8 100%);--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff4d;--scrollbar-track:transparent}.theme-midnight{--bg-gradient:linear-gradient(135deg, #050505 0%, #000 100%);--panel-bg:#0a0a0ad9;--panel-border:#ffffff0d;--panel-border-hover:#0071e34d;--text-primary:#fff;--text-secondary:#888;--text-muted:#444;--accent-primary:#00d2ff;--accent-secondary:#0071e3;--accent-glow:#00d2ff26;--accent-gradient:linear-gradient(135deg, #00d2ff 0%, #0071e3 100%);--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#ffffff40;--scrollbar-track:transparent}body,.glass-panel,.user-badge-capsule,.user-dashboard-dropdown,.url-input,.auth-input,.transcript-segment,.btn,.tab-btn,.theme-slider-container,.theme-slider-container button,.site-footer,.footer-logo-text,.footer-tagline,.footer-nav-links a,.footer-copyright,.footer-copyright a{transition:background-color .4s cubic-bezier(.23,1,.32,1),background .4s cubic-bezier(.23,1,.32,1),color .4s cubic-bezier(.23,1,.32,1),border-color .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}.app-container{max-width:1200px;min-height:100vh;animation:page-fade-in .45s var(--ease-out);flex-direction:column;margin:0 auto;padding:4rem 1.5rem 0;display:flex}@keyframes page-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.view-enter-active{will-change:transform, opacity;animation:.45s cubic-bezier(.32,.72,0,1) forwards apple-view-enter}.dashboard-enter-active{will-change:transform, opacity;animation:.4s cubic-bezier(.32,.72,0,1) forwards apple-dashboard-enter}.stagger-item-1{animation:.45s cubic-bezier(.32,.72,0,1) 60ms both apple-stagger-in}.stagger-item-2{animation:.45s cubic-bezier(.32,.72,0,1) .12s both apple-stagger-in}.stagger-item-3{animation:.45s cubic-bezier(.32,.72,0,1) .18s both apple-stagger-in}@keyframes apple-view-enter{0%{opacity:0;filter:blur(4px);transform:scale(.97)translateY(18px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes apple-dashboard-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes apple-stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.view-enter-active,.dashboard-enter-active,.stagger-item-1,.stagger-item-2,.stagger-item-3{filter:none!important;animation:.2s forwards apple-crossfade!important;transform:none!important}}@keyframes apple-crossfade{0%{opacity:0}to{opacity:1}}header{text-align:center;margin-bottom:4rem}.logo-container{justify-content:center;align-items:center;display:flex;position:relative}.logo-container:after{content:"";background:var(--accent-gradient);border-radius:99px;width:40%;height:3px;position:absolute;bottom:-6px;left:30%}.logo-text{font-family:var(--font-funky);color:var(--text-primary);letter-spacing:-.04em;text-transform:lowercase;font-size:3.25rem;font-weight:800;line-height:1.1;position:relative}.logo-text:after{content:"";background:var(--accent-gradient);opacity:.8;border-radius:99px;width:50%;height:2px;position:absolute;bottom:-4px;left:25%}header p{color:var(--text-secondary);letter-spacing:-.01em;font-size:1.1rem;font-weight:500;font-family:var(--font-sans);margin-top:.5rem}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(30px)saturate(190%);transition:var(--transition-fast);will-change:transform, border-color, box-shadow;border-radius:12px;padding:2.25rem;box-shadow:0 10px 30px #00000008,0 1px 3px #00000003}.glass-panel:hover{border-color:var(--panel-border-hover);box-shadow:0 16px 40px #0000000f}.input-group{border:1px solid var(--panel-border);transition:var(--transition-fast);background:#00000006;border-radius:8px;gap:.5rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.input-group:focus-within{background:var(--panel-bg);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), 0 4px 20px 0 #0071e30f}input[type=text]{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:.8rem 1.1rem;font-size:.98rem}input::placeholder{color:var(--text-muted)}.btn{font-family:var(--font-sans);cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);will-change:transform;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #0071e326}.btn-primary:hover{background:#06c;box-shadow:0 6px 16px #0071e340}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}select{border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);appearance:none;background:#00000006 url("data:image/svg+xml;utf8,<svg fill='%236e6e73' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right 8px center no-repeat;border-radius:8px;outline:none;padding:.55rem 2.25rem .55rem 1rem;font-size:.88rem;font-weight:500}select:hover{border-color:var(--panel-border-hover);background-color:#0000000d}select:focus{border-color:var(--accent-primary);background-color:#fff}.switch-container{-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:.75rem;padding:.4rem .6rem;display:inline-flex}.switch-container:hover{background:#00000005}.switch-label{color:var(--text-primary);font-size:.92rem;font-weight:600;font-family:var(--font-sans)}.switch-control{width:42px;height:22px;transition:var(--transition-fast);background:#00000014;border:1px solid #00000005;border-radius:99px;position:relative}.switch-control.checked{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 2px 8px #0071e333}.switch-handle{width:16px;height:16px;transition:transform .18s var(--ease-spring);will-change:transform;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.switch-control.checked .switch-handle{transform:translate(20px)}.panel-header-util{font-family:var(--font-sans);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:.95rem;font-weight:700;display:flex}.panel-title-util{color:var(--text-primary);letter-spacing:-.01em}.panel-status-util{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);background:#0000000a;border:1px solid #0000000a;border-radius:4px;padding:.2rem .5rem}.label-util{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.clear-btn-util{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 .5rem;font-size:1.25rem;transition:color .1s;display:flex}.clear-btn-util:hover{color:var(--text-primary)}.switch-sublabel-util{color:var(--text-muted);font-size:.8rem;font-family:var(--font-sans);margin-top:.2rem;font-weight:400;display:block}.alert-error-util{font-family:var(--font-sans);color:var(--error);background:#ff3b300f;border:1px solid #ff3b301f;border-radius:6px;padding:.75rem 1rem;font-size:.88rem}.spinner-util{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin-util;display:inline-block}@keyframes spin-util{to{transform:rotate(360deg)}}.status-pulse{animation:1.5s ease-in-out infinite alternate status-glow-util;color:var(--accent-primary)!important;background:#0071e30f!important;border-color:#0071e326!important}@keyframes status-glow-util{0%{box-shadow:0 0 2px #0071e30d}to{box-shadow:0 0 8px #0071e340}}.paste-btn-util{color:var(--accent-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:600}.paste-btn-util:hover{background:#0071e30f}.paste-btn-util:active{transform:scale(.95)}.input-helper-text-util{font-family:var(--font-sans);color:var(--text-muted);padding-left:.25rem;font-size:.78rem}.main-grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem;display:grid}@media (width>=992px){.main-grid{grid-template-columns:4fr 6fr;align-items:start}}.player-column{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:2rem}.video-card{aspect-ratio:9/16;width:100%;max-width:360px;max-height:65vh;transition:var(--transition-fast);background:#000;border:1px solid #0000000f;border-radius:20px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.video-card:hover{border-color:#00000026}.video-card video{object-fit:cover;width:100%;height:100%;display:block}.custom-player-card{-webkit-user-select:none;user-select:none}.player-pulse-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-pulse-circle{-webkit-backdrop-filter:blur(16px);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:.45s cubic-bezier(.32,.72,0,1) forwards pulse-pop;display:flex}@keyframes pulse-pop{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.25)}}.player-controls-overlay{-webkit-backdrop-filter:blur(12px)saturate(180%);opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);pointer-events:none;z-index:8;background:linear-gradient(#0000 0%,#0006 30%,#000000d1 100%);flex-direction:column;gap:.5rem;padding:.85rem;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.player-controls-overlay.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.player-scrubber-container{align-items:center;width:100%;display:flex}.player-scrubber-input{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;transition:height .15s}.player-scrubber-input:hover{height:6px}.player-scrubber-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:0 2px 6px #0006}.player-scrubber-input:hover::-webkit-slider-thumb{transform:scale(1.25)}.player-actions-bar{justify-content:space-between;align-items:center;display:flex}.player-actions-left,.player-actions-right{align-items:center;gap:.5rem;display:flex}.player-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:all .15s var(--ease-out);background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex}.player-btn:hover{background:#ffffff40;transform:scale(1.05)}.player-btn:active{transform:scale(.92)}.player-time-text{font-family:var(--font-mono);color:#ffffffd9;letter-spacing:.02em;font-size:.72rem;font-weight:500}.player-speed-pill{color:#fff;font-family:var(--font-mono);cursor:pointer;transition:all .15s var(--ease-out);background:#ffffff26;border:1px solid #fff3;border-radius:12px;outline:none;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.player-speed-pill:hover{background:#ffffff47;transform:scale(1.05)}.tab-label-short{display:none}.viewer-column{flex-direction:column;height:620px;display:flex}.tabs-header{scrollbar-width:none;background:#78787826;border-radius:8px;gap:2px;margin-bottom:1.75rem;padding:3px;display:flex;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:transform .1s var(--ease-out), background-color .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);text-align:center;background:0 0;border:none;border-radius:6px;outline:none;flex:1;padding:.55rem .85rem;font-size:.88rem;font-weight:600;position:relative}.tab-btn:active{transform:scale(.97)}.tab-btn:hover{color:var(--text-primary);background:#78787814}.tab-btn.active{color:var(--text-primary);background:var(--panel-bg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.tab-content{flex:1;min-height:0;padding-right:.5rem;overflow-y:auto}.fade-in-tab{animation:.24s cubic-bezier(.16,1,.3,1) forwards tab-enter}@keyframes tab-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-list{flex-direction:column;gap:.5rem;display:flex}.transcript-item{cursor:pointer;transition:var(--transition-fast);will-change:transform, background-color;background:0 0;border:1px solid #0000;border-radius:12px;gap:1rem;padding:.75rem 1rem;display:flex}.transcript-item:hover{background:#0071e309;transform:translate(4px)}.transcript-item:active{transform:scale(.99)translate(4px)}.transcript-item.active{border-left:3px solid var(--accent-primary);background:#0071e30e;border-radius:0 8px 8px 0;padding-left:.8rem}.transcript-item.active .transcript-text{font-weight:600}.transcript-item.active .transcript-time{background:var(--accent-primary);color:#fff;box-shadow:0 2px 6px #0071e326}.transcript-time{font-family:var(--font-mono);color:var(--accent-primary);text-align:center;min-width:54px;transition:background-color .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);background:#0071e30f;border-radius:6px;align-self:flex-start;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.transcript-text{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;min-width:0;transition:color .15s var(--ease-out), font-weight .15s var(--ease-out);flex:1;font-size:.95rem;font-weight:450;line-height:1.55}.content-prose{color:var(--text-primary);font-size:1rem;line-height:1.65}.bullet-list{flex-direction:column;gap:.85rem;list-style-type:none;display:flex}.bullet-item{color:var(--text-primary);padding-left:1.75rem;font-size:.95rem;font-weight:450;position:relative}.bullet-item:before{content:"•";color:var(--text-muted);font-size:1.1rem;position:absolute;top:-1px;left:.5rem}.action-item:before{content:"☐";color:var(--accent-primary);font-size:1rem;font-weight:700;top:0;left:.4rem}.quote-card{border-left:3px solid var(--accent-primary);transition:var(--transition-fast);background:#00000003;border-top:1px solid #00000005;border-bottom:1px solid #00000005;border-right:1px solid #00000005;border-radius:0 12px 12px 0;margin-bottom:1.25rem;padding:1.25rem}.quote-card:hover{background:#00000005}.quote-text{color:var(--text-primary);margin-bottom:.75rem;font-size:1.05rem;font-style:italic;line-height:1.6}.quote-footer{font-family:var(--font-mono);color:var(--accent-primary);cursor:pointer;transition:var(--transition-fast);align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}.quote-footer:hover{color:var(--text-secondary);text-decoration:underline}.gallery-section{animation:gallery-enter .45s var(--ease-out) .1s both;margin-top:4.5rem}@keyframes gallery-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gallery-title{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-left:3px solid var(--text-primary);margin-bottom:1.5rem;padding-left:.75rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.25rem;width:100%;display:grid}.gallery-card{cursor:pointer;background:var(--panel-bg);border:1px solid var(--panel-border);transition:transform .14s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);will-change:transform, border-color, box-shadow;border-radius:12px;flex-direction:row;align-items:stretch;gap:1rem;padding:.85rem;display:flex;box-shadow:0 4px 12px #00000003,0 1px 2px #00000001}.gallery-card:hover{border-color:var(--panel-border-hover);background:var(--panel-bg);transform:translateY(-2px);box-shadow:0 10px 24px #0000000a}.gallery-card:active{transform:scale(.98)}.gallery-preview-wrapper{background:#000;border:1px solid #0000000f;border-radius:8px;flex-shrink:0;width:72px;height:110px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.gallery-preview-video{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .15s var(--ease-out)}.gallery-card:hover .gallery-preview-video{opacity:1}.gallery-preview-overlay{color:#fff;width:100%;height:100%;transition:opacity .15s var(--ease-out);pointer-events:none;background:#00000026;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.gallery-card:hover .gallery-preview-overlay{opacity:0}.gallery-card-content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.gallery-card-headline{font-family:var(--font-sans);color:var(--text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-card-header{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);margin-bottom:.5rem;font-weight:600}.delete-card-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.delete-card-btn:hover{color:var(--error);background:#ff3b3014}.delete-card-btn:active{transform:scale(.9)}.view-analysis-link{color:var(--accent-primary);transition:var(--transition-fast);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.gallery-card:hover .view-analysis-link{gap:.4rem}.gallery-card-url-link{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-muted);transition:color .15s var(--ease-out), border-bottom-color .15s var(--ease-out);border-bottom:1px dashed #0000;font-size:.8rem;text-decoration:none;overflow:hidden}.gallery-card-url-link:hover{border-bottom-color:var(--accent-primary);color:var(--accent-primary)!important}.gallery-card-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.gallery-card-footer{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.loading-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:4rem 2rem;display:flex}.stages-list{text-align:left;background:#00000005;border:1px solid #0000000a;border-radius:16px;flex-direction:column;gap:.85rem;width:100%;max-width:340px;padding:1.25rem 1.75rem;display:flex;position:relative}.stages-list:before{content:"";z-index:0;background:#0000000d;width:2px;position:absolute;top:1.85rem;bottom:1.85rem;left:calc(1.75rem + 4px)}.stage-item{color:var(--text-muted);transition:color .25s var(--ease-out), font-weight .25s var(--ease-out);z-index:1;align-items:center;gap:.85rem;padding:.4rem 0;font-size:.95rem;display:flex;position:relative}.stage-item.active{color:var(--text-primary);font-weight:600}.stage-item.completed{color:var(--success)}.stage-dot{background:var(--text-muted);box-sizing:content-box;width:8px;height:8px;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);z-index:2;border:2.5px solid #fff;border-radius:50%}.stage-item.active .stage-dot{background:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);border-color:#fff;animation:1.2s ease-in-out infinite pulse-dot}.stage-item.completed .stage-dot{background:var(--success);border-color:#fff}.stage-check-icon{animation:check-scale .28s var(--ease-spring) forwards}@keyframes check-scale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.spinner{border:3.5px solid #0071e314;border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;animation:.75s cubic-bezier(.445,.05,.55,.95) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert-error{color:var(--error);background:#ff3b300f;border:1px solid #ff3b3026;border-radius:12px;margin-bottom:2rem;padding:1.1rem;font-size:.95rem;line-height:1.6}.site-footer{z-index:90;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--panel-border);padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom)) 0;margin-top:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000a}.site-footer:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--panel-border) 20%, var(--accent-primary) 50%, var(--panel-border) 80%, transparent 100%);opacity:.6;width:min(90%,900px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-inner-slim{justify-content:space-between;align-items:center;gap:2rem;max-width:900px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-brand{flex-direction:column;gap:.2rem;display:flex}.footer-logo-row{align-items:center;gap:.5rem;display:flex}.footer-logo-img{opacity:.9;border-radius:5px;width:22px;height:22px}.footer-logo-text{font-family:var(--font-funky);color:var(--text-primary);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.footer-tagline{font-family:var(--font-sans);color:var(--text-secondary);margin:0;font-size:.775rem}.footer-right-group{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.footer-nav-links{align-items:center;gap:.6rem;display:flex}.footer-nav-links a{font-family:var(--font-sans);color:var(--text-secondary);font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-nav-links a:hover{color:var(--accent-primary)}.footer-dot{color:var(--text-muted);font-size:.65rem}.footer-copyright{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.75rem}.footer-copyright a{color:var(--accent-primary);font-weight:600;text-decoration:none;transition:color .2s}.footer-copyright a:hover{color:var(--text-primary)}@media (width<=640px){.footer-inner-slim{text-align:center;flex-direction:column;gap:1.25rem}.footer-brand,.footer-right-group{align-items:center}}.user-badge-capsule{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);color:var(--text-primary);opacity:.65;cursor:pointer;z-index:10;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.775rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000005}.user-badge-capsule:hover,.user-badge-capsule:focus,.user-badge-capsule:active{opacity:1;background:var(--panel-bg);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0003;justify-content:center;align-items:center;animation:.2s ease-out fade-in-overlay;display:flex;position:fixed;inset:0}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}@keyframes modal-scale{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.spinner-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards page-fade-in}.auth-input{width:100%;background:var(--panel-bg)!important;border:1.5px solid var(--panel-border)!important;color:var(--text-primary)!important;font-family:var(--font-sans)!important;box-shadow:none!important;border-radius:10px!important;outline:none!important;padding:.8rem 1rem!important;font-size:.95rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.auth-input:focus{background:var(--panel-bg)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #0071e326!important}.auth-input:disabled{opacity:.5!important;cursor:not-allowed!important}.auth-input::placeholder{color:var(--text-muted)!important;opacity:.75!important}button,a,input,select,[role=button]{touch-action:manipulation}.btn,.tab-button,.user-badge-capsule{min-height:44px}@media (width<=768px){.app-container{padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom)) 1rem!important}.top-header-actions{gap:.5rem!important;top:1rem!important;right:1rem!important}.theme-slider-container{transform-origin:100%;scale:.92}.user-badge-capsule{padding:.4rem .75rem!important;font-size:.8rem!important}.main-grid{grid-template-columns:1fr!important;gap:1.25rem!important;margin-top:1rem!important}.player-column{position:relative!important;top:0!important}.viewer-column{flex-direction:column!important;height:auto!important;min-height:380px!important;max-height:55vh!important;display:flex!important}.tab-buttons-container{z-index:10!important;background:var(--panel-bg)!important;-webkit-backdrop-filter:blur(16px)saturate(180%)!important;position:sticky!important;top:0!important}.tab-button{min-height:44px!important;padding:.6rem .85rem!important;font-size:.8rem!important}.input-group-custom{border-radius:20px!important;flex-direction:column!important;padding:.5rem!important}.analyze-submit-btn{border-radius:14px!important;width:100%!important;min-height:48px!important}}@media (width<=640px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-card{width:100%!important;max-width:100%!important;padding:2rem 1.5rem calc(1.75rem + env(safe-area-inset-bottom)) 1.5rem!important;border-bottom:none!important;border-radius:24px 24px 0 0!important;animation:.35s cubic-bezier(.32,.72,0,1) bottom-sheet-slide!important;position:relative!important}.modal-card:before{content:"";background:var(--text-muted);opacity:.4;border-radius:3px;width:38px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.user-dashboard-dropdown{width:100%!important;padding:2rem 1.5rem calc(1.75rem + env(safe-area-inset-bottom)) 1.5rem!important;border-bottom:none!important;border-radius:24px 24px 0 0!important;animation:.35s cubic-bezier(.32,.72,0,1) bottom-sheet-slide!important;position:fixed!important;inset:auto 0 0!important}.user-dashboard-dropdown:before{content:"";background:var(--text-muted);opacity:.4;border-radius:3px;width:38px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}}@keyframes bottom-sheet-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}html,body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.app-container{position:relative;overflow-x:clip}@media (width<=992px){.decorative-bg-logo{display:none!important}}.apple-search-bar{box-sizing:border-box!important;width:100%!important}@media (width<=640px){.paste-btn-util{display:none!important}.apple-search-bar{box-sizing:border-box!important;gap:.35rem!important;width:100%!important;padding:.35rem .65rem .35rem .85rem!important}.analyze-submit-btn{border-radius:50%!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin-left:3px!important;padding:0!important}}@media (width<=768px){.top-header-actions{position:absolute!important;top:.75rem!important;right:.75rem!important}.app-container{padding-bottom:0!important}.site-footer{padding:1.25rem 0 calc(1.25rem + env(safe-area-inset-bottom)) 0!important;box-shadow:none!important;border-top:1px solid var(--panel-border)!important;margin-top:2rem!important;margin-bottom:0!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.main-grid{flex-direction:column!important;gap:1.25rem!important;width:100%!important;margin-top:.75rem!important;display:flex!important}.stagger-item-2,.stagger-item-3{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.player-column{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;margin-bottom:.5rem!important;display:flex!important;position:relative!important;top:auto!important}.video-card{border-radius:20px!important;width:min(310px,85vw)!important;max-width:min(310px,85vw)!important;max-height:400px!important;margin:0 auto!important}.viewer-column{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:calc(100dvh - 120px)!important;padding:.85rem .65rem!important;overflow-x:hidden!important}.tab-content{-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important;overflow-y:auto!important}.tab-label-full{display:none!important}.tab-label-short{display:inline!important}.tabs-header{box-sizing:border-box!important;border-radius:10px!important;gap:2px!important;width:100%!important;max-width:100%!important;margin:0 0 1rem!important;padding:3px!important;display:flex!important;overflow:hidden!important}.tab-btn{white-space:nowrap!important;text-overflow:ellipsis!important;text-align:center!important;border-radius:7px!important;flex:1!important;min-width:0!important;padding:.45rem .1rem!important;font-size:.725rem!important;overflow:hidden!important}}@media (width<=640px){.gallery-section{box-sizing:border-box!important;width:100%!important}.gallery-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;width:100%!important}.gallery-card{box-sizing:border-box!important;border-radius:12px!important;gap:.75rem!important;width:100%!important;max-width:100%!important;padding:.6rem .75rem!important}.gallery-preview-wrapper{border-radius:8px!important;width:60px!important;height:85px!important}.gallery-card-headline{-webkit-line-clamp:1!important;margin-bottom:.15rem!important;font-size:.875rem!important;line-height:1.3!important}.gallery-card-summary{-webkit-line-clamp:1!important;margin-bottom:.35rem!important;font-size:.775rem!important;line-height:1.4!important}.gallery-card-url-link{display:none!important}.gallery-card-footer{margin-top:auto!important}.view-analysis-link{white-space:nowrap!important;font-size:.775rem!important;font-weight:700!important}}@media (width<=480px){.app-container{padding-top:2.25rem!important;padding-left:.85rem!important;padding-right:.85rem!important}.export-btn-label{display:none!important}.export-md-btn{padding:.4rem .55rem!important}.player-duration-text{display:none!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.site-footer{padding-bottom:calc(1.75rem + env(safe-area-inset-bottom))!important}}