:root{--brand:#be185d;--brand-soft:#fce7f3;--ink:#1f2937;--muted:#6b7280;--ok:#166534;--danger:#b91c1c;--radius:.75rem}body{color:var(--ink);background:#fdf2f8;margin:0;font-family:system-ui,sans-serif;line-height:1.4}button,input,select,textarea{font:inherit}button{border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #d1d5db;padding:.5rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.join-code button,.join button{background:var(--brand);border-color:var(--brand);color:#fff}button.danger{color:var(--danger);border-color:#fecaca}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.45rem .6rem}label{gap:.25rem;display:grid}.shell{text-align:center;place-content:center;justify-items:center;gap:.75rem;min-height:100vh;padding:1rem;display:grid}.page{gap:1rem;max-width:56rem;margin:0 auto;padding:1.5rem 1rem 4rem;display:grid}.row{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.inline,.join,.join-code{flex-wrap:wrap;justify-content:center;align-items:end;gap:.5rem;display:flex}.muted{color:var(--muted)}.ok{color:var(--ok);font-weight:600}.notice,[role=alert]{color:var(--danger);font-weight:600}.banner{text-align:center;z-index:10;background:#fef3c7;margin:0;padding:.5rem;position:fixed;inset:0 0 auto}.tag{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.tag.warn{color:var(--danger);background:#fee2e2}.status{background:#e5e7eb;border-radius:999px;padding:.25rem .75rem}.status-ok{color:#166534;background:#dcfce7}.status-error{color:#991b1b;background:#fee2e2}.activity-list li,.queue li,.vote-board li,.answered-buttons li{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.question-editor{border-radius:var(--radius);background:#fff;border:1px solid #f9a8d4;gap:.6rem;display:grid}.question-list>li{margin-bottom:1rem}.check{align-items:center;gap:.4rem;display:flex}.start-panel,.question,.host-main,.host-side{border-radius:var(--radius);background:#fff;padding:1rem}.participant{gap:1rem;max-width:40rem;margin:0 auto;padding:3rem 1rem;display:grid}.bar-top{justify-content:space-between;gap:1rem;display:flex}.choices,.scale,.controls,.reaction-bar,.reaction-counts{flex-wrap:wrap;gap:.5rem;display:flex}.choice{flex:10rem;padding:1rem}.choice.selected{background:var(--brand);color:#fff}.host{grid-template-columns:minmax(14rem,18rem) 1fr;gap:1rem;padding:1rem;display:grid}.question-nav button[aria-current]{border-color:var(--brand);font-weight:700}.projection-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.countdown{color:var(--brand);font-size:2rem;font-weight:700}.bars{gap:.4rem;padding:0;list-style:none;display:grid}.bar{grid-template-columns:8rem 1fr 6rem;align-items:center;gap:.5rem;display:grid}.bar-track{background:#f3f4f6;border-radius:999px;height:1.2rem;overflow:hidden}.bar-fill{background:var(--brand);height:100%;display:block}.bar.correct .bar-fill{background:var(--ok)}.cloud{color:var(--brand);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:0;list-style:none;display:flex}.compare{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.plot{aspect-ratio:1;background:linear-gradient(#e5e7eb,#e5e7eb) 50%/2px 100% no-repeat,linear-gradient(#e5e7eb,#e5e7eb) 50%/100% 2px no-repeat,#fff;border:1px solid #d1d5db;max-width:28rem;position:relative}.plot-image_pin{aspect-ratio:auto;background:0 0}.plot img{width:100%;display:block}.axis{color:var(--muted);font-size:.75rem;position:absolute}.axis-x-min{top:50%;left:.25rem}.axis-x-max{top:50%;right:.25rem}.axis-y-min{bottom:.25rem;left:50%}.axis-y-max{top:.25rem;left:50%}.dot{background:var(--brand);opacity:.7;border-radius:50%;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;position:absolute}.dot-average{background:var(--ok);opacity:1;width:1.2rem;height:1.2rem}.dot-mine{opacity:1;background:#1d4ed8}.point-area{cursor:crosshair;position:relative}.projection{background:#fff;min-height:100vh;padding:2rem;font-size:1.4rem}.code-big{letter-spacing:.3rem;font-size:4rem;font-weight:800}.lobby{text-align:center}.ranking ol{padding-left:1.2rem}.podium{font-size:1.3em}@media (width<=48rem){.host,.compare{grid-template-columns:1fr}}.row.between{justify-content:space-between;align-items:center}.table{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:.45rem .6rem}a.button{border-radius:var(--radius);color:inherit;background:#fff;border:1px solid #d1d5db;padding:.5rem .9rem;text-decoration:none;display:inline-block}button.link{background:0 0;border:none;text-decoration:underline}.host,.participant{overflow-wrap:anywhere}.host-sticky{z-index:5;background:#fff;padding:.5rem 0;position:sticky;top:0}.participation-count{margin:.25rem 0;font-weight:700}.pending{max-height:5rem;color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.projection{box-sizing:border-box}.ranking-screen{font-size:1.6rem}@media (width<=40rem){.host{padding:.25rem}.host-main{order:-1;padding:.5rem}.host-side .qr,.host-side .question-nav{display:none}.controls button{padding:.45rem .6rem}.controls .timer{flex-direction:row;align-items:center}.controls .timer input{width:4rem}.table{font-size:.85rem}}@media (width>=64rem) and (height<=50rem){.projection{padding:1rem 2rem;font-size:1.2rem}.projection h1{margin:.5rem 0;font-size:2rem}}.snippet pre{color:#f9fafb;white-space:pre-wrap;overflow-wrap:anywhere;background:#1f2937;border-radius:.5rem;padding:.6rem;overflow-x:auto}