:root{--bg: #ffffff;--surface: #f4f5f7;--text: #14161a;--muted: #5d6470;--line: #e3e5ea;--accent: #e11d48;--accent-text: #ffffff;--ok: #15803d;--bad: #b91c1c;--busy: #b45309;--radius: 14px;--tab-h: 60px}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--surface: #181b21;--text: #f1f3f6;--muted: #9aa3b0;--line: #262a32;--ok: #4ade80;--bad: #f87171;--busy: #fbbf24}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.6rem;line-height:1.2;margin:.6rem 0 .8rem}h2{font-size:1.1rem;margin:0 0 .6rem}h3{font-size:1rem;margin:0 0 .15rem}p{margin:0 0 .8rem}a{color:var(--accent)}.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 16px}.page{padding-top:8px;padding-bottom:calc(var(--tab-h) + 24px + env(safe-area-inset-bottom))}.muted{color:var(--muted)}.fine{color:var(--muted);font-size:.85rem}small{font-size:.85rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hide{visibility:hidden;height:0}.grow{flex:1;min-width:0}.bar{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.logo{width:26px;height:26px;border-radius:8px;background:var(--accent);position:relative}.logo:after{content:"";position:absolute;left:10px;top:7px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.avatar{border-radius:50%;width:32px;height:32px}.avatar.big{width:48px;height:48px}.hero{padding-top:24px;padding-bottom:8px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin:0}.hero h1{font-size:2rem}.lead{font-size:1.1rem;color:var(--muted)}.signin{margin:20px 0 28px;min-height:90px}.gbtn{min-height:44px}.steps{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:14px}.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--surface);padding:14px;border-radius:var(--radius)}.steps b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center}.steps p{margin:0;color:var(--muted)}.note{border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:24px}.foot{display:flex;gap:20px;padding-bottom:32px;font-size:.9rem}.tabs{position:fixed;inset:auto 0 0;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--bg);border-top:1px solid var(--line)}.tabs a{flex:1;display:grid;place-items:center;text-decoration:none;color:var(--muted);font-weight:600;min-height:44px}.tabs a.on{color:var(--accent)}.panel{background:var(--surface);border-radius:var(--radius);padding:16px;margin:0 0 14px}.row{display:flex;align-items:center;gap:12px}.gap{gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:8px}label,legend{font-weight:600;font-size:.9rem}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;min-height:44px}textarea{resize:vertical}input:focus,textarea:focus,select:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.count{text-align:right;color:var(--muted);font-size:.8rem;margin-top:-4px}fieldset{border:0;padding:0;margin:0}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg legend{width:100%;margin-bottom:6px}.seg label{flex:1}.seg input{position:absolute;opacity:0;width:1px;height:1px}.seg span{display:block;text-align:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-weight:600;cursor:pointer}.seg input:checked+span{border-color:var(--accent);color:var(--accent)}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.block{display:flex;width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn.link{border:0;background:none;color:var(--muted);min-height:44px;text-decoration:underline}.alert{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);padding:10px 12px;border-radius:10px}.back{display:inline-block;padding:10px 0;text-decoration:none}.cards{list-style:none;padding:0;margin:0;display:grid;gap:10px}.card{display:flex;align-items:center;gap:12px;background:var(--surface);padding:14px;border-radius:var(--radius);text-decoration:none;color:var(--text);min-height:64px}.card small{display:block;color:var(--muted)}.card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.chip.busy{color:var(--busy)}.chip.ok{color:var(--ok)}.chip.bad{color:var(--bad)}.chip.muted{color:var(--muted)}.empty{text-align:center;padding:32px 0}.player{width:100%;max-height:70vh;aspect-ratio:9 / 16;background:#000;border-radius:var(--radius);margin:0 0 14px;object-fit:contain}.progress{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.progress li{padding-left:28px;position:relative;color:var(--muted)}.progress li:before{content:"";position:absolute;left:4px;top:6px;width:12px;height:12px;border-radius:50%;border:2px solid var(--line)}.progress li.done{color:var(--text)}.progress li.done:before{background:var(--ok);border-color:var(--ok)}.progress li.now{color:var(--text);font-weight:600}.progress li.now:before{border-color:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.35)}}@media(prefers-reduced-motion:reduce){.progress li.now:before{animation:none}}@media(min-width:700px){.hero h1{font-size:2.6rem}.player{max-height:600px}}