:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--colour-page:#f6f5f2;--colour-surface:#fff;--colour-sunken:#ecebe6;--colour-ink:#1d1d1b;--colour-ink-quiet:#55554f;--colour-line:#bcbbb3;--colour-line-strong:#1d1d1b;--colour-action:#1d1d1b;--colour-action-ink:#fff;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-small:.875rem;--text-body:1rem;--text-heading:1.125rem;--text-title:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--radius:.5rem;--border:1px solid var(--colour-line);--border-strong:3px solid var(--colour-line-strong);--motion-short:.12s;--motion-landing:.26s;--motion-stagger:35ms}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--colour-page:#171716;--colour-surface:#232321;--colour-sunken:#1c1c1a;--colour-ink:#f1f0ea;--colour-ink-quiet:#b5b4ab;--colour-line:#4d4d47;--colour-line-strong:#f1f0ea;--colour-action:#f1f0ea;--colour-action-ink:#171716}}@media (prefers-reduced-motion:reduce){:root{--motion-short:0s;--motion-landing:0s;--motion-stagger:0s}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--colour-page);color:var(--colour-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.45}h1,h2,p,ul,ol{margin:0}h1,h2{font-size:var(--text-heading)}ul,ol{padding:0;list-style:none}fieldset{border:0;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--colour-surface);border:var(--border);border-radius:var(--radius);cursor:pointer;min-height:2.25rem;padding:var(--space-1) var(--space-3);transition:border-color var(--motion-short)}button:hover:not(:disabled){border-color:var(--colour-line-strong)}button:disabled{cursor:not-allowed;opacity:.55}button[aria-pressed=true]{border:var(--border-strong);font-weight:600}input,select,textarea{background:var(--colour-surface);border:var(--border);border-radius:var(--radius);padding:var(--space-2);width:100%}textarea{resize:vertical}:focus-visible{outline:3px solid var(--colour-line-strong);outline-offset:2px}kbd{border:var(--border);font-family:var(--font-mono);font-size:var(--text-small);padding:0 var(--space-1);border-radius:.25rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.button-primary{background:var(--colour-action);border-color:var(--colour-action);color:var(--colour-action-ink);font-weight:600}.button-quiet{font-size:var(--text-small);min-height:1.75rem;padding:0 var(--space-2);background:0 0;border-color:#0000;text-decoration:underline}.stack-gap{gap:var(--space-3);flex-direction:column;display:flex}.panel{background:var(--colour-surface);border:var(--border);border-radius:var(--radius);padding:var(--space-4)}.field{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.field-inline{font-size:var(--text-small);align-items:center;gap:var(--space-2);display:flex}.tag{color:var(--colour-ink-quiet);font-size:var(--text-small)}.tag-strong{border:2px solid var(--colour-line-strong);border-radius:var(--radius);color:var(--colour-ink);padding:0 var(--space-1);margin-inline-start:var(--space-2);font-weight:600}.empty{color:var(--colour-ink-quiet)}.centred{align-items:stretch;gap:var(--space-4);max-width:28rem;min-height:100vh;padding:var(--space-4);flex-direction:column;justify-content:center;margin-inline:auto;display:flex}.app-title{font-size:var(--text-title)}.app-tagline{color:var(--colour-ink-quiet)}.join-row{align-items:flex-end;gap:var(--space-2);display:flex}.avatar-picker{gap:var(--space-2);flex-direction:column;display:flex}.avatar-picker legend{margin-bottom:var(--space-1)}.avatar-picker .button-quiet{align-self:flex-start}.avatar-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));display:grid}.avatar-option{aspect-ratio:1;min-height:0;padding:var(--space-1)}.avatar-option img{width:100%;height:100%;display:block}.room{gap:var(--space-3);max-width:90rem;padding:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.room-header,.room-share{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.room-header{justify-content:space-between}.room-code{font-family:var(--font-mono);letter-spacing:.08em}.connection-warning,.rejection{border:var(--border-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-3);flex-basis:100%}.phases{gap:var(--space-2);flex-wrap:wrap;display:flex}.phases li{border:var(--border);border-radius:var(--radius);color:var(--colour-ink-quiet);padding:var(--space-1) var(--space-3)}.phases li[aria-current=step]{border:var(--border-strong);color:var(--colour-ink);font-weight:700}.phase-hint{color:var(--colour-ink-quiet)}.timer{font-family:var(--font-mono);font-weight:600}.room-layout{align-items:flex-start;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 20rem;display:grid}.room-side{gap:var(--space-3);flex-direction:column;display:flex}.write-status{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.columns{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.column{background:var(--colour-sunken);border:var(--border);border-radius:var(--radius);gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.composer{gap:var(--space-2);flex-direction:column;display:flex}.composer button{align-self:flex-end}.card-list{gap:var(--space-2);flex-direction:column;display:flex}.card{background:var(--colour-surface);border:var(--border);border-radius:var(--radius);gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.card[draggable=true]{cursor:grab}.card-text{overflow-wrap:anywhere;white-space:pre-wrap}.card-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.card.is-hidden{border-style:dashed}.card.is-hidden .card-text{text-decoration:line-through}.card.is-held{border:var(--border-strong)}.card-landing{animation:card-land var(--motion-landing) ease-out both;animation-delay:calc(var(--landing-index) * var(--motion-stagger))}@keyframes card-land{0%{opacity:0;transform:translateY(-.5rem)}}.stack{gap:var(--space-2);flex-direction:column;display:flex}.stack.is-multiple{border-inline-start:var(--border-strong);padding-inline-start:var(--space-2)}.stack.is-focus{border:var(--border-strong);border-radius:var(--radius);padding:var(--space-3)}.vote-row{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.discuss{align-items:flex-start;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid}.discuss-list,.action-list,.export-list,.column-editor,.participants{gap:var(--space-3);flex-direction:column;display:flex}.discuss-meta{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.vote-total{font-size:var(--text-heading)}.action{border-top:var(--border);align-items:flex-start;gap:var(--space-2);padding-top:var(--space-3);display:flex}.action-done input{width:1.25rem;height:1.25rem}.action-fields{flex:1;min-width:0}.action.is-done .action-fields>label:first-child input{text-decoration:line-through}.export-list li,.column-editor li,.participants li,.timer-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.export-list span{flex:1}.participants img{border-radius:.25rem}.participants .is-offline img{opacity:.5}.profile-editor summary{cursor:pointer;font-size:var(--text-small)}.hotkeys{font-size:var(--text-small)}@media (max-width:60rem){.room-layout{grid-template-columns:minmax(0,1fr)}}.room-access-note{opacity:.8;font-size:.8125rem}