.letters{display:grid;gap:var(--space-4);container-type:inline-size}.letters > *{min-width:0;margin:0}.letters__round{display:grid;gap:var(--space-4)}.letters__round > *,.letters__side > *{min-width:0;margin:0}.letters__side{display:contents}.letters__list{order:1}.letters .timer{order:2}.letters__head{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:var(--space-2) var(--space-3);align-items:stretch}.letters__tile{display:grid;grid-row:1 / 3;align-content:center;justify-items:center;width:6.5rem;margin:0;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);line-height:1}.letters__tile-label{color:var(--ink-muted);font-size:var(--step--1);font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.letters__letter{font:var(--display-weight) var(--step-5) / 1 var(--font-display)}.letters__new{grid-column:2 / 4}.letters__part{padding-inline:var(--space-2)}.letters__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.letters__note p{margin:0}.letters__list{display:grid;margin:0;padding:0;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);list-style:none;counter-reset:category}.letters__list li{display:grid;grid-template-columns:2.2ch minmax(0,1fr);gap:var(--space-3);align-items:baseline;padding:var(--space-2) var(--space-4);line-height:1.3;counter-increment:category;overflow-wrap:anywhere}.letters__list li + li{border-top:1px solid var(--line)}.letters__list li::before{content:counter(category);color:var(--ink-muted);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.letters__setup{border-top:1px solid var(--line);padding-top:var(--space-2)}.letters__setup > summary{display:flex;align-items:center;min-height:var(--tap);font-weight:700;cursor:pointer}.letters__setup > summary::before{content:"";width:0.5em;height:0.5em;margin-right:var(--space-3);border:solid currentcolor;border-width:0 2px 2px 0;transform:rotate(-45deg)}.letters__setup[open] > summary::before{transform:rotate(45deg)}.letters__setup > summary::-webkit-details-marker{display:none}.letters__setup > * + *{margin-top:var(--space-3)}.letters__switches{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:var(--space-2);max-width:44rem}.letters__switch{justify-content:center;min-height:var(--tap);padding-inline:0;font-size:var(--step-0)}.letters__switch[aria-pressed="false"]{border-style:dashed;color:var(--ink-muted);text-decoration:line-through}.letters__setup-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}@container (max-width:34rem){.letters__tile{width:5.5rem}.letters__bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.letters__bar .btn{padding-inline:var(--space-2)}.letters__bar > :last-child:nth-child(odd){grid-column:1 / -1}}@container (min-width:46rem){.letters__round{grid-template-columns:minmax(18rem,23rem) minmax(0,1fr);gap:var(--space-5);align-items:start}.letters__side{display:grid;gap:var(--space-4)}.letters__list{display:block;columns:2;column-gap:0;column-rule:1px solid var(--line)}.letters__list li,.letters__list li + li{break-inside:avoid;border-top:0;border-bottom:1px solid var(--line)}}@media print{.letters{display:block}.letters__sheet{color:var(--ink);font-size:11pt}.letters__sheet-title{margin:0 0 4mm;font:700 18pt / 1.2 var(--font-display)}.letters__sheet-name{display:flex;align-items:flex-end;gap:3mm;margin:0 0 6mm;font-weight:700}.letters__rule{flex:0 1 80mm;border-bottom:0.3mm solid var(--ink)}.letters__table{width:100%;border-collapse:collapse;table-layout:fixed}.letters__table th,.letters__table td{height:10.5mm;padding:1mm 2mm;border:0.3mm solid var(--ink);font-weight:400;line-height:1.2;text-align:left;vertical-align:middle}.letters__table thead th{height:13mm;font-size:9.5pt;font-weight:700;white-space:nowrap}.letters__table thead th:first-child{width:34%}.letters__table tfoot th{font-weight:700;text-align:right}.letters__table tr{break-inside:avoid}.letters__box{display:inline-block;width:9mm;height:9mm;margin-left:1.5mm;border:0.4mm solid var(--ink);font:700 15pt / 8.2mm var(--font-display);text-align:center;vertical-align:middle}.letters__n{display:inline-block;min-width:5mm;color:var(--ink-muted);font-weight:700}.letters__sheet-rules{margin:5mm 0 0;color:var(--ink-muted);font-size:9.5pt;line-height:1.4}}.letters [data-act="new-list"],.letters [data-timer-skip],.letters [data-timer-custom],.letters .timer__options .check,.letters .timer[data-phase="idle"] .timer__bar{display:none}.letters .timer[data-phase="running"] .timer__options{visibility:hidden}.letters [data-timer-toggle]{display:none}.letters .timer{order:0}.letters[data-phase="running"] .letters__part,.letters[data-phase="done"] [data-act="new-round"]{visibility:hidden}.letters__say{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);min-height:var(--tap);margin:0}.letters__swap{display:block;width:100%;min-height:var(--tap);margin:calc(var(--space-2) * -1) 0;padding:var(--space-2) 0;border:0;background:none;color:inherit;font:inherit;line-height:1.3;text-align:start;cursor:pointer}.letters__swap:hover{text-decoration:underline;text-underline-offset:0.2em}.letters[data-phase="done"] .letters__say{color:var(--ink);font:var(--display-weight) var(--step-3) / 1.15 var(--font-display)}.letters[data-phase="done"] .letters__swap,.letters[data-phase="running"] .letters__swap{cursor:default;text-decoration:none}.letters{scroll-margin-top:var(--space-2)}
