:root{--bg:#1b1916;--surface:#221f1b;--surface-raised:#2a2621;--surface-hover:#332e28;--text:#ebe3d3;--text-muted:#a89f8f;--text-faint:#736b5f;--rust:#c2703f;--rust-wash:#3a2a20;--ochre:#cfa453;--ochre-wash:#332b1c;--sage:#a3b38a;--sage-wash:#272c21;--berry:#d98b83;--berry-wash:#362221;--paper:#efe7d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;border-radius:0}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:var(--text);background:var(--surface-raised);cursor:pointer;border:0;padding:9px 14px;transition:background .12s,color .12s}button:hover:not(:disabled){background:var(--surface-hover)}button[type=submit]{color:var(--bg);background:var(--rust);font-weight:600}button[type=submit]:hover:not(:disabled){background:#cf8050}button:focus-visible,live-drawing-canvas:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}input,textarea{min-width:0;color:var(--text);background:var(--surface-raised);border:0;padding:10px 12px;transition:background .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus{background:var(--surface-hover);box-shadow:inset 0 -2px 0 var(--rust);outline:none}textarea{resize:vertical}.visually-hidden,.chat-field__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{width:min(1180px,100%);margin:0 auto;padding:32px clamp(20px,5vw,56px) 96px}.workspace{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px 20px;display:grid}.panel{display:contents}.workspace>*,.panel>*{grid-column:1/-1}.workspace>.tabs,.workspace>.profile,.panel>.panel__status{grid-row:1;margin-bottom:24px}.workspace>.tabs{grid-column:1}.panel>.panel__status{grid-column:2}.workspace>.profile{grid-column:3}.badge{align-items:center;min-height:24px;padding:3px 10px;font-size:12px;display:inline-flex}.badge--waiting{background:var(--ochre-wash);color:var(--ochre)}.badge--trouble{background:var(--berry-wash);color:var(--berry)}.panel__status{justify-content:flex-end;align-items:center;gap:12px;display:flex}.status__pending{color:var(--ochre);font-size:12px}.status__link{align-items:center;gap:6px;font-size:12px;display:inline-flex}.status__link:before{content:"";background:currentColor;width:7px;height:7px}.status__link--live{color:var(--sage)}.status__link--waiting{color:var(--ochre)}.status__link--trouble{color:var(--berry)}.presence{gap:3px;display:flex}.presence__member{width:24px;height:24px;color:var(--text-muted);background:var(--surface-raised);place-items:center;font-size:10px;font-weight:650;display:grid}.profile{position:relative}.profile__avatar{width:32px;height:32px;color:var(--rust);background:var(--rust-wash);cursor:pointer;place-items:center;font-size:12px;font-weight:650;list-style:none;display:grid}.profile__avatar::-webkit-details-marker{display:none}.profile__avatar:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}.profile[open] .profile__avatar{color:var(--bg);background:var(--rust)}.profile__menu{z-index:10;background:var(--surface-raised);gap:4px;min-width:180px;padding:14px 16px;font-size:13px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.profile__menu span{color:var(--text-muted)}.tabs{gap:clamp(16px,3vw,32px);display:flex;overflow-x:auto}.tabs__button{min-width:max-content;color:var(--text-faint);background:0 0;flex:none;padding:10px 0;transition:color .12s,box-shadow .12s;box-shadow:inset 0 -2px #0000}.tabs__button:hover:not(:disabled){color:var(--text-muted);background:0 0}.tabs__button[data-selected]{color:var(--text);box-shadow:inset 0 -2px 0 var(--rust)}.panel__alerts{gap:4px;display:grid}.panel__alerts:empty{display:none}.rejection,.offline{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.rejection{background:var(--berry-wash);color:var(--berry)}.offline{background:var(--ochre-wash);color:var(--ochre)}.composer,.toolbar,.toolbar__bulk,.pager,.drawing__controls,.counter__actions,.grid__editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer input{flex:1}.choice{gap:2px;display:flex}.choice__option--active,.choice__option--active:hover:not(:disabled){color:var(--text);background:var(--rust-wash);box-shadow:inset 0 -2px 0 var(--rust)}.todos,.activity__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.todo{background:var(--surface);align-items:center;gap:12px;padding:12px 14px;display:flex}.todo--done .todo__title{color:var(--text-faint);text-decoration:line-through}.todo__title,.todo__edit{flex:1}.todo__edit input{width:100%}.todo__action{color:var(--text-muted);background:0 0;padding:6px 10px;font-size:12px}.todo__action:hover:not(:disabled){color:var(--text)}input[type=checkbox]{accent-color:var(--rust)}.empty{color:var(--text-faint);text-align:center;padding:32px}.pager{color:var(--text-faint);justify-content:space-between;font-size:13px}.activity{flex-direction:column;align-items:stretch;gap:12px;margin-top:48px;display:flex}.activity>button{align-self:flex-start}.activity h3{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650}.activity__notice{color:var(--ochre);align-items:center;gap:8px;display:flex}.activity__item{background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.activity__time{color:var(--text-faint);font-size:12px}.drawing{grid-template-columns:minmax(0,1fr) 220px;gap:40px;display:grid}.drawing__surface{background:var(--paper);min-width:0}live-drawing-canvas{aspect-ratio:1;cursor:crosshair;touch-action:none;width:100%;display:block;overflow:hidden}.drawing__sidebar{flex-direction:column;gap:20px;display:flex}.swatches{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;width:100%;padding:0}.swatch--active{outline:2px solid var(--text);outline-offset:2px}.counter{text-align:center;place-items:center;min-height:400px;display:grid}.counter__value{letter-spacing:-.08em;font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:clamp(76px,18vw,168px);font-weight:700;line-height:.9}.counter__actions{justify-content:center;margin-top:40px}.grid{grid-template-columns:minmax(340px,1fr) minmax(220px,280px);align-items:start;gap:40px;display:grid}.grid__cells{grid-template-columns:repeat(8,minmax(40px,1fr));gap:3px;display:grid}.grid__cell{aspect-ratio:1;text-overflow:ellipsis;min-width:0;padding:4px;font-size:12px;overflow:hidden}.grid__cell--selected{box-shadow:inset 0 0 0 2px var(--text)}.grid__editor{background:var(--surface);flex-direction:column;align-items:stretch;gap:12px;padding:20px}.grid__coordinate{color:var(--rust);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:650}.chat-showcase{grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.chat-rooms{background:var(--surface);flex-direction:column;min-width:0;display:flex}.chat-rooms__create{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:20px 16px 12px;display:grid}.chat-rooms__list,.chat-messages{margin:0;padding:0;list-style:none}.chat-rooms__list{flex-direction:column;flex:1;gap:2px;padding:8px 0;display:flex;overflow-y:auto}.chat-room{text-align:left;background:0 0;gap:3px;width:100%;padding:12px 16px;display:grid;box-shadow:inset 2px 0 #0000}.chat-room--active,.chat-room--active:hover:not(:disabled){background:var(--surface-raised);box-shadow:inset 2px 0 0 var(--rust)}.chat-room__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-field{min-width:0;display:grid}.chat-field__input,.chat-field__textarea{width:100%}.chat-welcome{color:var(--text-faint);place-content:center;margin:0;display:grid}.chat-conversation{flex-direction:column;min-width:0;display:flex}.chat-conversation__header{justify-content:space-between;align-items:center;gap:12px;padding:20px 28px 8px;display:flex}.chat-conversation__header h3{margin:0;font-size:16px;font-weight:600}.chat-older{color:var(--rust);background:0 0;align-self:center;font-size:11px}.chat-older:hover:not(:disabled){color:var(--ochre);background:0 0}.chat-messages{flex-direction:column;flex:1;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex;overflow-y:auto}.chat-message{background:var(--surface);width:min(580px,86%);padding:10px 14px}.chat-message--own{background:var(--rust-wash);align-self:flex-end}.chat-message__meta{color:var(--text-faint);align-items:center;gap:8px;font-size:11px;display:flex}.chat-message__body{overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;line-height:1.55}.chat-message__actions{gap:4px;margin-top:8px;display:flex}.chat-message__actions button{color:var(--text-muted);background:0 0;padding:4px 8px;font-size:12px}.chat-message__actions button:hover:not(:disabled){color:var(--text);background:0 0}.chat-message__edit{gap:6px;margin-top:8px;display:grid}.chat-typing{min-height:24px;color:var(--text-faint);padding:0 28px;font-size:11px}.chat-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px 28px 24px;display:grid}@media (width<=760px){.app{padding-top:20px}.drawing,.grid,.chat-showcase{grid-template-columns:1fr}.chat-rooms{max-height:260px}.presence{display:none}.activity__item{grid-template-columns:auto minmax(0,1fr)}.activity__time{grid-column:2}}