:root{--ink: #22303f;--paper: #fffdf7;--accent: #f2b233;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#eef2f7}.loading,.fatal{margin:4rem auto;max-width:32rem;text-align:center;font-size:1.25rem}.room{display:grid;gap:1rem;padding:1rem;min-height:100vh;grid-template-columns:minmax(0,3fr) minmax(14rem,1fr);grid-template-areas:"paper side"}.room--kid{grid-template-columns:minmax(14rem,1fr) minmax(0,3fr);grid-template-areas:"side paper"}.room__companion,.console{grid-area:side;display:flex;flex-direction:column;gap:.75rem;background:#fff;border-radius:1rem;padding:1rem}.room__paper{grid-area:paper}.paper{width:100%;height:auto;background:var(--paper);border-radius:.75rem;box-shadow:0 1px 4px #22303f2e;touch-action:none}.companion{width:100%;height:auto}.room__greeting{font-size:1.1rem;font-weight:600;margin:0}.room__note{margin:0;font-size:.9rem;color:#5b6b7c}.room__emote{margin:0;font-size:1.5rem;font-weight:700;color:var(--accent)}.room__status{grid-column:1 / -1;display:flex;gap:1rem;font-size:.85rem;color:#5b6b7c}.toolbar{display:flex;align-items:center;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.toolbar fieldset{border:0;padding:0;display:flex;gap:.5rem;align-items:center}.swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch--active{border-color:var(--ink)}.console h1{font-size:1.1rem;margin:0}.console button{padding:.6rem .75rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;font:inherit;cursor:pointer}.console button.danger{border-color:#c2452d;color:#c2452d}.console fieldset{border:1px solid #e2e8f0;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.console__transport{margin:0;font-size:.8rem;color:#5b6b7c}@media (max-width: 60rem){.room,.room--kid{grid-template-columns:1fr;grid-template-areas:"paper" "side"}}.roster{max-width:44rem;margin:0 auto;padding:1.5rem 1rem 3rem}.roster__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.roster__header h1{font-size:1.4rem;margin:0}.roster__status,.roster__notice,.roster__empty{margin:.5rem 0 0;font-size:.9rem;color:#5b6b7c}.roster__notice{background:#fff7e6;border:1px solid #f0d9a8;border-radius:.5rem;padding:.6rem .75rem;color:var(--ink)}.roster__dismiss{border:none;background:none;font:inherit;text-decoration:underline;cursor:pointer;color:#5b6b7c}.roster__list{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.75rem}.roster__card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;background:var(--paper);border:1px solid #e2e8f0;border-radius:.75rem;padding:.9rem 1rem}.roster__name{font-size:1.1rem;font-weight:600}.roster__meta{grid-column:1;font-size:.85rem;color:#5b6b7c}.roster__ping{grid-row:1 / span 2;grid-column:2;padding:.7rem 1.1rem;border-radius:.6rem;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.roster__ping:disabled{background:#f1f5f9;border-color:#cbd5e1;color:#5b6b7c;cursor:default}.waiting{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;text-align:center}.waiting--invited{background:radial-gradient(circle at 50% 30%,#fff,#e8f1ff)}.waiting__headline{font-size:1.8rem;margin:.5rem 0 0}.waiting__sub,.waiting__note,.waiting__status{margin:0;font-size:1rem;color:#5b6b7c}.waiting__status{margin-top:auto;font-size:.8rem}.waiting__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.waiting__accept,.waiting__decline,.waiting__ready{min-height:3.5rem;padding:0 1.75rem;border-radius:1.75rem;font:inherit;font-size:1.1rem;font-weight:600;cursor:pointer}.waiting__accept{border:none;background:var(--accent);color:#fff}.waiting__accept:disabled{background:#cbd5e1;cursor:default}.waiting__decline,.waiting__ready{border:1px solid #cbd5e1;background:#fff;color:var(--ink)}.waiting__ready{margin-top:1rem;font-size:1rem}.dictation-card{border:2px dashed var(--accent, #2f6fd0);border-radius:12px;padding:.75rem 1rem;margin-bottom:.75rem;background:#fff}.dictation-card h2{margin:0 0 .25rem;font-size:1rem}.dictation-card__text{font-size:1.6rem;line-height:1.4;margin:.25rem 0 0}.console__dictation,.console__summary{margin:.5rem 0}.console__dictation label{display:block;margin:.35rem 0}.console__dictation-active,.console__summary dt{font-weight:600}.console__summary dd{margin:0 0 0 .5rem}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center}.confetti__message{font-size:1.75rem;font-weight:700;color:var(--ink);background:#fffbe6;border-radius:999px;padding:.5rem 1.5rem}.confetti__piece{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;background:var(--accent, #2f6fd0);animation:confetti-fall 1.8s linear forwards}.confetti__piece:nth-child(2n){background:#f2b52e}.confetti__piece:nth-child(3n){background:#2f8f5b}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(540deg)}}@media (prefers-reduced-motion: reduce){.confetti__piece{display:none}}