@font-face{font-family:display;src:url(../media/bricolage_grotesque-s.p.1hi18al4uab-e.woff2)format("woff2");font-display:swap;font-weight:600 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.0%;size-adjust:101.66%}.oL5oaa_className{font-family:display,display Fallback}.oL5oaa_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/archivo-s.p.1e26xh-23sm17.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}._5zmJmW_className{font-family:body,body Fallback}._5zmJmW_variable{--font-body:"body", "body Fallback"}
:root,:root[data-theme=light],.themed[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-white:#fff;--c-mist:#f1f3f6;--c-line:#dee2e9;--c-ink:#0f1419;--c-slate:#58606d;--bg:var(--c-white);--surface:var(--c-white);--surface-hover:var(--c-mist);--border:var(--c-line);--fg:var(--c-ink);--fg-dim:var(--c-slate);--tool-timer:#f7c600;--tool-picker:#d42a20;--tool-groups:#0b6bcb;--tool-stopwatch:#047857;--tool-day:#946300;--tool-board:#7c3aed;--tool-class:#0f766e;--tool-todo:#be185d;--tool-paper:#c2410c;--on-tool:#fff;--knob:var(--c-white);--on-scrim:var(--c-white);--danger:#d42a20;--hue-1:#fbbf24;--hue-2:#fb5c76;--hue-3:#38bdf8;--hue-4:#34d399;--hue-5:#9d7cfa;--hue-6:#fb923c;--on-hue:#10151c;--logo-ink:#0e1318;--logo-mark:#6428fa;--logo-dot:#00704e;--scrim:#0f141973;--paper:#fff;--paper-black:#111418;--paper-grey:#6b7280;--paper-blue:#1d4ed8;--paper-sky:#0ea5e9;--paper-red:#dc2626;--paper-green:#16a34a;--paper-purple:#7c3aed}:root[data-theme=dark],.themed[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-night:#14161a;--c-slab:#1c1f25;--c-raised:#242830;--c-line:#2e333c;--c-chalk:#f5f6f8;--c-ash:#9aa2ae;--bg:var(--c-night);--surface:var(--c-slab);--surface-hover:var(--c-raised);--border:var(--c-line);--fg:var(--c-chalk);--fg-dim:var(--c-ash);--tool-timer:#f7c600;--tool-picker:#ff8a75;--tool-groups:#5ab9ec;--tool-stopwatch:#6fd39b;--tool-day:#e8c58a;--tool-board:#b39ae8;--tool-class:#68d4b6;--tool-todo:#f472b6;--tool-paper:#fdba74;--on-tool:#14161a;--knob:var(--c-chalk);--on-scrim:var(--c-chalk);--danger:#ff8a75;--hue-1:#f0b429;--hue-2:#ff8a75;--hue-3:#5ab9ec;--hue-4:#6fd39b;--hue-5:#b39ae8;--hue-6:#e8c58a;--on-hue:#14161a;--logo-ink:#fff;--logo-mark:#9565ff;--logo-dot:#c4e82e;--scrim:#0000009e;--paper:#fff;--paper-black:#111418;--paper-grey:#6b7280;--paper-blue:#1d4ed8;--paper-sky:#0ea5e9;--paper-red:#dc2626;--paper-green:#16a34a;--paper-purple:#7c3aed}:root{--tool:var(--fg);--tool-solid:var(--tool);--on-solid:var(--on-tool);--step-0:clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1:clamp(1.1rem, 1rem + .5vw, 1.35rem);--step-2:clamp(1.5rem, 1.2rem + 1.4vw, 2.4rem);--step-3:clamp(2rem, 1.4rem + 3vw, 4rem);--gutter:clamp(16px, 4vw, 40px);--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{overscroll-behavior:none}body{background-color:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;font-size:var(--step-0);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:999px;min-height:48px;padding:.7em 1.15em;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}button:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--tool-solid);border-color:var(--tool-solid);color:var(--on-solid);font-weight:700}.btn-lg{min-height:64px;font-size:var(--step-1);padding:.7em 1.9em}:where(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--fg);outline-offset:3px;border-radius:6px}input[type=text],input[type=number]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;min-height:48px;padding:.65em .8em}input:not([type=range],[type=checkbox],[type=radio],[type=file]),textarea,select{font-size:max(1rem,1em)}input:not([type=range],[type=checkbox],[type=radio],[type=file]):focus,textarea:focus,select:focus{border-color:var(--tool-solid);outline:none}input::placeholder{color:var(--fg-dim);opacity:.8}.tabular{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.home{--home-max:1100px;--home-side:max(var(--gutter), (100% - var(--home-max)) / 2);flex-direction:column;min-height:100dvh;display:flex}.home-head{z-index:2;padding:clamp(14px, 3vh, 28px) var(--home-side);border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.home-head h1{font-size:var(--step-3);margin:0 auto 0 0}.home-head h1 svg{width:auto;height:1.25em;display:block}.home-settings{color:var(--fg-dim);background:0 0;align-items:center;gap:8px;display:inline-flex}.home-settings svg{width:18px;height:18px}.theme-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--fg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-weight:600;display:flex}.theme-switch{--track:60px;--pad:3px;width:var(--track);height:34px;padding:var(--pad);background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;transition:background-color .16s;display:inline-flex}.theme-knob{aspect-ratio:1;background:var(--bg);height:100%;color:var(--fg);box-shadow:0 1px 3px color-mix(in srgb, var(--fg) 25%, transparent);border-radius:50%;place-items:center;transition:transform .16s;display:grid}.theme-knob svg{width:16px;height:16px}.theme-row[aria-checked=true] .theme-switch{background:var(--fg);border-color:var(--fg)}.theme-row[aria-checked=true] .theme-knob{transform:translateX(calc(var(--track) - (2 * var(--pad)) - 2px - 100%))}.home-main{padding:clamp(20px, 4vh, 48px) var(--home-side);margin-block:auto}.home-promises{color:var(--fg-dim);flex-wrap:wrap;gap:8px 20px;margin:0 0 clamp(14px,2.5vh,24px);padding:0;font-size:.9375rem;list-style:none;display:flex}.home-promises li{align-items:center;gap:6px;display:inline-flex}.home-promises svg{width:18px;height:18px;color:var(--tool-stopwatch)}.home-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(14px,2vw,22px);display:grid}.home-foot{margin:8px var(--home-side) 0;border-top:1px solid var(--border);color:var(--fg-dim);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 0 clamp(16px,3vh,28px);font-size:.875rem;display:flex}.home-links{flex-wrap:wrap;gap:6px 20px;display:flex}.home-foot a{color:var(--fg-dim);text-decoration:none}.home-foot a:hover{color:var(--fg)}.legal{max-width:40rem;line-height:1.6}.legal h2{font-size:var(--step-1);margin:1.6em 0 .4em}.legal p{margin:0 0 .8em}.legal-lead{color:var(--fg-dim)}.legal a{color:var(--fg)}.tool-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);flex-direction:column;gap:10px;min-height:210px;padding:clamp(20px,3vw,30px);text-decoration:none;transition:background-color .14s,border-color .14s;display:flex}.tool-card-icon{border-radius:16px;flex:none;place-items:center;width:56px;height:56px;margin-bottom:6px;display:grid}.tool-card-icon svg{width:34px;height:34px;display:block}.tool-card-name{font-family:var(--font-display), sans-serif;font-size:var(--step-2);font-weight:800;line-height:1}.tool-card-line{color:var(--fg-dim);line-height:1.45}.tool-card-short{color:var(--fg-dim);line-height:1.35;display:none}.tool-frame{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;display:grid;position:relative;overflow:hidden}.tool-bar{padding:10px var(--gutter);border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:14px;display:flex}.tool-back{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);width:42px;min-width:42px;height:42px;min-height:42px;color:var(--fg);border-radius:50%;flex:0 0 42px;place-items:center;padding:0;text-decoration:none;display:inline-grid}.tool-back svg{width:21px;height:21px}.tool-name{text-align:left;min-width:0;font-family:var(--font-display), sans-serif;font-weight:800;font-size:var(--step-1);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.tool-settings{min-height:42px;color:var(--fg-dim);flex:none;align-items:center;gap:8px;padding:.4em .9em;display:inline-flex}.tool-settings svg{flex:none;width:17px;height:17px}.tool-main{overscroll-behavior:contain;min-height:0;padding:clamp(12px, 2.4vh, 24px) var(--gutter) clamp(14px, 3vh, 30px);flex-direction:column;gap:clamp(12px,2.2vh,24px);width:100%;max-width:1500px;margin:0 auto;display:flex;overflow:hidden auto}.tool-main.is-fixed{overflow:hidden}.tool-foot{padding:10px max(var(--gutter), calc((100% - 760px) / 2)) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg);align-items:stretch;gap:10px;display:flex}.tool-foot>*{flex:1 1 0;min-width:0}.tool-foot button,.tool-foot a,.tool-foot .segment{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.quick-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;gap:8px;min-width:0;padding:2px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 22px),#0000 100%)}.quick-row>*{scroll-snap-align:start;flex:none}.quick{flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;display:flex}.quick .segmented{align-self:center;width:100%;max-width:440px}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:3px;width:100%;padding:3px;display:flex}.segment{min-width:0;min-height:42px;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1 1 0;padding:.4em .6em;font-weight:600;overflow:hidden}.segment.is-on{background:var(--tool-solid);color:var(--on-solid);font-weight:700}.segmented.is-neutral .segment.is-on{background:var(--fg);color:var(--bg)}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:30rem;margin:auto;padding:clamp(20px,6vh,60px) 0;display:flex}.empty h2{font-size:var(--step-2);margin:0}.empty p{color:var(--fg-dim);margin:0}a.btn-primary{border:1px solid var(--tool);min-height:48px;font:inherit;border-radius:999px;justify-content:center;align-items:center;padding:.7em 1.9em;font-weight:700;text-decoration:none;display:inline-flex}a.btn-lg{min-height:64px;font-size:var(--step-1);padding:.7em 1.9em}.btn-flat{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--fg);font:inherit;border-radius:999px;justify-content:center;align-items:center;padding:.7em 1.2em;font-weight:600;text-decoration:none;display:inline-flex}.empty .btn-primary{margin-top:6px}.picker-stack{flex-direction:column;align-items:center;gap:clamp(12px,2.5vh,24px);width:100%;display:flex}.picker-stack .wheel{width:min(100%,420px)}.taken{flex-direction:column;width:100%;max-width:620px;display:flex}.taken-row{border-bottom:1px solid var(--border);grid-template-columns:2.6rem 1fr;align-items:center;gap:10px;padding:9px 10px;display:grid}.taken-row:last-child{border-bottom:0}.taken-head{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:.72rem;font-weight:600}.taken-row span:first-child{color:var(--fg-dim)}.picker-spin,.picker-side{display:contents}@media (min-width:901px),(min-width:641px) and (orientation:landscape){.picker-stack{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:stretch;gap:clamp(16px,3vw,56px);min-height:0;display:grid}.picker-spin{justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.picker-stack .wheel{width:94cqmin}.picker-side{flex-direction:column;justify-content:safe center;gap:clamp(10px,2vh,20px);min-height:0;display:flex}.picker-side .winner{text-align:start;flex:none;align-items:flex-start}.picker-side .winner-name{font-size:clamp(1.4rem,min(3.4vw,6.5vh),5.5rem)}.picker-side .taken{overscroll-behavior:contain;max-width:none;min-height:0;overflow:hidden auto}}.field{flex-direction:column;gap:10px;display:flex}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:.78rem;font-weight:600}.chip-row,.chip-row-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{white-space:nowrap;min-height:44px;padding:.5em 1em;font-weight:500}.chip-on{background:var(--tool-solid);border-color:var(--tool-solid);color:var(--on-solid);font-weight:700}.switch{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--tool-solid);cursor:pointer}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){border-color:var(--tool-solid);background:color-mix(in srgb, var(--tool-solid) 12%, var(--surface))}.btn-primary:hover:not(:disabled){background:var(--tool-solid);color:var(--on-solid);filter:brightness(1.08)}.home-settings:hover{color:var(--fg);border-color:var(--fg-dim)}.paper-exit:hover{opacity:1}.tool-card:hover{background:var(--surface-hover)}.tool-back:hover{color:var(--fg)}.chip-on:hover:not(:disabled){background:var(--tool-solid);color:var(--on-solid);border-color:var(--tool-solid)}.segment.is-on:hover:not(:disabled){background:var(--tool-solid);color:var(--on-solid)}.segmented.is-neutral .segment.is-on:hover:not(:disabled){background:var(--fg);color:var(--bg)}.roster-remove:hover{color:var(--danger);border-color:var(--danger)}.board-card:hover{color:inherit;border-color:var(--tool);background:var(--surface-hover)}.picker-add:hover{color:inherit}.group-member:hover{color:inherit;border-color:var(--border);background:var(--bg)}.slot:hover{color:inherit;border-color:var(--border)}.picker-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.clear-session:hover{color:var(--fg);border-color:var(--fg-dim)}.clear-session-go:hover{color:var(--bg);background:var(--danger);border-color:var(--danger)}.attend:hover:not(:disabled){background:var(--tool-solid);filter:brightness(1.08)}.attend[aria-checked=false]:hover:not(:disabled){background:var(--off)}}button:active:not(:disabled){transform:translateY(1px)}.chip-action:active:not(:disabled){transform:scale(.96)}@media (prefers-reduced-motion:reduce){button:active:not(:disabled),.chip-action:active:not(:disabled){transform:none}}button,a,.chip,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active:not(:disabled),a:active{background-color:var(--surface-hover);transition:none}.btn-primary:active:not(:disabled),.chip-on:active:not(:disabled){background-color:var(--tool-solid);filter:brightness(.9);transition:none}.slider-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.slider-value{color:var(--fg-dim);font-weight:600}.slider{width:100%;min-height:40px;accent-color:var(--tool-solid);cursor:pointer;margin:0}
.crumb{flex-direction:column;gap:2px;min-width:0;display:flex}.crumb-over{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.crumb-row{align-items:center;gap:10px;min-width:0;display:flex}.crumb-name{font-family:var(--font-display), sans-serif;font-weight:800;font-size:var(--step-2);overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.1}.crumb-edit{min-height:40px;color:var(--fg-dim);background:0 0;flex:none;padding:.35em .9em;font-size:.85rem}.drill{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.drill-row{text-align:left;border-radius:var(--radius);grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;min-height:60px;padding:.7em 1em;display:grid}.drill-name{font-weight:700;font-size:var(--step-0);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drill-note{color:var(--fg-dim);white-space:nowrap;font-size:.85rem}.drill-go{color:var(--fg-dim);place-items:center;display:inline-grid}.drill-go svg{width:20px;height:20px;display:block}.pick{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pick-item{position:relative}.pick-choose{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:0;padding:0;display:flex}.pick-radio{border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.pick-choose.is-on .pick-radio{border-color:var(--tool)}.pick-choose.is-on .pick-radio:after{content:"";background:var(--tool);border-radius:50%;width:12px;height:12px}.pick-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;flex:auto;gap:2px;min-width:0;padding:.7em 6.5em .7em 1em;display:flex}.pick-choose.is-on .pick-card{border-color:var(--tool);box-shadow:inset 0 0 0 1px var(--tool)}.pick-school{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.pick-name{font-weight:800;font-size:var(--step-1);overflow-wrap:anywhere;line-height:1.15}.pick-count{color:var(--fg-dim);font-size:.85rem}.pick-edit{min-height:34px;color:var(--fg-dim);background:var(--surface);padding:.2em .8em;font-size:.82rem;position:absolute;top:8px;right:8px}.sheet-table{flex-direction:column;gap:6px;display:flex}.sheet-row{grid-template-columns:3rem 1fr auto auto;align-items:center;gap:8px;display:grid}.sheet-row.is-away input{background:var(--surface-hover);color:var(--fg-dim)}.sheet-row.is-away input[type=text]{text-decoration:line-through}.attend{--off:color-mix(in srgb, var(--fg-dim) 55%, var(--surface));--track:44px;--pad:3px;width:var(--track);min-width:var(--track);height:26px;min-height:26px;padding:var(--pad);background:var(--tool-solid);border:0;border-radius:999px;flex:none;justify-content:flex-start;align-items:center;transition:background-color .14s;display:inline-flex}.attend[aria-checked=false]{background:var(--off)}.attend-knob{aspect-ratio:1;background:var(--knob);height:100%;transform:translateX(calc(var(--track) - (2 * var(--pad)) - 100%));border-radius:50%;transition:transform .14s}.attend[aria-checked=false] .attend-knob{transform:translate(0)}.sheet-no{min-height:40px;color:var(--fg-dim);align-items:center;padding-inline:.4em;display:flex}.sheet-row input{width:100%;min-height:40px}.sheet-head{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);background:var(--surface);z-index:1;padding-bottom:2px;font-size:.78rem;font-weight:600;position:sticky;top:0}.sheet-head span{padding-inline:.4em}.bg-swatches{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:8px;display:grid}.bg-swatch{border:1px solid var(--border);height:52px;color:var(--fg-dim);background-position:50%;background-size:cover;border-radius:10px;padding:0;font-size:.78rem;font-weight:600;overflow:hidden}.bg-swatch[aria-pressed=true]{border-color:var(--tool-solid);box-shadow:inset 0 0 0 3px var(--tool-solid)}.bg-add{width:100%}.bg-row{align-items:center;gap:8px;margin-top:10px;display:flex}.bg-row input{flex:1;min-width:0}.bg-row .file-button{flex:1}.file-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.55em 1.1em;font-weight:600;display:inline-flex}.field-note.is-bad{color:var(--danger)}.field-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.field-note{color:var(--fg-dim);margin:0;font-size:.85rem}.field-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-danger{color:var(--danger);border-color:var(--danger)}textarea{font:inherit;resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--fg);border-radius:14px;padding:.6em .8em}@media (max-width:480px){.sheet-row{grid-template-columns:2.4rem 1fr auto auto;gap:6px}}.roster{flex-direction:column;gap:12px;display:flex}.roster-hint{color:var(--fg-dim);margin:0;font-size:.85rem}.armed{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.armed button{white-space:nowrap;min-height:38px;padding-inline:.75em;font-size:.85rem}.roster-remove{min-width:34px;min-height:34px;color:var(--fg-dim);background:0 0;border-color:#0000;padding:0;font-size:1.1rem;line-height:1}.roster-empty{color:var(--fg-dim);margin:0}.groups-bar-note{color:var(--fg-dim);text-align:center;margin:0}
.stage{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:clamp(14px,3vh,30px);min-height:0;display:flex}.empty-stage{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:44ch;display:flex}.empty-stage h2{font-size:var(--step-2)}.empty-stage p{color:var(--fg-dim);margin:0}.full-stage{z-index:60;background-color:var(--bg);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;padding:clamp(12px,3vw,32px);display:grid;position:fixed;inset:0}.full-card{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--on-hue) 70%, transparent);color:var(--on-scrim);border-radius:clamp(18px,3vw,36px);place-items:center;max-width:96vw;padding:clamp(6px,1.4vh,18px) clamp(14px,3.4vw,44px);display:grid}.full-card:active{cursor:grabbing}.full-frame{position:relative}.full-resize{--hit:34px;--gap:3px;--arm:16px;--line:3px;width:var(--hit);height:var(--hit);touch-action:none;color:var(--on-scrim);filter:drop-shadow(0 0 1px #000000b3);position:absolute}.full-resize.is-tl,.full-resize.is-bl{left:calc(50% - var(--s) * 50% - var(--hit) / 2)}.full-resize.is-tr,.full-resize.is-br{left:calc(50% + var(--s) * 50% - var(--hit) / 2)}.full-resize.is-tl,.full-resize.is-tr{top:calc(50% - var(--s) * 50% - var(--hit) / 2)}.full-resize.is-bl,.full-resize.is-br{top:calc(50% + var(--s) * 50% - var(--hit) / 2)}.full-resize.is-tl,.full-resize.is-br{cursor:nwse-resize}.full-resize.is-tr,.full-resize.is-bl{cursor:nesw-resize}.full-resize:after{content:"";width:var(--arm);height:var(--arm);opacity:.4;--at:calc(var(--hit) / 2 - var(--gap) - var(--line));border:0 solid;transition:opacity .12s;position:absolute}.full-resize.is-tl:after{left:var(--at);top:var(--at);border-top-width:var(--line);border-left-width:var(--line);border-top-left-radius:6px}.full-resize.is-tr:after{right:var(--at);top:var(--at);border-top-width:var(--line);border-right-width:var(--line);border-top-right-radius:6px}.full-resize.is-bl:after{left:var(--at);bottom:var(--at);border-bottom-width:var(--line);border-left-width:var(--line);border-bottom-left-radius:6px}.full-resize.is-br:after{right:var(--at);bottom:var(--at);border-bottom-width:var(--line);border-right-width:var(--line);border-bottom-right-radius:6px}.full-resize:hover:after,.full-resize:active:after,.full-resize:focus-visible:after{opacity:.9}.full-resize:focus-visible{outline:none}.full-clock{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;white-space:nowrap;font-size:clamp(4rem,19vw,24rem);font-weight:800;line-height:.92}.full-exit{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));background:var(--scrim);width:46px;min-width:46px;height:46px;min-height:46px;color:var(--on-scrim);border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute}.full-exit svg{width:22px;height:22px;display:block}.go-full{border:1px solid var(--border);background-color:var(--surface);width:42px;min-width:42px;height:42px;min-height:42px;color:var(--fg);background-position:50%;background-size:cover;border-radius:10px;flex:0 0 42px;place-items:center;padding:0;display:inline-grid;overflow:hidden}.go-full svg{width:20px;height:20px;display:block}
.timer-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,5vw,64px);width:100%;display:flex}.timer-stage-bar{flex-direction:column;gap:clamp(16px,4vh,40px)}.timer-visual{display:contents}@media (orientation:landscape) and (max-height:600px){.stage-timer{flex:1 1 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(8px,3vh,16px) clamp(16px,4vw,48px);width:100%;min-height:0;display:grid}.stage-timer .timer-stage{display:contents}.stage-timer .timer-visual{grid-area:1/1/-1;justify-content:center;place-self:stretch stretch;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.stage-timer .dial{width:min(100cqw,100cqh);min-width:0}.stage-timer .glass{width:min(100cqw,60cqh);min-width:0}.stage-timer .readout-block{grid-area:1/2;align-self:end}.stage-timer .quick{grid-area:2/2}.stage-timer .readout-value,.stage-timer .readout-colon{font-size:clamp(2.2rem,14vh,5rem)}}.dial{flex-shrink:0;width:min(48vh,40vw,560px);min-width:170px;position:relative}.dial-svg{width:100%;height:auto;display:block}.glass{flex-shrink:0;width:min(46vh,26vw,370px);min-width:130px;position:relative}.glass-svg{width:100%;height:auto;display:block}@media (min-width:641px) and (min-height:601px),(min-width:641px) and (orientation:portrait){.stage-timer .timer-stage{flex-wrap:nowrap;flex:1 1 0;width:100%;min-height:0;container-type:size}.stage-timer .dial{width:min(100cqh,40vw,560px);min-width:0}.stage-timer .glass{width:min(60cqh,26vw,370px);min-width:0}}@media (min-width:2200px){.stage-timer .dial{width:min(100cqh,34vw,760px)}.stage-timer .glass{width:min(60cqh,22vw,500px)}}.bar{border:1px solid var(--border);background:var(--surface);border-radius:999px;width:100%;max-width:1000px;height:clamp(30px,7vh,72px);padding:4px;position:relative;overflow:hidden}.bar-fill{background:var(--tool-solid);border-radius:999px;min-width:0;height:100%}.readout{align-items:flex-start;gap:clamp(4px,1vw,14px);display:flex}.readout-part{flex-direction:column;align-items:center;display:flex}.readout-value{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;font-size:clamp(3.1rem,12vw,13rem);font-weight:800;line-height:.92}.readout-unit{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);margin-top:6px;font-size:clamp(.62rem,1.1vw,.9rem);font-weight:600}.readout-colon{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--fg);font-size:clamp(3.1rem,12vw,13rem);font-weight:800;line-height:.92}.readout-done .readout-value,.readout-done .readout-colon{color:var(--fg-dim)}.timer-note{text-align:center;white-space:nowrap;pointer-events:none;font-family:var(--font-display), sans-serif;place-items:center;font-weight:800;line-height:1.05;display:grid;position:absolute;inset:0}.timer-note-ink{color:var(--tool-solid);background:var(--on-hue);border-radius:.3em;padding:.1em .42em}.dial,.glass{container-type:inline-size}.dial .timer-note{font-size:15cqw}.glass .timer-note{align-items:start;padding-top:13%;font-size:19cqw}.bar .timer-note{font-size:clamp(.9rem,3.2vh,1.7rem)}.readout-block{flex-direction:column;align-items:center;display:flex}.controls{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}
.wheel{flex-shrink:0;width:min(54vh,88vw,560px);position:relative}.wheel-svg{width:100%;height:auto;display:block;overflow:visible}.wheel-pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-top:24px solid var(--fg);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@media (min-width:641px){.tool-foot>.picker-main+*{order:-1}}.winner{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:4.2rem;display:flex}.winner-label{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);font-size:.78rem;font-weight:600}.winner-name{font-family:var(--font-display), sans-serif;color:var(--danger);letter-spacing:-.02em;font-size:clamp(1.6rem,5vw,5rem);font-weight:800;line-height:1}.winner-idle{color:var(--fg-dim);font-size:var(--step-1)}
.group-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(10px,1.6vw,18px);width:100%;display:grid}.group-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);border-top:3px solid;padding:16px 18px}.group-card h2{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:clamp(1.15rem,1.6vw,2.3rem);display:flex}.group-size{color:var(--fg-dim);font-size:.8rem;font-weight:600}.group-card ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.group-card li{font-size:clamp(1rem,1.5vw,2.1rem);font-weight:500;line-height:1.35}
.board-hint{color:var(--fg-dim);font-size:.9rem}.board{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:clamp(10px,1.4vw,16px);width:100%;margin:0;padding:0;list-style:none;display:grid}.board-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:stretch;gap:10px;width:100%;min-height:96px;padding:14px 16px;display:flex}.board-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.board-name{font-family:var(--font-display), sans-serif;overflow-wrap:anywhere;min-width:0;font-size:clamp(1.05rem,1.3vw,1.8rem);font-weight:700;line-height:1.15}.board-score{font-family:var(--font-display), sans-serif;color:var(--tool);flex-shrink:0;font-size:clamp(1.1rem,1.4vw,2rem);font-weight:800}.board-icons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.board-icon{flex-shrink:0;width:clamp(18px,1.5vw,28px);height:clamp(18px,1.5vw,28px)}.board-none{color:var(--fg-dim);font-size:.85rem}.board-more{color:var(--fg-dim);margin-left:2px;font-size:.85rem;font-weight:600}
.picker-scrim{z-index:40;position:fixed;inset:0}.picker-scrim.is-sheet{background:var(--scrim)}.picker{z-index:50;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 44px color-mix(in srgb, var(--fg) 28%, transparent);position:fixed}.picker:focus{outline:none}.picker .field+.field{margin-top:18px}.picker-popover{border-radius:var(--radius);grid-template-rows:auto minmax(0,1fr) auto;width:300px;display:grid}.picker-sheet{border-bottom:0;border-radius:18px 18px 0 0;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:86dvh;animation:.18s ease-out sheet-up;display:grid;bottom:0;left:0;right:0}@media (min-width:641px){.picker-sheet{max-width:560px;margin-inline:auto}}.picker-sheet:before{content:"";background:var(--border);border-radius:999px;width:40px;height:4px;margin:4px auto 10px;display:block}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.picker-head{justify-content:space-between;align-items:center;gap:10px;padding:12px 16px 10px;display:flex}.picker-body{overscroll-behavior:contain;min-height:0;padding:0 16px 4px;overflow:hidden auto}.picker-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);gap:10px;display:flex}.picker-foot>*{flex:1 1 0;min-width:0}.picker-sheet:before{margin-top:10px}.picker-name{font-size:var(--step-1);overflow-wrap:anywhere;min-width:0;font-weight:800}.picker-close{min-width:40px;min-height:40px;color:var(--fg-dim);background:0 0;border-color:#0000;flex-shrink:0;padding:0;font-size:1.3rem;line-height:1}.picker-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.picker-list li{align-items:center;gap:8px;display:flex}.picker-add{background:var(--bg);border-radius:12px;flex:1;align-items:center;gap:10px;min-height:52px;padding:0 14px;font-weight:600;display:flex}.picker-icon{flex-shrink:0;width:24px;height:24px}.picker-plus{color:var(--fg-dim);margin-left:auto;font-size:1.3rem;font-weight:700}.picker-count{text-align:center;min-width:2ch;color:var(--fg-dim);font-weight:700}.picker-minus{flex-shrink:0;min-width:44px;min-height:44px;padding:0;font-size:1.2rem;line-height:1}.group-member{text-align:left;width:100%;min-height:40px;font-weight:500;font-size:inherit;background:0 0;border-color:#0000;border-radius:8px;padding:3px 8px}.group-empty{color:var(--fg-dim);font-style:italic}.bench{flex-direction:column;gap:8px;width:100%;display:flex}.picker-hint{color:var(--fg-dim);margin:0 0 10px;font-size:.9rem}.picker-groups{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.picker-wide{width:100%}
.readout-value.is-small{color:var(--fg-dim);font-size:clamp(1.8rem,6vw,6rem)}.stage.is-pinned{justify-content:flex-start;gap:clamp(8px,2vh,18px);height:100%;min-height:0}.stage.is-pinned .readout-block{flex:none}.laps{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:4px;width:100%;max-width:620px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden auto}.lap{border:1px solid var(--border);background:var(--surface);font-size:var(--step-1);border-radius:10px;grid-template-columns:2.5rem 1fr 1fr auto;align-items:baseline;gap:12px;padding:8px 14px;display:grid}.lap-n{color:var(--fg-dim);font-weight:700}.lap-split{font-weight:700}.lap-total{color:var(--fg-dim);text-align:right}.lap-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:.7rem;font-weight:700}.is-fastest .lap-tag{color:var(--tool-stopwatch)}.is-slowest .lap-tag{color:var(--danger)}@media (max-width:640px){.lap{grid-template-columns:2rem 1fr auto;gap:8px;padding:8px 10px}.lap-total{display:none}}
.day{flex:1;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);align-items:start;gap:clamp(16px,3vw,44px);min-height:0;display:grid}.day-now{flex-direction:column;align-items:center;gap:6px;display:flex}.arc{width:100%;max-width:560px}.arc-svg{width:100%;height:auto;display:block}.arc-ends{color:var(--fg-dim);justify-content:space-between;width:100%;max-width:560px;margin:-4px auto 0;padding:0 4px;font-size:.85rem;font-weight:600;display:flex}.day-state{text-align:center;flex-direction:column;gap:4px;display:flex}.day-label{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);font-size:.78rem;font-weight:700}.day-title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,4.2rem);font-weight:800;line-height:1.02}.day-sub{color:var(--fg-dim);font-size:var(--step-1)}.day-next{color:var(--fg-dim);margin-top:4px;font-size:.9rem}.timeline{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:8px;width:100%;min-height:0;display:flex}.timeline-hours{flex-shrink:0;width:44px;position:relative}.timeline-hour{z-index:1;color:var(--fg-dim);font-size:.75rem;font-weight:600;position:absolute;right:0;transform:translateY(-50%)}.timeline-track{border-left:1px solid var(--border);touch-action:pan-y;cursor:crosshair;flex:1;position:relative}.timeline-line{border-top:1px solid var(--border);opacity:.55;position:absolute;left:0;right:0}.time-pair{gap:10px;margin-top:10px;display:flex}.time-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.time-field input{font-variant-numeric:tabular-nums;width:100%;min-height:46px}.slot{text-align:left;border:1px solid var(--border);border-left:4px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:0;padding:4px 10px;font-weight:600;display:flex;position:absolute;left:6px;right:0;overflow:hidden}.slot.is-tight{flex-direction:row;align-items:center;gap:6px;padding:0 10px}.slot.is-tight .slot-label{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.slot-inline{opacity:.75;font-size:.72rem;font-weight:500}.slot-label{font-size:clamp(.85rem,1vw,1.15rem);line-height:1.15}.slot-meta{opacity:.75;font-size:.72rem;font-weight:500}.slot-tag{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:.6rem;font-weight:700;position:absolute;top:4px;right:8px}.slot-tag.is-live{opacity:1}.slot{color:var(--on-hue)}.slot.is-done{color:var(--fg)}.slot.is-done .slot-meta,.slot.is-done .slot-inline,.slot.is-done .slot-tag{color:var(--fg-dim);opacity:1}.slot.is-done .slot-label{color:var(--fg-dim);text-decoration:line-through}.slot.is-active{border-color:var(--fg)}.slot-draft{border:1px dashed var(--tool);background:color-mix(in srgb, var(--tool) 14%, transparent);color:var(--tool);pointer-events:none;border-radius:8px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;display:flex;position:absolute;left:6px;right:0}.timeline-now{border-top:2px solid var(--danger);pointer-events:none;position:absolute;left:0;right:0}.timeline-now span{color:var(--danger);background:var(--bg);padding:0 4px;font-size:.65rem;font-weight:700;position:absolute;top:-9px;right:4px}.picker-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.picker-actions button{flex:auto}@media (min-width:901px){.day{align-items:stretch}.timeline{overscroll-behavior:contain;overflow:hidden auto}}@media (max-width:900px){.day{grid-template-columns:1fr}.timeline{max-height:none}}
.rules{flex-direction:column;gap:10px;display:flex}.rule-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rule{border:1px solid var(--border);border-left:3px solid;border-radius:10px;align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.rule.is-together{border-left-color:var(--tool-stopwatch)}.rule.is-apart{border-left-color:var(--danger)}.rule-kind{letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;min-width:5.5rem;font-size:.7rem;font-weight:700}.is-together .rule-kind{color:var(--tool-stopwatch)}.is-apart .rule-kind{color:var(--danger)}.rule-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rule-names{overflow-wrap:anywhere;min-width:0}.rule-state{color:var(--fg-dim);font-size:.78rem}.rule-state.is-broken{color:var(--danger);font-weight:700}.rule-draft{border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.problems{border:1px solid var(--danger);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg-dim);padding:12px 16px}.problems strong{color:var(--danger);margin-bottom:4px;display:block}.problems.is-kept{border-color:var(--tool-stopwatch);padding:10px 16px}.problems.is-kept strong{color:var(--tool-stopwatch);margin-bottom:0}.problems ul{margin:0;padding-left:1.1rem}.problems li{line-height:1.5}
.clear-session{min-height:36px;color:var(--fg-dim);background:0 0;padding:.35em .9em;font-size:.85rem;font-weight:600}.clear-session-confirm{color:var(--fg-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;display:inline-flex}.clear-session-go{min-height:36px;color:var(--danger);border-color:var(--danger);background:0 0;padding:.35em .9em;font-size:.85rem}.deploy-check{padding:var(--gutter)}.slide-stack{position:relative;overflow-x:clip}.slide-pane{flex-direction:column;gap:12px;transition:transform .22s,visibility;display:flex}.slide-pane.is-away-left,.slide-pane.is-away-right{visibility:hidden;transition:transform .22s,visibility 0s .22s;position:absolute;inset:0 0 auto}.slide-pane.is-away-left{transform:translate(-100%)}.slide-pane.is-away-right{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.slide-pane,.slide-pane.is-away-left,.slide-pane.is-away-right{transition:none}}.slide-head{align-items:center;gap:10px;display:flex}.slide-back{border-radius:50%;flex:none;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:grid}.slide-back svg{width:20px;height:20px;display:block}.slide-title{font-size:var(--step-1);margin:0;font-weight:800}
.todo-quick{flex-direction:column;gap:16px;margin-top:6px;display:flex}.chip-more{color:var(--fg-dim)}.chip-make{border-style:dashed}.browse-list{margin-top:4px}.browse-group{margin-top:8px}.week-roll .chip{justify-content:center;min-width:48px}.due-row{align-items:center}.due-input{width:auto;min-height:44px}.tag-dot{vertical-align:middle;border-radius:50%;flex:none;width:10px;height:10px;margin-right:6px;display:inline-block}.tag-pill{white-space:nowrap;border-radius:999px;padding:.1em .6em;font-size:.78rem;font-weight:700;line-height:1.5;display:inline-block}.todo-lists{flex-direction:column;gap:18px;width:100%;max-width:760px;margin:0 auto;display:flex}.todo-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.todo-check{border:2px solid var(--border);background:0 0;border-radius:50%;flex:none;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;margin-top:2px;padding:0;display:grid}.todo-check[aria-checked=true]{background:var(--tool-solid);border-color:var(--tool-solid)}.todo-check[aria-checked=true]:after{content:"";border-left:3px solid var(--on-solid);border-bottom:3px solid var(--on-solid);width:12px;height:7px;margin-top:-3px;transform:rotate(-45deg)}.todo-body{text-align:left;background:0 0;border:0;flex-direction:column;flex:auto;align-items:flex-start;gap:6px;min-width:0;min-height:0;padding:4px 0;font-weight:500;display:flex}.todo-text{font-size:var(--step-0);overflow-wrap:anywhere}.todo.is-done .todo-text{color:var(--fg-dim);text-decoration:line-through}.todo-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.todo-fact{color:var(--fg-dim);font-size:.8rem;font-weight:600}.todo-fact.is-late{color:var(--danger)}.todo-filterbar{border:1px dashed var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;max-width:760px;margin:0 auto;padding:8px 12px;display:flex}.todo-filterbar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-size:.78rem;font-weight:700}.todo-filterbar-reset{min-height:36px;margin-left:auto;padding:.2em .9em;font-size:.85rem}.todo-done-toggle{min-height:40px;color:var(--fg-dim);background:0 0;border:0;align-items:center;gap:8px;padding:.3em .2em;font-weight:700;display:inline-flex}.todo-done{flex-direction:column;gap:8px;display:flex}.todo-caret{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.todo-caret.is-open{transform:rotate(45deg)}.manage{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.manage-row{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.manage-name{overflow-wrap:anywhere;flex:auto;min-width:0;font-weight:600}.manage-remove{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--fg-dim);background:0 0;border:0;flex:none;padding:0;font-size:1.3rem}.manage-add{gap:8px;display:flex}.manage-add input{flex:auto;min-width:0}.manage-add button{flex:none}
.paper-stage{flex:1 1 0;justify-content:stretch;align-items:stretch;width:100%}.paper{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);flex:1 1 0;width:100%;min-height:0;position:relative;overflow:hidden}.paper svg{display:block;position:absolute;inset:0}.paper-full{z-index:60;background:var(--paper);display:flex;position:fixed;inset:0}.paper-full .paper{border:0;border-radius:0}.paper-exit{opacity:.3;transition:opacity .2s}.paper-exit:focus-visible{opacity:1}.tool-foot .paper-patterns{flex:2 1 0}.paper-patterns .segment{justify-content:center;align-items:center;gap:6px;display:inline-flex}.paper-patterns .segment svg{flex:none;width:18px;height:18px}.paper-patterns .segment span{text-overflow:ellipsis;overflow:hidden}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--surface);width:40px;min-width:40px;height:40px;min-height:40px;box-shadow:0 0 0 1px var(--border);border-radius:50%;padding:0;display:inline-flex}.swatch.is-on{box-shadow:0 0 0 3px var(--fg)}
@media (max-width:640px){.home-head{padding-block:12px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:16px}.tool-card{gap:8px;min-height:0;padding:16px clamp(10px,3.2vw,16px)}.tool-card-icon{border-radius:13px;width:44px;height:44px;margin-bottom:0}.tool-card-icon svg{width:26px;height:26px}.tool-card-name{overflow-wrap:anywhere;font-size:clamp(.95rem,4.4vw,1.25rem);line-height:1.15}.tool-card-line{display:none}.tool-card-short{font-size:clamp(.72rem,3.1vw,.84rem);display:block}.tool-card.is-wide{grid-column:1/-1}.tool-card.is-wide .tool-card-line{display:block}.tool-bar{padding:8px var(--gutter)}.tool-main{gap:10px;padding-top:10px;padding-bottom:12px}.tool-foot{padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom,0px))}.tool-foot button{min-height:48px;font-size:var(--step-0);padding-inline:.7em}.tool-settings{padding:0 .8em;font-size:.9rem}.timer-stage{flex-flow:column;gap:10px}.dial{width:min(27vh,56vw,250px);min-width:150px}.glass{width:min(17vh,30vw,128px);min-width:100px}.readout-value,.readout-colon{font-size:clamp(3.2rem,17vw,6rem)}.readout-unit{font-size:.7rem}.wheel{width:min(42vh,82vw,340px)}.winner-name{font-size:clamp(1.5rem,7vw,2.3rem)}.group-grid{grid-template-columns:1fr 1fr}.board{grid-template-columns:1fr}.tool-foot{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-foot>:first-child,.tool-foot>:nth-child(2):last-child{grid-column:1/-1}.tool-foot .segment{min-height:46px;font-size:.95rem}}@media (max-height:520px) and (orientation:landscape){.tool-main{gap:8px;padding-top:8px;padding-bottom:10px}.dial,.glass{width:min(52vh,26vw,220px)}.wheel{width:min(72vh,40vw,300px)}.readout-value,.readout-colon{font-size:clamp(2.4rem,7vh,4.5rem)}.btn-lg{min-height:48px;font-size:var(--step-0)}}@media (min-width:1600px){:root{--step-0:1.15rem;--step-1:1.5rem;--step-2:2.7rem;--step-3:4.6rem;--gutter:56px}.group-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.group-card{padding:22px 26px}.board{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-bar{padding:18px var(--gutter)}}@media (min-width:2200px){:root{--step-0:1.35rem;--step-1:1.8rem;--step-2:3.2rem;--step-3:5.6rem}.tool-main{max-width:2000px}.home{--home-max:1500px}.wheel{width:min(58vh,36vw,760px)}.readout-value,.readout-colon{font-size:clamp(9rem,11vw,18rem)}.readout-unit{font-size:1.05rem}.winner-name{font-size:clamp(3.2rem,4.5vw,6.5rem)}.group-card li{font-size:clamp(1.7rem,1.4vw,2.6rem)}.board{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.board-icon{width:32px;height:32px}}

