:root{--bg:#f0f2f5;--panel:#fff;--ink:#1a1f2e;--muted:#8892a4;--line:#d0d4dd;--line-soft:#e6e9ef;--accent:#1a7abf;--accent-soft:#e8f2fa;--accent-ink:#0f5a90;--p1:#c47a00;--p1-soft:#fbf3e4;--p1-glow:#c47a0047;--p2:#1a7abf;--p2-soft:#e8f2fa;--p2-glow:#1a7abf47;--danger:#d63030;--danger-soft:#fdecec;--danger-glow:#d6303059;--ph-talk:#1a7abf;--ph-agree:#0d9f78;--ph-vote:#7c3aed;--timeout:#7c3aed;--ok:#0d9f78;--font-text:"Montserrat", -apple-system, "Segoe UI", system-ui, sans-serif;--font-head:"Oswald", "Montserrat", sans-serif;--radius:12px;--shadow:0 1px 2px #1a1f2e0a, 0 4px 16px #1a1f2e0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--font-text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-head);letter-spacing:.01em;color:var(--ink);font-weight:600}h1{margin:0 0 .1rem;font-size:1.55rem}h2{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .55rem;font-size:1.12rem}h3{margin:0 0 .4rem;font-size:1rem}.wrap{max-width:1000px;margin:0 auto;padding:1.1rem 1rem 3rem}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.brand{align-items:center;gap:.65rem;display:flex}.brand img{object-fit:contain;border-radius:10px;width:40px;height:40px}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.8rem;padding:.9rem 1.1rem}.cards-row{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem;display:grid}.cards-row>.card{margin-bottom:0}button{font:600 .9rem/1.2 var(--font-text);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:9px;padding:.6rem 1rem;transition:border-color .15s,background .15s,box-shadow .15s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #1a7abf40}button.primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}button.attention,button.attention:hover:not(:disabled){border-color:var(--timeout);animation:1s step-end infinite attention;box-shadow:0 0 0 3px #7c3aed4d}@keyframes attention{0%,to{background:var(--timeout);color:#fff}50%{background:var(--panel);color:var(--timeout)}}button.link{color:var(--accent);box-shadow:none;background:0 0;border:none;padding:.2rem .25rem;font-weight:600}button.link:hover:not(:disabled){color:var(--accent-ink);text-decoration:underline}a{color:var(--accent)}input,select,textarea{font:.95rem/1.3 var(--font-text);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;width:100%;padding:.55rem .7rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}label{color:var(--muted);margin-bottom:.25rem;font-size:.82rem;font-weight:500;display:block}.row{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.row>*{flex:10rem}.row>.narrow{flex:0 0 7rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-soft);padding:.45rem .5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}tr:last-child td{border-bottom:none}.muted{color:var(--muted)}.small{font-size:.85rem}.error{background:var(--danger-soft);color:#9e1f1f;border:1px solid #f3c6c6;border-radius:9px;margin-bottom:.9rem;padding:.65rem .85rem}.tag{background:var(--line-soft);color:#4a5468;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.spaces{background:var(--line-soft);border-radius:11px;flex-wrap:wrap;gap:.3rem;width:fit-content;padding:.25rem;display:flex}.spaces button{box-shadow:none;color:#4a5468;background:0 0;border:none;padding:.45rem .9rem}.spaces button[aria-pressed=true]{background:var(--panel);color:var(--accent-ink);box-shadow:0 1px 3px #1a1f2e1a}.clock{font-family:var(--font-head);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:600;line-height:1}.clock.danger{color:var(--danger);text-shadow:0 0 18px var(--danger-glow)}.player{background:var(--panel);border:2px solid var(--line-soft);text-align:center;border-radius:14px;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s}.player .who{text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700}.player .name{margin:.1rem 0 .35rem;font-size:1.05rem;font-weight:600}.player.p1 .who{color:var(--p1)}.player.p2 .who{color:var(--p2)}.player.p1.active{border-color:var(--p1);background:var(--p1-soft);box-shadow:0 0 0 4px var(--p1-glow)}.player.p2.active{border-color:var(--p2);background:var(--p2-soft);box-shadow:0 0 0 4px var(--p2-glow)}.players{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem;display:grid}.btn-row{gap:.5rem;margin-top:.6rem;display:flex}.btn-row>button{flex:1 1 0;min-width:0}.phases{gap:.35rem;margin:.1rem 0 .9rem;display:flex}.phase{flex:1;min-width:0}.phase .bar{background:var(--line-soft);border-radius:3px;height:5px}.phase .lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.3rem;font-size:.68rem;font-weight:700;overflow:hidden}.phase.done .bar{background:#b9c1ce}.phase.now .lbl{color:var(--ink)}.phase.now.talk .bar{background:var(--ph-talk)}.phase.now.agree .bar{background:var(--ph-agree)}.phase.now.vote .bar{background:var(--ph-vote)}.phase.now.review .bar{background:var(--p1)}.phase.now.start .bar{background:var(--muted)}.phase.now.results .bar{background:var(--ok)}.phases-now{display:none}.card.stage-talk{border-left:4px solid var(--ph-talk)}.card.stage-agree{border-left:4px solid var(--ph-agree)}.card.stage-vote{border-left:4px solid var(--ph-vote)}.card.stage-review{border-left:4px solid var(--p1)}.card.outcome-yes{border-left:5px solid var(--accent);background:var(--accent-soft)}.card.outcome-no{border-left:5px solid var(--danger);background:var(--danger-soft)}.outcome-yes .outcome-word{color:var(--accent-ink)}.outcome-no .outcome-word{color:#9e1f1f}.modal-back{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a1f2e73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:16px;width:100%;max-width:30rem;max-height:calc(100vh - 2rem);padding:1.3rem;overflow:auto;box-shadow:0 20px 60px #1a1f2e40}.modal-wide{max-width:40rem}.modal h3{margin:0 0 .5rem;font-size:1.15rem}.modal p{margin:0 0 .8rem}.seats{grid-template-columns:1fr;gap:.4rem;display:grid}.seat{border:1px solid var(--line-soft);border-left:4px solid var(--muted);background:var(--panel);border-radius:9px;align-items:center;gap:.75rem;min-width:0;padding:.5rem .7rem;display:flex}.seat .seat-role{color:var(--muted);flex:0 0 13rem;font-size:.85rem;font-weight:500}.seat .seat-pick{flex:auto;min-width:0}.seat .seat-note{color:var(--muted);margin-top:.25rem;font-size:.75rem}.seat.seat-second{margin-left:1.25rem}.seat-host{background:#f6f7f9;border-left-color:#4a5468}.seat-side1{border-left-color:var(--p1);background:var(--p1-soft)}.seat-side2{border-left-color:var(--p2);background:var(--p2-soft)}.seat-nn{background:#eaf7f2;border-left-color:#0d9f78}.seat-op{background:#f1eefb;border-left-color:#6d4fd6}.seat-ds{background:#eef1f6;border-left-color:#5a6a8a}@media (width<=560px){body{font-size:14px}.phases{margin-bottom:.35rem}.phase .lbl{display:none}.phases-now{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0 0 .9rem;font-size:.72rem;font-weight:700;display:block}.wrap{padding:.75rem .6rem 2rem}.card{border-radius:10px;padding:.7rem .8rem}.seat{display:block}.seat .seat-role{margin-bottom:.3rem}.seat.seat-second{margin-left:.75rem}.row>button,.row>.narrow{flex:100%}table{font-size:.88rem}th,td{padding:.35rem .3rem}.modal{border-radius:12px;padding:1rem}h1{font-size:1.25rem}.spaces{width:100%}.spaces button{flex:auto;padding:.45rem .5rem}.phase .lbl{font-size:.6rem}.players{gap:.5rem}.player{padding:.65rem .5rem}.player .name{font-size:.9rem}.btn-row>button{padding:.55rem .35rem;font-size:.78rem}button{min-height:44px}button.link{align-items:center;min-height:44px;padding-left:.5rem;padding-right:.5rem;display:inline-flex}}td.actions{white-space:nowrap}td.actions button.link{margin-right:.25rem}@media (width<=560px){.hide-narrow{display:none}.card,.scroll-x{overflow-x:auto}td.actions{white-space:normal}td.actions button.link{margin:0;padding-left:0;display:flex}}