:root{--bg:#071018;--panel:#101d27;--panel2:#142630;--mint:#75efbd;--text:#f3f8f6;--muted:#91a4ad;--line:#263943;--danger:#ff8d8d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#14342e 0,transparent 34%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
.shell{max-width:720px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}
.topbar{display:flex;align-items:center;gap:11px;margin-bottom:26px}.brandmark{height:42px;width:42px;border-radius:13px;background:var(--mint);color:#04130e;display:grid;place-items:center;font-size:24px;font-weight:900}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:18px;letter-spacing:1.4px}.brand span{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:800}.install{margin-left:auto;border:1px solid #4a7b69;background:#142c27;color:var(--mint);border-radius:999px;padding:9px 13px;font-weight:700}.hidden{display:none!important}
.hero{border:1px solid #24433e;border-radius:25px;padding:24px 21px;background:linear-gradient(135deg,#163a34,#10222a 70%);box-shadow:0 18px 60px #0003;margin-bottom:17px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--mint);font-weight:900}.spark{font-size:15px;margin-right:5px}h1{font-size:clamp(34px,9vw,53px);line-height:1.02;letter-spacing:-1.8px;margin:18px 0 12px}h1 em{color:var(--mint);font-style:normal}.hero p{font-size:14px;line-height:1.6;color:#c0d0cd;max-width:470px;margin:0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chips span{font-size:10px;padding:7px 10px;border-radius:99px;background:#071b1a;color:#d7f7e9;border:1px solid #2d574b}
.panel,.results,.how{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:19px;margin-top:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;gap:10px}.step{font-size:10px;color:var(--mint);font-weight:900;letter-spacing:1px}h2{font-size:17px;margin:0}.muted,.fineprint{font-size:10px;color:var(--muted)}.dropzone{border:1.5px dashed #42665d;border-radius:17px;background:#0b191e;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;cursor:pointer}.upload-icon{width:38px;height:38px;border-radius:13px;background:#1b3a32;color:var(--mint);display:grid;place-items:center;font-size:24px}.dropzone strong{font-size:14px}.dropzone small{font-size:11px;color:var(--muted)}input[type=file]{display:none}.controls{display:flex;align-items:center;justify-content:space-between;margin:15px 0;color:#c5d2d4;font-size:12px}.controls select{background:#1a2b34;color:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.primary{width:100%;border:0;border-radius:15px;padding:16px;background:var(--mint);color:#06150f;font-size:15px;font-weight:900;cursor:pointer}.primary:disabled{opacity:.35;cursor:not-allowed}.progress-wrap{margin-top:17px}.progress-label{display:flex;justify-content:space-between;font-size:12px}.progress-label span{color:var(--mint)}.progress-track{height:7px;background:#263943;border-radius:99px;margin-top:9px;overflow:hidden}.progress-track div{height:100%;width:0;background:var(--mint);transition:width .2s}.progress-wrap p{font-size:10px;color:var(--muted)}.error{font-size:12px;line-height:1.5;color:var(--danger);background:#351d25;padding:11px;border-radius:12px;margin-bottom:0}
.clip-list{display:grid;gap:13px}.clip-card{background:#0b171e;border:1px solid #243640;border-radius:16px;padding:12px}.clip-card video{width:100%;max-height:440px;aspect-ratio:9/16;object-fit:contain;background:#020608;border-radius:11px}.clip-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:11px}.clip-meta strong{font-size:13px}.clip-meta small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.score{color:var(--mint);font-size:10px;font-weight:800;white-space:nowrap}.clip-transcript{font-size:11px;line-height:1.5;color:#b7c6c9;margin:9px 0}.download{display:block;text-align:center;text-decoration:none;background:#1a352d;color:var(--mint);border:1px solid #315a4c;padding:11px;border-radius:11px;font-size:12px;font-weight:800}.result-count{font-size:10px;color:var(--mint);font-weight:800}.fineprint{line-height:1.5;margin:13px 0 0}.how{padding-bottom:20px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.how-grid div{background:#0b171e;border-radius:13px;padding:12px}.how-grid b{display:block;color:var(--mint);font-size:10px;margin-bottom:13px}.how-grid strong{font-size:12px}.how-grid p{font-size:10px;color:var(--muted);line-height:1.45;margin-bottom:0}footer{padding:25px 4px 0;color:#71858d;font-size:10px;font-weight:900;letter-spacing:1.3px;display:flex;justify-content:space-between}footer span{font-weight:500;font-size:8px}
@media(min-width:600px){.shell{padding-top:32px}.hero{padding:32px}.panel,.results,.how{padding:23px}.clip-list{grid-template-columns:repeat(2,minmax(0,1fr))}}