@layer lab-base{:root{--sample:"Inter", var(--body);--on:var(--good)}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:5px 12px;font-size:11.5px;transition:all .12s}.pill:hover{border-color:var(--accent-line);color:var(--accent)}.pill.on{background:var(--accent);border-color:var(--accent-press);color:#fff}.sample{font-family:var(--sample);border:2px dashed var(--line-strong);color:var(--ink);font-feature-settings:normal;font-variant-numeric:normal;background:#fff;border-radius:14px;padding:20px 22px;line-height:1.7}.sample.big{letter-spacing:.2px;font-size:30px;line-height:1.5}.sample.huge{text-align:center;font-size:56px;line-height:1.3}.ledger{font-family:var(--sample);border-collapse:collapse;width:100%;font-size:18px}.ledger td,.ledger th{padding:4px 14px}.ledger th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:right;font-size:12px;font-weight:600}.ledger td.num{text-align:right;font-variant-numeric:inherit;font-feature-settings:inherit}.ledger td.label{text-align:left;color:var(--ink-soft);font-size:14px}.ledger tr.total td{border-top:1px solid var(--line-strong);padding-top:8px;font-weight:600}.ab{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ab .col{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.ab .col .h{font-family:var(--mono);letter-spacing:.4px;padding:6px 12px;font-size:11px;font-weight:600}.ab .col .h.off{background:var(--line);color:var(--ink-soft)}.ab .col .h.on{background:var(--accent-soft);color:var(--accent-deep)}.ab .col .body{font-family:var(--sample);padding:14px 16px}@media (width<=560px){.ab{grid-template-columns:1fr}}.tag4{font-family:var(--mono);color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-pale);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.switches{gap:8px;display:grid}.switch{font-family:var(--mono);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:12.5px;display:flex}.switch input{accent-color:var(--accent);width:16px;height:16px}.switch .nm{color:var(--ink);min-width:168px;font-weight:600}.switch .ex{color:var(--muted)}.switch.is-on .ex{color:var(--accent-deep)}}