:root { color-scheme: dark; --bg:#000; --fg:#fff; --muted:#999; --line:#333; --accent:#ff4d5a; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,-apple-system,sans-serif; padding: env(safe-area-inset-top) 16px env(safe-area-inset-bottom); }
main { max-width:480px; margin:0 auto; padding:24px 0; }
h1 { font-size:24px; margin:0 0 8px; }
p { color:var(--muted); margin:0 0 16px; }
button, .btn { display:block; width:100%; padding:14px; margin:0 0 12px; border:1px solid var(--line); border-radius:12px; background:#111; color:var(--fg); font:inherit; text-align:center; text-decoration:none; cursor:pointer; }
button.primary, .btn.primary { border-color:var(--accent); }
button:disabled { opacity:.5; }
input { width:100%; padding:12px; margin:0 0 12px; border:1px solid var(--line); border-radius:12px; background:#111; color:var(--fg); font:inherit; font-size:16px; }
.row { display:flex; gap:8px; } .row > * { flex:1; }
.view { width:100%; aspect-ratio:9/16; max-height:70vh; display:block; background:#111; border-radius:12px; margin:0 0 12px; }
.hidden { display:none !important; }
.status { font-size:14px; color:var(--muted); min-height:1.5em; }
ol { color:var(--muted); padding-left:20px; }