body{margin:0}:root{--bg:#0f1419;--surface:#1a222c;--text:#e8eef4;--muted:#8b9aab;--accent:#3d9cf0;--danger:#e85d5d;--line:#2a3542;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #1c2a3a, var(--bg));font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{min-height:100vh;margin:0}.app{max-width:40rem;margin:0 auto;padding:1rem 1rem 2.5rem}.top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem}.top h1{margin:.15rem 0 0;font-size:1.6rem;font-weight:650}.user{color:var(--muted);margin:0;font-size:.85rem}.tabs{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.85rem;display:grid}.tabs button{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;border-radius:.55rem;padding:.65rem .4rem}.tabs button.active{border-color:var(--accent);color:var(--accent)}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.row{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;color:inherit;font:inherit;border-radius:.7rem;gap:.2rem;padding:.75rem .85rem;display:grid}.stem{font-weight:600}.sub,.status{color:var(--muted);font-size:.82rem}.empty{color:var(--muted);padding:1rem .25rem}.banner{border-radius:.55rem;margin-bottom:.75rem;padding:.65rem .8rem;font-size:.9rem}.banner.error{background:color-mix(in srgb, var(--danger) 22%, transparent);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent)}.banner.ok{background:#3d9cf02e;border:1px solid #3d9cf066}.actions{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, #000);border-radius:.7rem;margin:1rem 0 1.25rem;padding:.85rem}.actions h3{margin:0 0 .65rem;font-size:1rem}.word-form{color:var(--muted);gap:.35rem;margin-bottom:.65rem;font-size:.85rem;display:grid}.word-form input,.word-form select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:.45rem;padding:.55rem .65rem}.action-row{flex-wrap:wrap;gap:.45rem;margin-bottom:.55rem;display:flex}.action-row button,.actions button{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;border-radius:.45rem;padding:.45rem .7rem}.action-row button.primary{border-color:var(--accent);color:var(--accent)}.action-row button:disabled{opacity:.4}.linkish{color:var(--accent);font:inherit;background:0 0;border:0;margin-bottom:.75rem;padding:0}.meta{flex-wrap:wrap;gap:.35rem;display:flex}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.facts{gap:.55rem;margin:1rem 0;display:grid}.facts div{grid-template-columns:6rem 1fr;gap:.4rem;display:grid}.facts dt{color:var(--muted);margin:0}.facts dd{margin:0}.plats{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.plats li{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;padding:.7rem .8rem}.plat-head{justify-content:space-between;gap:.5rem;margin-bottom:.35rem;display:flex}.plats a,.plats button{margin-top:.25rem;margin-right:.5rem}.plats button{border:1px solid var(--accent);color:var(--accent);font:inherit;background:0 0;border-radius:.4rem;padding:.25rem .55rem}.winner{color:var(--muted);margin:.25rem 0;font-size:.88rem}.preview{margin-top:1rem}.preview video{background:#000;border-radius:.65rem;width:100%}