:root{color:#f4f1e8;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--acid: #d9ff43;--paper: #f4f1e8;--muted: #9b9ca2;--line: #303238}*{box-sizing:border-box}html{background:#101114}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 110% -5%,rgb(217 255 67 / 14%),transparent 36%),linear-gradient(180deg,#16171b 0,#101114 60%)}button,input{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:max(30px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom));overflow-x:hidden}.hero{padding:14px 2px 26px}.eyebrow,.step{margin:0 0 12px;color:var(--acid);font-size:.72rem;font-weight:800;letter-spacing:.16em}h1{margin:0;font-size:clamp(2.15rem,10vw,3.6rem);line-height:.98;letter-spacing:-.055em}.privacy-note{margin:18px 0 0;color:var(--muted);font-size:.92rem}.player-card{border:1px solid var(--line);border-radius:28px;padding:18px;background:#1c1d22f0;box-shadow:0 28px 70px #00000052}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading .step{margin-bottom:5px}h2{margin:0;font-size:1.35rem}.local-badge{border:1px solid #555824;border-radius:999px;padding:7px 10px;color:var(--acid);background:#d9ff4312;font-size:.75rem;white-space:nowrap}#video-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.file-picker{display:flex;min-height:76px;align-items:center;gap:14px;border:1px dashed #666a72;border-radius:18px;padding:14px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.file-picker:active{background:#ffffff0d}.file-picker:focus-within{outline:3px solid rgb(217 255 67 / 30%)}.picker-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:14px;color:#101114;background:var(--acid);font-size:1.7rem}.file-picker strong,.file-picker small{display:block}.file-picker small{margin-top:4px;color:var(--muted);line-height:1.35}.video-stage{position:relative;display:grid;aspect-ratio:9 / 12;max-height:56vh;margin-top:16px;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,rgb(255 255 255 / 5%) 25%,transparent 25%) 0 0 / 18px 18px,#090a0c}video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:#090a0c}video:not([src]){display:none}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#777a82;text-align:center;line-height:1.5}.now-playing{display:flex;align-items:flex-start;gap:10px;padding:15px 2px 13px}.now-playing strong{display:block;max-width:72vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing p{margin:3px 0 0;color:var(--muted);font-size:.85rem}.pulse{width:8px;height:8px;flex:0 0 8px;margin-top:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px #d9ff4317}.primary-control{width:100%;min-height:68px;border:0;border-radius:18px;color:#101114;background:var(--acid);font-size:1.15rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.primary-control:disabled{color:#77797e;background:#2c2e33;cursor:not-allowed}.primary-control:not(:disabled):active{transform:translateY(1px)}.next-step{margin:18px 0 0;color:#6f7178;font-size:.8rem;text-align:center}@media(min-width:560px){.app-shell{padding-inline:0}}@media(prefers-reduced-motion:no-preference){.player-card{animation:rise .42s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}}