: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(14px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));overflow-x:hidden}.app-header{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 2px 12px}.brand-mark{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:13px;color:#101114;background:var(--acid);font-size:.78rem;font-weight:950;letter-spacing:-.04em}.app-title{min-width:0}.app-title h1{margin:0;font-size:1rem;line-height:1.15;letter-spacing:-.02em}.app-title p{margin:3px 0 0;color:var(--muted);font-size:.74rem}.step{margin:0;color:var(--acid);font-size:.72rem;font-weight:800;white-space:nowrap}.player-card{border:1px solid var(--line);border-radius:24px;padding:14px;background:#1c1d22f0;box-shadow:0 18px 50px #00000047}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h2{margin:0;font-size:1.12rem}.local-badge{margin-left:auto;border:1px solid #555824;border-radius:999px;padding:6px 9px;color:var(--acid);background:#d9ff4312;font-size:.68rem;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:68px;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:12px;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:12px 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)}}}