@layer base,components;:root{--warm-50: oklch(.985 .001 99);--warm-100: oklch(.965 .001 99);--warm-200: oklch(.925 .002 97);--warm-300: oklch(.865 .002 95);--warm-400: oklch(.735 .003 93);--warm-500: oklch(.615 .003 91);--warm-600: oklch(.505 .003 89);--warm-700: oklch(.405 .003 87);--warm-800: oklch(.305 .002 85);--warm-900: oklch(.225 .002 83);--warm-950: oklch(.165 .002 81);--accent-50: oklch(.965 .016 49);--accent-100: oklch(.925 .036 48);--accent-200: oklch(.86 .067 47);--accent-300: oklch(.78 .103 46);--accent-400: oklch(.7 .14 45);--accent-500: oklch(.63 .155 44);--accent-600: oklch(.56 .15 43);--accent-700: oklch(.48 .129 42);--accent-800: oklch(.4 .103 41);--accent-900: oklch(.33 .081 40);--font-size--1: clamp(.8rem, .77rem + .15vw, .89rem);--font-size-0: clamp(1rem, .95rem + .25vw, 1.13rem);--font-size-1: clamp(1.25rem, 1.16rem + .44vw, 1.41rem);--font-size-2: clamp(1.56rem, 1.42rem + .71vw, 1.76rem);--font-size-3: clamp(1.95rem, 1.73rem + 1.1vw, 2.2rem);--font-size-4: clamp(2.44rem, 2.1rem + 1.68vw, 2.75rem);--font-size-5: clamp(3.05rem, 2.55rem + 2.53vw, 3.43rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--font-serif: ui-serif, Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, "Times New Roman", serif;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--measure: 68ch;--measure-wide: 90ch;--shadow-sm: 0 1px 2px oklch(.2 .01 60 / .08);--shadow-md: 0 4px 12px oklch(.2 .01 60 / .1);--shadow-lg: 0 12px 32px oklch(.2 .01 60 / .12);--color-bg: var(--warm-50);--color-surface: oklch(1 0 0);--color-surface-sunk: var(--warm-100);--color-border: var(--warm-200);--color-border-strong: var(--warm-300);--color-text: var(--warm-900);--color-text-muted: var(--warm-600);--color-text-subtle: var(--warm-500);--color-text-on-accent: var(--warm-50);--color-action: var(--accent-600);--color-action-hover: var(--accent-700);--color-action-subtle: var(--accent-100);--color-focus-ring: var(--accent-500);--color-link: var(--accent-700);--color-link-hover: var(--accent-800)}:root[data-theme=dark]{--color-bg: var(--warm-950);--color-surface: var(--warm-900);--color-surface-sunk: oklch(.135 .006 52);--color-border: var(--warm-800);--color-border-strong: var(--warm-700);--color-text: var(--warm-100);--color-text-muted: var(--warm-300);--color-text-subtle: var(--warm-400);--color-text-on-accent: var(--warm-950);--color-action: var(--accent-500);--color-action-hover: var(--accent-400);--color-action-subtle: oklch(.33 .078 36);--color-focus-ring: var(--accent-400);--color-link: var(--accent-400);--color-link-hover: var(--accent-300)}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-0);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}::selection{background:var(--color-action-subtle)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.prose{max-width:var(--measure)}.prose>*+*{margin-top:var(--space-4)}.prose :where(h1,h2,h3,h4){font-family:var(--font-serif);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-wrap:balance}.prose :where(h1){font-size:var(--font-size-4)}.prose :where(h2){font-size:var(--font-size-3)}.prose :where(h3){font-size:var(--font-size-2)}.prose :where(h4){font-size:var(--font-size-1)}.prose>:where(h2,h3,h4):not(:first-child){margin-top:var(--space-10)}.prose :where(a){color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:.2em}.prose :where(a):hover{color:var(--color-link-hover)}.prose :where(blockquote){border-left:3px solid var(--color-action);padding-left:var(--space-5);color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--font-size-1);line-height:var(--leading-snug)}.prose :where(code,kbd){font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-sunk);border-radius:var(--radius-sm);padding:.125em .375em}.prose :where(pre){background:var(--color-surface-sunk);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;line-height:var(--leading-snug)}.prose :where(pre) code{background:none;border-radius:0;padding:0}.prose :where(ul,ol){padding-left:var(--space-6)}.prose :where(li+li){margin-top:var(--space-2)}.prose :where(hr){border:0;border-top:1px solid var(--color-border);margin-block:var(--space-10)}.prose :where(figcaption){font-size:var(--font-size--1);color:var(--color-text-subtle);margin-top:var(--space-2)}.prose :where(strong){font-weight:var(--weight-semibold)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--font-size-0) / 1 var(--font-sans);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-action);color:var(--color-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-action-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--color-text-subtle)}.btn-ghost{background:transparent;color:var(--color-action)}.btn-ghost:hover:not(:disabled){background:var(--color-action-subtle)}.btn-sm{font-size:var(--font-size--1);padding:var(--space-2) var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card-title{font-family:var(--font-serif);font-size:var(--font-size-1);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.card-meta{font-size:var(--font-size--1);color:var(--color-text-subtle);margin-top:var(--space-1)}.site-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--color-border)}.site-title{font-family:var(--font-serif);font-size:var(--font-size-1);font-weight:var(--weight-bold);color:var(--color-text);text-decoration:none}.nav{display:flex;gap:var(--space-5)}.nav-link{font-size:var(--font-size--1);color:var(--color-text-muted);text-decoration:none}.nav-link:hover{color:var(--color-text)}.nav-link[aria-current=page]{color:var(--color-action);font-weight:var(--weight-medium)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field+.field{margin-top:var(--space-5)}.label{font-size:var(--font-size--1);font-weight:var(--weight-medium)}.input{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%}.input::placeholder{color:var(--color-text-subtle)}.hint{font-size:var(--font-size--1);color:var(--color-text-subtle)}.field-error .input{border-color:var(--color-action-hover)}.field-error .hint{color:var(--color-action-hover)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size--1)}.table :where(th){text-align:left;font-weight:var(--weight-semibold);border-bottom:1px solid var(--color-border-strong)}.table :where(th,td){padding:var(--space-3) var(--space-4)}.table :where(td){border-bottom:1px solid var(--color-border)}.table-striped :where(tbody tr:nth-child(odd)){background:var(--color-surface-sunk)}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;font:var(--weight-medium) var(--font-size--1) / 1 var(--font-sans);background:var(--color-action-subtle);color:var(--color-link);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.kpi-label{font-size:var(--font-size--1);color:var(--color-text-muted)}.kpi-value{font-family:var(--font-serif);font-size:var(--font-size-3);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin-top:var(--space-2)}.kpi-delta{font-size:var(--font-size--1);color:var(--color-action-hover);margin-top:var(--space-2)}}html{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{min-height:100dvh}.shell{width:min(var(--measure-wide),100% - 2 * var(--space-6));margin-inline:auto;padding-block:0 var(--space-12)}.site-header{position:relative;z-index:20;align-items:center}.header-lede{display:flex;align-items:baseline;gap:var(--space-5);min-width:0}.nav{align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-link[hidden],.share-line[hidden]{display:none}.btn-icon{padding:var(--space-2);line-height:0}.btn-icon svg{width:1.15rem;height:1.15rem;max-width:none;flex-shrink:0}:root:not([data-theme=dark]) .icon-light-mode{display:none}:root[data-theme=dark] .icon-dark-mode{display:none}.page{width:min(32rem,100%);margin-inline:auto;padding-block:var(--space-8)}.table-page{display:flex;flex-direction:column;min-height:calc(100dvh - 8rem);padding-block:var(--space-6)}.card-title+.card-meta{margin-bottom:var(--space-6)}.form-actions{margin-top:var(--space-6)}.form-actions .btn{width:100%;justify-content:center}.muted{color:var(--color-text-muted)}.center-msg{padding:var(--space-16) var(--space-5);text-align:center}.share-line{color:var(--color-text-muted);font-size:var(--font-size--1);margin:0;text-align:left;white-space:nowrap}.copy-link{display:inline-flex;align-items:baseline;gap:.3em;border:0;background:none;padding:0;font:inherit;color:var(--color-link);cursor:pointer}.copy-link:hover{color:var(--color-link-hover)}.copy-label{text-decoration:underline;text-underline-offset:.2em}.copy-link svg{width:.95em;height:.95em;max-width:none;flex-shrink:0;align-self:center}.toolbar{display:grid;grid-template-columns:1fr minmax(11rem,15rem);gap:var(--space-5);align-items:end;margin-top:var(--space-8)}.input{min-height:2.75rem;line-height:1.25}select.input{appearance:none;padding-right:var(--space-8);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23505550' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:1rem}:root[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c4bfb8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.toolbar>.field+.field{margin-top:0}@media(max-width:40rem){.toolbar{grid-template-columns:1fr}}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20rem;text-align:center}.lonely{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:var(--font-size--1)}.table-bubble{background:var(--color-action-subtle);color:var(--color-text);font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--font-size-1);line-height:var(--leading-snug);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-10);min-width:min(26rem,100%)}.table-result{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.result-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.result-stat strong{font-size:var(--font-size-3);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.result-stat span{font-family:var(--font-sans);font-size:var(--font-size--1);font-weight:var(--weight-medium);color:var(--color-text-muted)}.result-hint{font-family:var(--font-serif);font-size:var(--font-size-0);font-weight:var(--weight-semibold);color:var(--color-text-muted);max-width:10rem}.players{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-top:var(--space-8)}.player{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:4.5rem}.player.offline{opacity:.45}.player-card{width:3.5rem;height:5rem;border-radius:var(--radius-md);background:var(--color-surface-sunk);border:2px solid var(--color-border);display:grid;place-items:center;font-weight:var(--weight-bold);font-size:var(--font-size-0)}.player-card.voted{background:var(--color-border-strong)}.player-card.face{background:var(--color-surface);border-color:var(--color-action);color:var(--color-action)}.player-card.watching{background:transparent;border-style:dashed;color:var(--color-text-subtle)}.player-name{font-size:var(--font-size--1)}.you-tag{color:var(--color-text-subtle);font-size:var(--font-size--1)}.hand{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding-top:var(--space-6)}.card-btn{display:grid;place-items:center;width:3.5rem;height:5rem;border-radius:var(--radius-md);border:2px solid var(--color-action);background:var(--color-surface);color:var(--color-action);font:var(--weight-bold) var(--font-size-0) / 1 var(--font-sans);cursor:pointer}.card-btn:hover{background:var(--color-action-subtle)}.card-btn.watch{border-style:dashed;border-color:var(--color-text-subtle);color:var(--color-text-subtle)}.card-btn.watch:hover{background:var(--color-surface-sunk)}.card-btn.selected{background:var(--color-action);border-color:var(--color-action);border-style:solid;color:var(--color-text-on-accent)}.card-btn.watch.selected{border-style:dashed}.card-btn:disabled{opacity:.4;cursor:not-allowed}.coffee,.question{display:block;line-height:1;pointer-events:none}.coffee{font-size:1.85em}.question{font-size:1.45em}.card-btn svg,.player-card svg{width:1.4rem;height:1.4rem;max-width:none;pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.history-list{list-style:none;margin:0;padding:0}.history-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.history-list li:last-child{border-bottom:0}.round-head{display:flex;justify-content:space-between;gap:var(--space-5);align-items:baseline}.round-head time{color:var(--color-text-subtle);font-size:var(--font-size--1)}.round-votes{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size--1)}.history-back{margin-bottom:var(--space-5)}.overlay{position:fixed;inset:0;z-index:10;background:color-mix(in oklch,var(--color-text) 45%,transparent);display:grid;place-items:center;padding:var(--space-5)}.overlay-card{width:min(28rem,100%)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-5) 0 var(--space-6)}.switch{appearance:none;width:2.75rem;height:1.6rem;border-radius:var(--radius-full);background:var(--color-border-strong);position:relative;border:0;cursor:pointer;flex-shrink:0}.switch:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--color-surface);transition:transform .15s ease}.switch:checked{background:var(--color-action)}.switch:checked:after{transform:translate(1.15rem)}.flash{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-action-subtle);color:var(--color-action-hover);font-size:var(--font-size--1)}@media(max-width:40rem){.table-bubble{padding:var(--space-6) var(--space-5);min-width:0;width:100%}.card-btn,.player-card{width:3rem;height:4.4rem}}