:root{--paper: #faf6ef;--paper-soft: #f1e9dc;--paper-line: #d6c8b0;--card: #ffffff;--ink: #1c1917;--ink-muted: #4a433c;--ink-soft: #6b6259;--border-medium: #8a7a5e;--brand: #1f5895;--brand-ink: #ffffff;--brand-soft: #e4edf7;--danger: #9a2a1e;--danger-soft: #fbe6e3;--success: #1d6b53;--success-soft: #e1f1ea;--warning: #8a4a0a;--warning-soft: #fbeedd;--side-a: #c14a25;--side-a-soft: #fbece4;--side-b: #4a3fa0;--side-b-soft: #e3e0f1;--side-center: #6b6259;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--padding: 1rem;--padding-large: 2rem;--radius-sm: 8px;--radius: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgba(28, 25, 23, .08), 0 1px 2px rgba(28, 25, 23, .04);--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-display: 3.5rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-normal: 1.55;--content-width: 40rem;--content-width-wide: 64rem;--tap-target: 48px;--focus-ring: 3px solid var(--brand);--transition: .15s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-block-size:100vh;background:var(--paper);color:var(--ink);font-family:Assistant,system-ui,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal)}a{color:var(--brand)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{min-block-size:100vh}.shell__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--padding);border-block-end:1px solid var(--paper-line);background:var(--card)}.shell__app{color:var(--brand);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.shell__lang-select{min-block-size:var(--tap-target);padding-inline:var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit}.shell__main{display:flex;flex-direction:column;gap:var(--space-md);max-inline-size:var(--content-width);margin-inline:auto;padding:var(--padding-large) var(--padding)}.shell__main--wide{max-inline-size:var(--content-width-wide)}.shell__back{align-self:flex-start;min-block-size:var(--tap-target);display:inline-flex;align-items:center;font-weight:var(--font-weight-semibold)}.shell__title{margin:0;font-size:var(--font-size-2xl);line-height:1.25}.card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--padding);border:1px solid var(--paper-line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm)}.card--center{align-items:flex-start}.card--sticky{position:sticky;inset-block-end:var(--space-sm)}.card__title{margin:0;font-size:var(--font-size-lg)}.card__row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.card__meta,.card__hint{margin:0;color:var(--ink-muted);font-size:var(--font-size-sm)}.card__text,.card__value{margin:0}.card__value{font-weight:var(--font-weight-semibold)}.stack{display:flex;flex-direction:column;gap:var(--space-md);margin:0;padding:0;list-style:none}.list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border:1px solid var(--paper-line);border-radius:var(--radius);background:var(--card)}.list__link{display:flex;flex:1;flex-direction:column;gap:var(--space-xs);min-block-size:var(--tap-target);padding:var(--space-md);color:inherit;text-decoration:none}.list__title{font-weight:var(--font-weight-semibold)}.list__meta{color:var(--ink-muted);font-size:var(--font-size-sm)}.list__item>.chip{margin-inline-end:var(--space-md)}.names{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-xs) var(--space-md);margin:0;padding:0;list-style:none}.names__item{overflow-wrap:anywhere}.chip{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--paper-soft);color:var(--ink);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.chip--registrationOpen{background:var(--success-soft);color:var(--success)}.chip--registrationClosed{background:var(--warning-soft);color:var(--warning)}.chip--published{background:var(--brand-soft);color:var(--brand)}.badge{display:inline-block;padding:0 var(--space-sm);border-radius:var(--radius-sm);background:var(--paper-soft);color:var(--ink-muted);font-size:var(--font-size-sm)}.notice{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--paper-soft);color:var(--ink)}.notice--ok{background:var(--success-soft)}.notice--warn{background:var(--warning-soft)}.notice--error{background:var(--danger-soft);color:var(--danger)}.state-box{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--padding);border:1px dashed var(--border-medium);border-radius:var(--radius);background:var(--card)}.state-box__message{margin:0}.state-box--error .state-box__message,.state-box--denied .state-box__message{color:var(--danger)}.state-box__spinner{inline-size:24px;block-size:24px;border:3px solid var(--paper-line);border-block-start-color:var(--brand);border-radius:var(--radius-full);animation:state-box-spin .9s linear infinite}@keyframes state-box-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.state-box__spinner{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-block-size:var(--tap-target);padding:var(--space-sm) var(--space-md);border:2px solid transparent;border-radius:var(--radius);font:inherit;font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);color:var(--brand-ink)}.btn--secondary{border-color:var(--brand);background:var(--card);color:var(--brand)}.btn--ghost{background:transparent;color:var(--brand)}.btn--danger{border-color:var(--danger);background:var(--card);color:var(--danger)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field__label{font-weight:var(--font-weight-semibold)}.field__input{inline-size:100%;min-block-size:var(--tap-target);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__hint{color:var(--ink-muted)}.field__error{color:var(--danger)}.form__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.choice{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;border:0}.choice__option{display:flex;align-items:flex-start;gap:var(--space-sm);min-block-size:var(--tap-target);padding:var(--space-sm);border:1px solid var(--paper-line);border-radius:var(--radius-sm)}.choice__option input{margin-block-start:var(--space-xs)}.choice__hint{display:block;color:var(--ink-muted)}.switch{display:flex;align-items:center;gap:var(--space-sm);min-block-size:var(--tap-target)}.counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-sm);margin:0}.counts__item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--paper-soft)}.counts__item dt{color:var(--ink-muted);font-size:var(--font-size-sm)}.counts__item dd{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.share-link{display:flex;flex-direction:column;gap:var(--space-sm)}.share-link__actions{display:flex;gap:var(--space-sm)}.share-link__input{direction:ltr;text-align:start}.share-link__qr{align-self:flex-start;inline-size:14rem;block-size:auto;border:1px solid var(--paper-line);border-radius:var(--radius-sm)}.topic-card__head{display:flex;align-items:center;gap:var(--space-sm)}.topic-card__order{display:grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand);font-weight:var(--font-weight-bold)}.topic-card__title{margin:0;font-size:var(--font-size-lg)}.topic-card__text,.topic-card__meta{margin:0}.topic-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.topic-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-md);margin:0;padding:0;list-style:none}.table-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--padding);border:1px solid var(--paper-line);border-radius:var(--radius);background:var(--card);break-inside:avoid}.table-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.table-card__number{margin:0;font-size:var(--font-size-lg)}.table-card__size{color:var(--ink-muted);font-size:var(--font-size-sm)}.table-card__topic{margin:0;font-weight:var(--font-weight-semibold);color:var(--brand)}.table-card__empty{margin:0;color:var(--ink-muted)}.settings__preview{padding-block-start:var(--space-sm)}@media print{.shell__bar,.shell__back,.no-print,.btn{display:none}body{background:var(--card)}.shell__main{max-inline-size:none;padding:0}.tables{grid-template-columns:repeat(2,1fr)}.table-card{border-color:var(--ink);box-shadow:none}}.pick{display:flex;align-items:flex-start;gap:var(--space-md);inline-size:100%;min-block-size:var(--tap-target);padding:var(--space-md);border:2px solid var(--paper-line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.pick--ranked{border-color:var(--brand);background:var(--brand-soft)}.pick:disabled{opacity:.55;cursor:not-allowed}.pick__badge{display:grid;flex:none;place-items:center;inline-size:2.25rem;block-size:2.25rem;border:2px solid var(--border-medium);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.pick--ranked .pick__badge{border-color:var(--brand);background:var(--brand);color:var(--brand-ink)}.pick__body{display:flex;flex-direction:column;gap:var(--space-xs);min-inline-size:0}.pick__title{font-weight:var(--font-weight-semibold)}.pick__text{color:var(--ink-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere}.ranked{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.ranked__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.ranked__title{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.ranked__actions{display:flex;flex:none}.table-pick--mine{border-color:var(--brand);background:var(--brand-soft)}.table-pick__number{margin:0;font-size:var(--font-size-lg)}.table-pick__topic{margin:0;color:var(--brand);font-weight:var(--font-weight-semibold)}.my-table{align-items:center;text-align:center}.my-table__label{margin:0;color:var(--ink-muted)}.my-table__number{margin:0;color:var(--brand);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:1}.my-table__topic{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.side-slider{--thumb: 48px;--track-h: 12px;display:flex;flex-direction:column;gap:var(--space-md);padding-block-start:var(--space-md)}.side-slider__ends{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.side-slider__character{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);max-inline-size:45%;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;overflow-wrap:anywhere}.side-slider__character--a{color:var(--side-a)}.side-slider__character--b{color:var(--side-b)}.side-slider__face{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:var(--radius-full);color:var(--card);font-size:var(--font-size-xl)}.side-slider__character--a .side-slider__face{background:var(--side-a)}.side-slider__character--b .side-slider__face{background:var(--side-b)}.side-slider__field{position:relative;block-size:var(--thumb)}.side-slider__track{position:absolute;inset-inline:calc(var(--thumb) / 2);inset-block-start:calc((var(--thumb) - var(--track-h)) / 2);display:flex;align-items:center;block-size:var(--track-h)}.side-slider__half{flex:1;block-size:100%}.side-slider__half--a{border-start-start-radius:var(--radius-full);border-end-start-radius:var(--radius-full);background:var(--side-a-soft)}.side-slider__half--b{border-start-end-radius:var(--radius-full);border-end-end-radius:var(--radius-full);background:var(--side-b-soft)}.side-slider__tick{flex:none;inline-size:3px;block-size:24px;background:var(--side-center)}.side-slider__input{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:var(--thumb);margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.side-slider__input::-webkit-slider-runnable-track{block-size:var(--thumb);background:transparent}.side-slider__input::-moz-range-track{block-size:var(--thumb);background:transparent}.side-slider__input::-webkit-slider-thumb{inline-size:var(--thumb);block-size:var(--thumb);box-sizing:border-box;border:3px solid var(--ink);border-radius:var(--radius-full);background:var(--card);-webkit-appearance:none;-moz-appearance:none;appearance:none}.side-slider__input::-moz-range-thumb{inline-size:var(--thumb);block-size:var(--thumb);box-sizing:border-box;border:3px solid var(--ink);border-radius:var(--radius-full);background:var(--card)}.side-slider--unspecified .side-slider__input::-webkit-slider-thumb{opacity:.35;border-style:dashed}.side-slider--unspecified .side-slider__input::-moz-range-thumb{opacity:.35;border-style:dashed}.side-slider__word{min-block-size:1.5em;text-align:center;font-weight:var(--font-weight-semibold)}
