:root{--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", SFMono-Regular, Consolas, monospace;--text-display:3.5rem;--text-h1:2.25rem;--text-h2:1.5rem;--text-h3:1.125rem;--text-body:1rem;--text-sm:.875rem;--text-xs:.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-frame:40px;--radius-card:24px;--radius-row:16px;--radius-input:12px;--radius-control:8px;--radius-pill:200px;--sidebar-width:248px;--content-max:1160px;--hairline:1px}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0d0c12;--surface-1:#17151f;--surface-2:#211e2c;--surface-hover:#262232;--border:#2b2837;--border-strong:#3d3950;--text-heading:#f6f5fa;--text-body-color:#d5d2df;--text-muted:#8b8799;--accent:#7c5cff;--accent-hover:#8f74ff;--accent-quiet:#241d47;--on-accent:#fff;--state-motion:#2ed6ff;--state-good:#a2ea13;--state-bad:#ff5f70;--state-feature:#f843c2;--skeleton:#201d2b}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fff;--surface-1:#fff;--surface-2:#f4f4f2;--surface-hover:#eee;--border:#e0e0db;--border-strong:#c9c9c2;--text-heading:#21164c;--text-body-color:#353241;--text-muted:#5f5f69;--accent:#592eff;--accent-hover:#4a22e0;--accent-quiet:#f0ecff;--on-accent:#fff;--state-motion:#0090b8;--state-good:#4b7a00;--state-bad:#d2384a;--state-feature:#b81a8a;--skeleton:#eee}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--text-body-color);font-family:var(--font-sans);font-size:var(--text-body);letter-spacing:-.02em;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}h1,h2,h3,h4{color:var(--text-heading);text-wrap:balance;margin:0;line-height:1.15}h1{font-size:var(--text-h1);font-weight:700}h2{font-size:var(--text-h2);font-weight:700}h3{font-size:var(--text-h3);font-weight:600}p{margin:0}a{color:inherit}button{font:inherit;letter-spacing:inherit;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select{font:inherit;letter-spacing:inherit}video{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-2) var(--space-4);border:var(--hairline) solid transparent;border-radius:var(--radius-control);color:var(--text-body-color);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{border-color:var(--border);color:var(--text-body-color)}.button-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.button-ghost{color:var(--text-body-color)}.button-ghost:hover:not(:disabled){background:var(--surface-hover)}.button-danger{border-color:var(--border);color:var(--state-bad)}.button-danger:hover:not(:disabled){border-color:var(--state-bad)}.button-large{min-height:3rem;padding:var(--space-3) var(--space-6);font-size:var(--text-body)}.button-block{width:100%}.card{padding:var(--space-6);border:var(--hairline) solid var(--border);border-radius:var(--radius-card);background:var(--surface-1)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-header h1{margin-top:var(--space-1)}.page-header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status-pill{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border:var(--hairline) solid currentColor;border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:capitalize;white-space:nowrap;font-weight:600;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.is-motion{color:var(--state-motion)}.status-pill.is-motion:before{animation:1.4s ease-in-out infinite pulse-dot}.status-pill.is-good{color:var(--state-good)}.status-pill.is-bad{color:var(--state-bad)}.status-pill.is-idle{color:var(--text-muted)}@keyframes pulse-dot{50%{opacity:.25}}.app-layout{background:var(--canvas);min-height:100vh}.app-sidebar{z-index:20;width:var(--sidebar-width);padding:var(--space-6);border-right:var(--hairline) solid var(--border);background:var(--surface-1);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-nav{gap:var(--space-1);margin-top:var(--space-8);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-body-color)}.sidebar-link.active{background:var(--accent-quiet);color:var(--accent)}.sidebar-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:var(--hairline) solid var(--border);margin-top:auto;display:flex}.sidebar-account{align-items:center;gap:var(--space-3);min-width:0;font-size:var(--text-sm);font-weight:600;display:flex}.sidebar-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-main{min-height:100vh;margin-left:var(--sidebar-width);padding:var(--space-10) var(--space-8) var(--space-20)}.app-content{max-width:var(--content-max);margin:0 auto}.app-mobile-bar,.app-tabbar{display:none}.brand{align-items:center;gap:var(--space-2);color:var(--text-heading);font-size:var(--text-body);font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-control);background:var(--accent);width:28px;height:28px;color:var(--on-accent);font-size:var(--text-sm);place-items:center;font-weight:800;display:grid}.theme-toggle{border:var(--hairline) solid var(--border);border-radius:var(--radius-control);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid}.theme-toggle:hover{color:var(--text-body-color);border-color:var(--border-strong)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>span{font-size:var(--text-sm);color:var(--text-body-color);font-weight:600}.input,.select{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-input);background:var(--surface-1);color:var(--text-body-color)}.input:focus,.select:focus{border-color:var(--accent);outline:none}.segmented{gap:var(--space-1);padding:var(--space-1);border:var(--hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);display:inline-flex}.segmented button{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;border-radius:5px;font-weight:600;transition:background-color .15s,color .15s}.segmented button:hover:not(:disabled){color:var(--text-body-color)}.segmented button[aria-pressed=true]{background:var(--surface-1);color:var(--text-heading)}.switch{align-items:center;gap:var(--space-3);font-size:var(--text-sm);cursor:pointer;font-weight:600;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{border:var(--hairline) solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;width:38px;height:22px;transition:background-color .15s,border-color .15s;position:relative}.switch-track:after{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .15s,background-color .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-track:after{background:var(--on-accent);transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{color:var(--text-body-color);border-color:var(--border-strong)}.chip[aria-pressed=true]{background:var(--accent-quiet);border-color:var(--accent);color:var(--accent)}.chip-count{font-variant-numeric:tabular-nums;opacity:.7}.message{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:var(--hairline) solid var(--border);border-radius:var(--radius-input);font-size:var(--text-sm);flex-direction:column;display:flex}.message.error{border-color:var(--state-bad);color:var(--state-bad)}.message.success{border-color:var(--state-good);color:var(--state-good)}.progress-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.progress-meta strong{color:var(--text-heading);font-variant-numeric:tabular-nums}.progress-track{border-radius:var(--radius-pill);background:var(--surface-2);height:6px;overflow:hidden}.progress-track>span{border-radius:var(--radius-pill);background:var(--accent);height:100%;transition:width .2s;display:block}.progress-track.is-indeterminate>span{width:35%;animation:1.4s ease-in-out infinite slide-track}@keyframes slide-track{0%{transform:translate(-100%)}to{transform:translate(340%)}}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:var(--hairline) dashed var(--border);border-radius:var(--radius-card);text-align:center;flex-direction:column;display:flex}.empty-state .empty-glyph{width:44px;height:44px;margin-bottom:var(--space-2);border:var(--hairline) solid var(--border);border-radius:var(--radius-input);color:var(--text-muted);place-items:center;display:grid}.empty-state strong{color:var(--text-heading);font-size:var(--text-h3)}.empty-state p{max-width:46ch;color:var(--text-muted);font-size:var(--text-sm)}.empty-state .button{margin-top:var(--space-4)}.skeleton{border-radius:var(--radius-row);background:var(--skeleton);animation:1.4s ease-in-out infinite skeleton-fade}@keyframes skeleton-fade{50%{opacity:.45}}.skeleton-card{border-radius:var(--radius-card);height:232px}.thumb{aspect-ratio:16/9;border-bottom:var(--hairline) solid var(--border);background:var(--surface-2);color:var(--text-muted);place-items:center;display:grid;position:relative}.thumb-ext{bottom:var(--space-3);left:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-control);background:var(--canvas);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;position:absolute}.thumb-status{top:var(--space-3);right:var(--space-3);background:var(--canvas);position:absolute}.card-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.video-card{border:var(--hairline) solid var(--border);border-radius:var(--radius-card);background:var(--surface-1);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.video-card:hover{border-color:var(--border-strong)}.video-card-body{gap:var(--space-1);padding:var(--space-4);flex-direction:column;display:flex}.video-card-body h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-card-meta{color:var(--text-muted);font-size:var(--text-xs)}.video-card-actions{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--hairline) solid var(--border);margin-top:auto;display:flex}.video-card-actions .button-danger{padding-inline:var(--space-2);border-color:#0000;margin-left:auto}.moment-list{gap:var(--space-4);flex-direction:column;display:flex}.moment-card{padding:var(--space-5);border:var(--hairline) solid var(--border);border-radius:var(--radius-card);background:var(--surface-1)}.moment-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.moment-rank{align-items:baseline;gap:var(--space-2);display:flex}.moment-score{border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-input);width:52px;height:52px;color:var(--text-heading);font-size:var(--text-h3);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-weight:700;display:grid}.moment-score.is-top{border-color:var(--accent);color:var(--accent)}.moment-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.moment-reason{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.score-chips{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.score-chip{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--text-muted);display:inline-flex}.score-chip strong{color:var(--text-body-color);font-variant-numeric:tabular-nums}.moment-options{align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--hairline) solid var(--border);flex-wrap:wrap;display:flex}.moment-options .button{margin-left:auto}.type-chip{padding:2px var(--space-2);border:var(--hairline) solid currentColor;border-radius:var(--radius-pill);color:var(--state-feature);font-size:var(--text-xs);font-weight:600;display:inline-flex}.clip-render{gap:var(--space-3);padding:var(--space-4);border:var(--hairline) solid var(--border);border-radius:var(--radius-row);background:var(--surface-1);flex-direction:column;display:flex}.clip-render-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.clip-render video{border-radius:var(--radius-input);background:var(--surface-2);width:100%;max-height:60vh}.clip-render-wait{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-input);background:var(--surface-2);text-align:center;color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.home-shell{max-width:var(--content-max);padding:var(--space-6) var(--space-6) var(--space-20);margin:0 auto}.home-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border:var(--hairline) solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);display:flex}.home-topbar-actions{align-items:center;gap:var(--space-2);display:flex}.hero{align-items:center;gap:var(--space-16);padding-top:var(--space-20);grid-template-columns:1fr 1fr;display:grid}.hero h1{margin:var(--space-4) 0;font-size:var(--text-display);font-weight:800}.hero-copy{max-width:46ch;color:var(--text-muted);font-size:1.125rem}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);display:flex}.hero-points{gap:var(--space-5);margin-top:var(--space-10);padding-top:var(--space-6);border-top:var(--hairline) solid var(--border);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.hero-preview{padding:var(--space-5);border:var(--hairline) solid var(--border);border-radius:var(--radius-frame);background:var(--surface-1)}.hero-preview-file{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--hairline) solid var(--border);font-size:var(--text-sm);display:flex}.hero-preview-file span:first-child{text-overflow:ellipsis;white-space:nowrap;color:var(--text-heading);font-weight:600;overflow:hidden}.hero-preview-file span:last-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.hero-preview-list{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.hero-preview-row{align-items:center;gap:var(--space-4);padding:var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-row);display:flex}.hero-preview-row .moment-score{width:40px;height:40px;font-size:var(--text-body)}.hero-preview-row h3{font-size:var(--text-sm)}.hero-preview-row p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.action-grid{gap:var(--space-5);margin-bottom:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.action-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-8);border:var(--hairline) solid var(--border);border-radius:var(--radius-card);background:var(--surface-1);color:inherit;text-align:left;cursor:pointer;flex-direction:column;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.action-card:hover:not(:disabled){border-color:var(--accent)}.action-card:disabled{cursor:default}.action-card h2{font-size:var(--text-h3)}.action-card p{color:var(--text-muted);font-size:var(--text-sm)}.action-card-glyph{width:40px;height:40px;margin-bottom:var(--space-3);border-radius:var(--radius-input);background:var(--accent-quiet);color:var(--accent);place-items:center;display:grid}.dashboard-section{margin-top:var(--space-10)}.dashboard-section-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.upload-card{gap:var(--space-5);flex-direction:column;display:flex}.dropzone{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:168px;padding:var(--space-8);border:var(--hairline) dashed var(--border-strong);border-radius:var(--radius-card);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);text-align:center;cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s;display:flex}.dropzone:hover:not(:disabled),.dropzone.is-dragging{border-color:var(--accent);border-style:solid}.dropzone strong{color:var(--text-heading);font-size:var(--text-body)}.dropzone-glyph{width:40px;height:40px;margin-bottom:var(--space-1);border:var(--hairline) solid var(--border);border-radius:var(--radius-input);background:var(--surface-1);place-items:center;display:grid}.upload-options{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.upload-actions{gap:var(--space-3);display:flex}.upload-actions .button-primary{flex:1}.upload-steps{gap:var(--space-4);counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload-steps li{gap:var(--space-3);counter-increment:step;font-size:var(--text-sm);display:flex}.upload-steps li:before{content:counter(step);border:var(--hairline) solid var(--border);width:24px;height:24px;color:var(--text-muted);font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.upload-steps strong{color:var(--text-heading);display:block}.upload-steps span{color:var(--text-muted)}.upload-layout{align-items:start;gap:var(--space-5);grid-template-columns:1.6fr 1fr;display:grid}.library-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.moments-summary{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.clip-editor-grid{align-items:start;gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.clip-field-row{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.clip-field-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.clip-form-options{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-top:var(--space-5);border-top:var(--hairline) solid var(--border);flex-wrap:wrap;display:flex}.clip-errors{gap:var(--space-1);margin-bottom:var(--space-4);color:var(--state-bad);font-size:var(--text-sm);flex-direction:column;display:flex}.clip-results{gap:var(--space-3);flex-direction:column;display:flex}.viewer-back{margin-bottom:var(--space-5)}.viewer-panel{max-width:720px}body .cl-modalContent,body .cl-cardBox{width:min(96vw,760px);max-width:760px}body .cl-card{width:100%;min-height:620px;padding:3rem}@media (width<=1024px){.hero{gap:var(--space-10);padding-top:var(--space-12);grid-template-columns:1fr}.upload-layout,.clip-editor-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--text-display:2.5rem;--text-h1:1.75rem}.app-sidebar{display:none}.app-mobile-bar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline) solid var(--border);background:var(--surface-1);display:flex;position:sticky;top:0}.app-mobile-bar-actions{align-items:center;gap:var(--space-3);display:flex}.app-main{padding:var(--space-6) var(--space-4) calc(var(--space-20) + 40px);margin-left:0}.app-tabbar{z-index:20;border-top:var(--hairline) solid var(--border);background:var(--surface-1);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;inset:auto 0 0}.app-tabbar .sidebar-link{gap:var(--space-1);padding:var(--space-3);font-size:var(--text-xs);border-radius:0;flex-direction:column;flex:1;justify-content:center}.app-tabbar .sidebar-link.active{background:0 0}.action-grid,.clip-field-row{grid-template-columns:1fr}.action-card{padding:var(--space-6)}.home-shell{padding:var(--space-4) var(--space-4) var(--space-16)}.hero-actions,.upload-actions{flex-direction:column}.hero-actions .button,.upload-actions .button{width:100%}.moment-options .button{width:100%;margin-left:0}body .cl-card{min-height:auto;padding:1.5rem}}