.timeline{margin-top:1.5rem}.timeline--empty p{margin:0;font-size:.875rem;color:var(--on-surface-variant)}.timeline-label{margin:0 0 .75rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--primary)}.timeline-times{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--primary);margin-bottom:.75rem;padding:0 .25rem}.timeline-times-mid{color:var(--on-surface-variant)}.timeline-track{position:relative;height:48px;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;overflow:hidden}.timeline-track-bg{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:8px;background:#ffffff1a;border-radius:4px}.timeline-range{position:absolute;top:50%;transform:translateY(-50%);height:12px;background:linear-gradient(90deg,var(--primary),var(--green));border-radius:4px;box-shadow:0 0 12px var(--green-glow);pointer-events:none}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px #fffc;pointer-events:none;z-index:20}.timeline-playhead:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--green)}.timeline-handle{position:absolute;top:50%;width:4px;height:64px;margin-left:-2px;margin-top:-32px;padding:0;border:none;border-radius:2px;background:var(--green);box-shadow:0 0 12px var(--green);cursor:ew-resize;z-index:30;touch-action:none;outline:none}.timeline-handle:active{margin-left:-3px;width:6px}.timeline-handle--start:after,.timeline-handle--end:after{content:"";display:none}.timeline-footer{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 .25rem;font-family:var(--font-mono);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--on-surface-variant)}.app{max-width:720px;margin:0 auto;padding:1rem 1rem calc(1.5rem + var(--safe-bottom))}.app--immersive{position:relative;max-width:980px;padding:0 1rem calc(2rem + var(--safe-bottom))}.page{position:relative;z-index:2;padding-top:5.75rem}.three-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 520px at 50% -10%,rgba(34,197,94,.18),transparent 60%),radial-gradient(900px 420px at 90% 30%,rgba(34,197,94,.1),transparent 55%),radial-gradient(900px 520px at 10% 80%,rgba(34,197,94,.08),transparent 60%),linear-gradient(180deg,#0a0f0acc,#0a0f0ab3 40%,#0a0f0aeb)}.header{text-align:center;padding:1.25rem 0 1.5rem}.header--floating{position:fixed;top:0;left:0;right:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10150fa6;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 0 15px #22c55e33}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;max-width:1440px;margin:0 auto}.topbar-actions{display:flex;align-items:center;gap:.5rem}.logo{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--on-surface)}.logo-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px var(--green-glow))}.pill{min-height:40px;padding:0 1.5rem;border-radius:9999px;border:none;background:var(--primary);color:var(--on-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:transform .3s ease}.pill:hover{transform:scale(1.05)}.pill:active{transform:scale(.95)}.hero{min-height:min(78svh,720px);display:grid;place-items:center;padding:2.25rem 0 1.5rem}.hero-inner{text-align:center;max-width:760px;margin:0 auto;padding:1.25rem 0}.hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:9999px;border:1px solid var(--border-primary);background:#22c55e1a;color:var(--primary);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem}.hero-brand{margin-top:1.25rem}.hero-logo{width:min(140px,32vw);height:auto;filter:drop-shadow(0 0 20px var(--green-glow))}.hero-title{margin:1.5rem 0 0;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}.hero-title-glow{background:linear-gradient(90deg,var(--primary) 0%,var(--green) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(34,197,94,.4)}.hero-subtitle{margin:1.25rem auto 0;max-width:600px;color:var(--on-surface-variant);font-family:var(--font);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.hero-cta{margin-top:2rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.cta{position:relative;min-height:56px;padding:0 2.5rem;border-radius:9999px;border:none;background:linear-gradient(135deg,var(--primary),var(--green));color:var(--on-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;box-shadow:0 0 5px #22c55e66;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.cta:hover{transform:scale(1.05);box-shadow:0 0 25px #22c55eb3}.cta:active{transform:scale(.95)}.cta-pulse{display:none}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-surface);font-family:var(--font-display);font-size:1.25rem;font-weight:700;transition:background .3s ease}.cta-secondary:hover{background:#ffffff1a}.features{margin:0 auto 1.25rem;padding:.5rem 0 0}.grid{display:grid;grid-template-columns:1fr;gap:.85rem}.feature{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;transition:all .3s ease}.feature:hover{border-color:var(--green);box-shadow:0 0 20px #22c55e33;transform:translateY(-4px)}.feature-kicker{color:#22c55ef2;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.feature-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-body{color:var(--on-surface-variant);font-size:.95rem;line-height:1.6}.tagline{margin:.35rem 0 0;color:var(--on-surface-variant);font-size:.95rem}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:var(--border-primary)}.card-title{margin:0 0 1rem;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--primary)}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-primary);box-shadow:0 0 20px #22c55e26}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;border:2px dashed rgba(255,255,255,.1);border-radius:1rem;background:#ffffff08;transition:all .3s ease}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--primary);background:#22c55e0d}.upload-zone--glass{background:#ffffff0d;border:1px solid var(--border-primary);box-shadow:0 0 20px #22c55e1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.upload-zone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 2rem;background:linear-gradient(135deg,var(--primary),var(--green));color:var(--on-primary);font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:.75rem;cursor:pointer;box-shadow:0 4px 20px var(--green-glow);transition:transform .3s ease}.upload-label:hover{transform:scale(1.05)}.upload-label--glass{background:linear-gradient(135deg,var(--primary),var(--green));border:none;color:var(--on-primary)}.upload-hint{margin:0;font-size:.875rem;color:var(--on-surface-variant);text-align:center}.upload-hint--subtle{opacity:.6;font-family:var(--font-mono);font-size:.75rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.cta:hover,.upload-label:hover,.btn:active,.btn-reel:hover,.feature:hover,.download-link--sm:hover,.result-card .download-link:hover{transform:none}}.status-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-bar.info{background:#22c55e26;border:1px solid var(--border-primary);color:var(--primary)}.status-bar.warn{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:var(--amber)}.status-bar.error{background:#f8717126;border:1px solid rgba(248,113,113,.3);color:var(--danger)}.player-wrap{position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden;background:#000;aspect-ratio:16 / 9}.player-wrap video{width:100%;height:100%;object-fit:contain;display:block}.player-controls{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-min);padding:0 1.5rem;border:none;border-radius:.75rem;font-family:var(--font);font-size:.95rem;font-weight:600;transition:transform .3s ease,opacity .3s ease}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--green));color:var(--on-primary);flex:1;min-width:140px;box-shadow:0 4px 16px var(--green-glow)}.btn-secondary{background:#ffffff0d;color:var(--on-surface);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:#ffffff1a}.btn-ghost{background:transparent;color:var(--on-surface-variant);border:1px solid rgba(255,255,255,.1);min-height:40px;padding:0 1rem;font-size:.85rem}.btn-ghost:hover{color:var(--primary);border-color:var(--primary)}.time-display{font-family:var(--font-mono);font-size:.875rem;color:var(--on-surface-variant);align-self:center;margin-left:auto}.highlights-list{list-style:none;margin:0;padding:0}.highlight-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.05);background:#ffffff08;margin-bottom:.75rem;transition:all .3s ease;cursor:move}.highlight-item:hover{border-color:var(--border-primary);background:#22c55e0d}.highlight-item:last-child{border-bottom:none}.highlight-item--selected{background:#22c55e1a;border-color:var(--primary);box-shadow:0 0 12px #22c55e33}.drag-handle{color:#ffffff4d;font-size:.875rem;cursor:grab;padding:0 .25rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.highlight-tag{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background:#22c55e26;padding:.25rem .5rem;border-radius:4px;width:fit-content}.highlight-time{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--primary)}.highlight-range{font-size:.75rem;color:var(--on-surface-variant)}.highlight-dur{color:var(--on-surface-variant);font-weight:400;margin-left:.35rem}.reorder-hint{margin:0 0 1rem;font-size:.875rem;color:var(--on-surface-variant);text-align:left}.tag-selector{margin-top:1.5rem}.tag-selector-label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:.75rem}.tag-pills{display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:42px;padding:0 1.25rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--on-surface);font-family:var(--font-mono);font-size:.875rem;font-weight:600;transition:all .3s ease}.tag-pill:hover{background:#22c55e1a;border-color:var(--border-primary)}.tag-pill--active{background:#22c55e33;border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #22c55e4d}.tag-custom-input{width:100%;margin-top:.75rem;min-height:var(--touch-min);padding:0 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--on-surface);font-family:var(--font);font-size:1rem;transition:border-color .3s ease}.tag-custom-input:focus{border-color:var(--primary);outline:none}.clip-editor-panel{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.preview-screen .preview-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.preview-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--primary)}.header--compact{padding-bottom:.5rem}.preview-clip-name{margin:1rem 0 0;font-weight:600;color:var(--on-surface)}.preview-play-btn{width:100%;margin-top:1rem}.export-actions{display:flex;flex-direction:column;gap:1rem}.export-btn{width:100%}.export-links{list-style:none;margin:0;padding:0}.export-links li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.05);margin-bottom:.5rem}.export-links li:last-child{border-bottom:none}.export-link-label{font-weight:600}.download-link--sm{min-height:42px;padding:0 1.25rem;margin-top:0;font-size:.85rem;background:linear-gradient(135deg,var(--primary),var(--green));color:var(--on-primary);border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:transform .3s ease}.download-link--sm:hover{transform:scale(1.05)}.highlight-meta{display:flex;flex-direction:column;gap:.25rem;flex:1;background:none;border:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.empty-highlights{margin:0;padding:2rem 0;text-align:center;color:var(--on-surface-variant);font-size:.95rem}.actions-footer{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.btn-reel{width:100%;min-height:56px;font-size:1rem;background:linear-gradient(135deg,var(--primary),var(--green));color:var(--on-primary);border:none;border-radius:1rem;font-family:var(--font-display);font-weight:700;box-shadow:0 4px 24px var(--green-glow);transition:transform .3s ease}.btn-reel:hover{transform:scale(1.02)}.btn-reel:active{transform:scale(.98)}.result-card{text-align:center}.result-card .download-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-min);margin-top:1rem;padding:0 2rem;background:linear-gradient(135deg,var(--primary),var(--green));color:var(--on-primary);font-family:var(--font-display);font-weight:700;text-decoration:none;border-radius:1rem;border:none;cursor:pointer;font-size:1rem;box-shadow:0 4px 24px var(--green-glow);transition:transform .3s ease}.result-card .download-link:hover:not(:disabled){transform:scale(1.05)}.result-card .download-link:disabled{opacity:.6;cursor:wait}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.2);border-top-color:var(--on-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--green));transition:width .2s;border-radius:2px}@media(min-width:480px){.app--immersive{padding:0 1.5rem calc(2rem + var(--safe-bottom))}.player-controls{flex-wrap:nowrap}}@media(min-width:860px){.grid{grid-template-columns:repeat(3,1fr)}.topbar{padding:.85rem 1.5rem}}:root{--surface-container-lowest: #0a0f0a;--surface: #10150f;--bg-deep: #0a0f0a;--bg: #10150f;--bg-elevated: rgba(255, 255, 255, .05);--bg-card: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--border-primary: rgba(34, 197, 94, .3);--on-surface: #dfe4db;--on-surface-variant: #bccbb9;--text: #dfe4db;--text-muted: #bccbb9;--primary: #4be277;--primary-container: #22c55e;--on-primary: #003915;--on-primary-container: #004b1e;--green: #22c55e;--green-bright: #4be277;--green-dim: #15803d;--green-glow: rgba(34, 197, 94, .4);--amber: #fbbf24;--danger: #f87171;--radius: 1rem;--radius-lg: 2rem;--radius-xl: 3rem;--radius-sm: .75rem;--touch-min: 48px;--font-display: "Sora", system-ui, sans-serif;--font: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--safe-bottom: env(safe-area-inset-bottom, 0px);--old-bg-deep: #060a08;--old-bg: #0c1210;--old-bg-elevated: #141c18;--old-bg-card: #1a2420;--old-border: #2a3d34;--old-text: #e8f5ee;--old-text-muted: #8fa89a;--old-green: #22c55e;--old-green-bright: #4ade80;--old-green-dim: #15803d;--old-green-glow: rgba(34, 197, 94, .35);--old-radius: 12px;--old-radius-sm: 8px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font);background:var(--surface-container-lowest);color:var(--on-surface);line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer}input[type=file]{font-family:inherit}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--green-bright)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:4px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--green);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}