:root{--tap: 44px;--ok: var(--chart-2);--ok-soft: color-mix(in oklab, var(--chart-2) 14%, var(--background));--warn: var(--chart-3);--warn-soft: color-mix(in oklab, var(--chart-3) 16%, var(--background));color-scheme:light dark}:root:not([data-theme]){--background: #ffffff;--foreground: #111111;--card: #ffffff;--card-foreground: #111111;--primary: #1d4ed8;--primary-foreground: #ffffff;--secondary: #eceef2;--secondary-foreground: #16181d;--muted: #eceef2;--muted-foreground: #4a4f5a;--accent: #dde5ff;--accent-foreground: #16306e;--destructive: #c81e1e;--destructive-foreground: #ffffff;--border: #aab2bf;--input: #6b7280;--ring: #1d4ed8;--radius: 2px;--chart-1: #1d4ed8;--chart-2: #047857;--chart-3: #b45309;--chart-4: #be185d;--chart-5: #6d28d9;--font-sans: ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: ui-sans-serif, system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme]){--background: #0b0d10;--foreground: #f5f7fa;--card: #14171c;--card-foreground: #f5f7fa;--primary: #4d8dff;--primary-foreground: #06122b;--secondary: #1e232b;--secondary-foreground: #f5f7fa;--muted: #1e232b;--muted-foreground: #a7b0be;--accent: #17305e;--accent-foreground: #cfe0ff;--destructive: #ff6b6b;--destructive-foreground: #240404;--border: #454e5e;--input: #5c6675;--ring: #7fa9ff}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;touch-action:manipulation}::selection{background:var(--primary);color:var(--primary-foreground)}input,textarea{caret-color:var(--primary)}*{scrollbar-color:var(--input) var(--background);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--input);border:2px solid var(--background)}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:.2em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page{max-width:34rem;margin:0 auto;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem;min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.82rem;color:var(--muted-foreground)}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:.02em;color:var(--foreground)}.stack{display:flex;flex-direction:column;gap:.85rem}.stack:empty{display:none}.prompt{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,6.5vw,2.1rem);line-height:1.15;font-weight:800;letter-spacing:-.02em;text-wrap:balance}.countdown{margin:0;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.hint{margin:0;font-size:.92rem;color:var(--muted-foreground)}.error-text{margin:0;font-weight:600;color:var(--destructive)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);padding:.7rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);font:inherit;font-weight:650;cursor:pointer;text-align:left;transition:transform .12s ease,background-color .14s ease,border-color .14s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{background:var(--muted);color:var(--muted-foreground);border-color:var(--border);cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.textarea:focus-visible,.scale__dot:focus-visible,.qna__vote:focus-visible,.ranking__move:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn--primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);min-height:4rem;font-size:1.2rem;font-weight:800;letter-spacing:.01em;justify-content:center;text-align:center}.btn--ghost{background:var(--background);border-color:var(--border);color:var(--muted-foreground);justify-content:center;text-align:center}.btn--wide{width:100%}.option{width:100%;min-height:3.4rem;padding:.85rem 1rem;font-size:1.05rem;font-weight:600;background:var(--card);align-items:center;justify-content:flex-start;text-align:left}.option__mark{display:grid;place-items:center;flex:0 0 auto;width:1.55rem;height:1.55rem;border:2px solid var(--input);background:var(--background);font-size:.85rem;line-height:1;color:var(--primary-foreground)}.option--radio .option__mark{border-radius:999px}.option--check .option__mark{border-radius:var(--radius)}.option[aria-checked=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.option[aria-checked=true] .option__mark{background:var(--primary-foreground);border-color:var(--primary-foreground);color:var(--primary)}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{margin:0;font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground)}.input,.textarea{width:100%;min-height:var(--tap);padding:.75rem .9rem;border-radius:var(--radius);border:1.5px solid var(--input);background:var(--card);color:var(--card-foreground);font:inherit;font-size:1.05rem}.textarea{min-height:7rem;resize:vertical;line-height:1.4}.input--code{font-family:var(--font-display);font-size:clamp(1.8rem,9vw,2.6rem);font-weight:800;letter-spacing:.32em;text-align:center;text-transform:uppercase;padding:.9rem .4rem .9rem .72rem;min-height:4.2rem;border-width:2px}.input--code:focus-visible{outline:none;border-color:var(--ring)}.join{margin:auto 0;display:flex;flex-direction:column;gap:1rem;padding-bottom:8vh}.hint--center{text-align:center}.counter{align-self:flex-end;font-size:.78rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.counter--over{color:var(--destructive);font-weight:700}.unit{position:relative;display:flex;align-items:center}.unit .input{padding-right:4.5rem}.unit__suffix{position:absolute;right:.9rem;font-weight:700;color:var(--muted-foreground);pointer-events:none}.handle{font-size:.82rem;color:var(--muted-foreground);margin-left:auto;margin-right:.25rem;white-space:nowrap}.handle strong{color:var(--foreground);font-weight:600}.notice{display:flex;align-items:flex-start;gap:.75rem;margin:0;padding:.75rem .9rem;border-radius:var(--radius);border:1px solid var(--border);border-left:2px solid var(--primary);background:var(--muted)}.notice__text{margin:0;font-size:.88rem;line-height:1.45;color:var(--muted-foreground)}.notice__text strong{color:var(--foreground)}.banner{display:flex;align-items:center;gap:.6rem;margin:0;padding:.7rem .9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--muted);font-size:.92rem;font-weight:600}.banner--warn{background:var(--warn-soft);border-color:var(--warn)}.banner--frozen{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.banner--error{background:color-mix(in oklab,var(--destructive) 14%,var(--background));border-color:var(--destructive);color:var(--foreground)}.waiting{display:grid;justify-items:center;gap:.6rem;padding:3rem 1rem;text-align:center}.waiting__title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:750}.waiting__pulse{width:2.4rem;height:2.4rem;background:var(--primary);animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.6)}50%{transform:scale(1)}}.ack{display:flex;align-items:center;gap:.55rem;margin:0;padding:.85rem 1rem;border-radius:var(--radius);background:var(--ok-soft);border:1px solid var(--ok);font-weight:750;font-size:1.05rem}.ack__answer{font-weight:750;color:var(--foreground)}.round{display:grid;gap:.35rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--accent);color:var(--accent-foreground)}.round__title{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;font-weight:650}.round__badge{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.round__recall{margin:0;font-size:.9rem}.round__recall-value{font-weight:750}.scale{display:grid;gap:.5rem}.scale__row{display:flex;flex-wrap:wrap;gap:.5rem}.scale__dot{flex:1 1 var(--tap);min-width:var(--tap);min-height:3.25rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--card);color:var(--card-foreground);font:inherit;font-family:var(--font-display);font-size:1.15rem;font-weight:800;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,background-color .14s ease}.scale__dot:active:not(:disabled){transform:scale(.95)}.scale__dot[aria-checked=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.scale__labels{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--muted-foreground)}.ranking{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;counter-reset:rank}.ranking__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.55rem .6rem .55rem .55rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card)}.ranking__pos{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-family:var(--font-display);font-weight:800}.ranking__label{font-weight:650}.ranking__moves{display:flex;gap:.35rem}.ranking__move{width:var(--tap);height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);font-size:.9rem;cursor:pointer;touch-action:manipulation}.ranking__move:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.viewtabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.35rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);margin-bottom:1rem}.viewtabs__tab{min-height:var(--tap);padding:.4rem .6rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted-foreground);font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation;font-variant-numeric:tabular-nums}.viewtabs__tab--active{border-color:var(--border);background:var(--card);color:var(--foreground)}.qna{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.qna__item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.75rem;padding:.8rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card)}.qna__item--own{border-color:var(--primary)}.qna__text{display:grid;gap:.25rem;overflow-wrap:anywhere}.qna__own-tag{justify-self:start;padding:.1rem .5rem;border-radius:var(--radius);background:var(--secondary);color:var(--secondary-foreground);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.qna__vote{display:grid;place-items:center;gap:0;min-width:var(--tap);min-height:var(--tap);padding:.3rem .55rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);font:inherit;font-weight:800;line-height:1.05;cursor:pointer;font-variant-numeric:tabular-nums;touch-action:manipulation}.qna__vote small{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.qna__vote:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.results{display:grid;gap:.7rem;padding:.9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card)}.bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label value" "track track";gap:.2rem .75rem;align-items:baseline}.bar__label{grid-area:label;font-weight:650}.bar__value{grid-area:value;font-weight:750;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.bar__track{grid-area:track;display:block;height:.5rem;background:var(--muted);overflow:hidden}.bar__fill{display:block;width:100%;height:100%;background:var(--chart-1);transform:scaleX(var(--fill, 0));transform-origin:left center;transition:transform .42s cubic-bezier(.22,.72,.24,1)}.bar--correct .bar__fill{background:var(--ok)}.bar--correct .bar__label:after{content:" ✓";font-weight:900;color:var(--ok)}.results--shift{gap:.85rem}.shiftbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label nums" "r1 r1" "r2 r2";gap:.2rem .6rem;align-items:baseline}.shiftbar__label{grid-area:label;font-weight:650;font-size:.95rem;line-height:1.3}.shiftbar__nums{grid-area:nums;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.shiftbar__nums strong{color:var(--foreground);font-weight:750}.shiftbar__track{display:block;height:.45rem;background:var(--muted);overflow:hidden}.shiftbar__track[data-round=r1]{grid-area:r1;height:.35rem}.shiftbar__track[data-round=r2]{grid-area:r2;height:.55rem}.shiftbar__fill{display:block;height:100%}.shiftbar__fill--r1{background:var(--muted-foreground)}.shiftbar__fill--r2{background:var(--primary)}.bar--correct .shiftbar__fill--r2{background:var(--ok)}.results--rounds{gap:.85rem}.rounds-key{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.rounds-key__item{display:inline-flex;align-items:center;gap:.35rem}.rounds-key__item--now{color:var(--foreground)}.rounds-key__swatch{display:inline-block;width:1.1rem;height:.55rem;border:2px solid var(--primary);background:var(--primary)}.rounds-key__swatch--r1{background:transparent}.roundbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label shift" "r1 r1" "r2 r2";gap:.2rem .6rem;align-items:baseline}.roundbar__label{grid-area:label;font-weight:650;font-size:.95rem;line-height:1.3}.roundbar__shift{grid-area:shift;font-size:.85rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.roundbar__shift strong{color:var(--foreground);font-weight:750}.roundbar__track{display:block;height:.45rem;background:var(--muted);overflow:hidden}.roundbar__track[data-round=r1]{grid-area:r1;height:.4rem}.roundbar__track[data-round=r2]{grid-area:r2;height:.55rem}.roundbar__fill{display:block;height:100%}.roundbar__fill--r1{box-sizing:border-box;background:transparent;border:2px solid var(--primary)}.roundbar__fill--r2{background:var(--primary)}.bar--correct .roundbar__fill--r1{border-color:var(--ok)}.bar--correct .roundbar__fill--r2{background:var(--ok)}.tabular{font-variant-numeric:tabular-nums}.btn--compact{min-height:var(--tap);padding:.4rem .8rem;font-size:.88rem}