@layer components{.ledger .cbx{width:100%;position:relative}.ledger .cbx-row{grid-template-columns:repeat(var(--n,6), minmax(0, 1fr));pointer-events:none;gap:8px;display:grid}.ledger .cbx-box{border:1.5px solid color-mix(in srgb, var(--ink) 42%, var(--line));background:var(--surface);height:52px;color:var(--ink);font-family:var(--mono);border-radius:12px;place-items:center;font-size:22px;font-weight:500;line-height:1;transition:border-color .12s,box-shadow .12s;display:grid}.ledger .cbx-box.full{border-color:color-mix(in srgb, var(--ink) 60%, var(--line))}.ledger .cbx-box.on{border-color:var(--teal-700);box-shadow:var(--focus)}.ledger .cbx-box.on:not(.full):after{content:"";background:var(--teal-700);border-radius:2px;width:2px;height:24px;animation:1.05s step-end infinite cbx-caret}.ledger .cbx.bad .cbx-box{border-color:var(--neg);box-shadow:0 0 0 4px color-mix(in srgb, var(--neg) 14%, transparent)}.ledger .cbx.off .cbx-box{background:var(--surface-2);color:var(--muted)}.ledger .cbx-input{opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.ledger .cbx-input:disabled{cursor:not-allowed}.ledger .cbx-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ledger .cbx-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ledger .cbx-toggle{color:var(--teal-700);border-radius:6px;min-height:28px;padding:0 2px;font-size:12.5px;font-weight:600}@keyframes cbx-caret{50%{opacity:0}}@media (max-width:560px),(pointer:coarse){.ledger .cbx-box{height:56px}.ledger .cbx-toggle{min-height:44px;padding:0 8px}}@media (max-width:360px){.ledger .cbx-row{gap:6px}.ledger .cbx-box{border-radius:10px;font-size:20px}}@media (prefers-reduced-motion:reduce){.ledger .cbx-box{transition:none}.ledger .cbx-box.on:not(.full):after{animation:none}}@media (forced-colors:active){.ledger .cbx-box.on{outline:2px solid highlight}}}