:root{--bg:#f6f7f6;--surface:#fff;--surface-2:#f0f2f0;--border:#e1e5e2;--fg:#1c1f1d;--muted:#6b726d;--accent:#2f7d4f;--accent-fg:#fff;--accent-soft:#e2f1e7;--positive:#23794a;--positive-bg:#d8f0e1;--negative:#c0352b;--negative-bg:#fbe0dd;--warning:#8a6100;--warning-bg:#fdf0c4;--zero-bg:#eceeed;--shadow:0 10px 30px #0000001f;--radius:12px;--radius-sm:8px;--tabbar-h:64px;--sidebar-w:260px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--flag-red:#e5484d;--flag-orange:#f76b15;--flag-yellow:#f5c518;--flag-green:#30a46c;--flag-blue:#0090ff;--flag-purple:#8e4ec6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121413;--surface:#1b1e1c;--surface-2:#232725;--border:#2e3330;--fg:#eef1ef;--muted:#9aa39d;--accent:#4fbf7f;--accent-fg:#0d1a12;--accent-soft:#1d3326;--positive:#6fd69a;--positive-bg:#1d3a28;--negative:#ff8a80;--negative-bg:#45201d;--warning:#f4cf63;--warning-bg:#3d3216;--zero-bg:#2a2e2c;--shadow:0 10px 30px #00000080}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{overscroll-behavior-y:none}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.1rem}h3{font-size:.95rem}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;padding:8px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--accent)}textarea{resize:vertical}.icon{flex-shrink:0}.muted{color:var(--muted)}.tone-positive{color:var(--positive)}.tone-negative{color:var(--negative)}.tone-warning{color:var(--warning)}.tone-muted{color:var(--muted)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:1px 6px;font-size:.75rem;font-weight:500;display:inline-flex}kbd{font:inherit;background:#fff3;border-radius:4px;margin-left:auto;padding:0 6px;font-size:.75rem}.button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-weight:600;display:inline-flex}.button:disabled{opacity:.5;cursor:default}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.button.danger{color:var(--negative)}.button.danger.solid{border-color:var(--negative);background:var(--negative);color:#fff}.button.small{min-height:34px;padding:4px 10px;font-size:.875rem}.button.big{width:100%;min-height:52px;font-size:1.1rem}.icon-button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-2)}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.danger{color:var(--negative)}.link-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-weight:600;display:inline-flex}.button-row{flex-wrap:wrap;gap:8px;display:flex}.segmented{background:var(--surface-2);border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:4px 16px;font-weight:600}.segmented button.active{background:var(--surface);box-shadow:0 1px 3px #00000026}.pill{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;border-radius:999px;min-width:5.5em;padding:3px 10px;font-size:.9rem;font-weight:600;display:inline-block}.pill-positive{background:var(--positive-bg);color:var(--positive)}.pill-zero{background:var(--zero-bg);color:var(--muted)}.pill-cash{background:var(--negative-bg);color:var(--negative)}.pill-card{background:var(--warning-bg);color:var(--warning)}.pill-button{cursor:pointer;background:0 0;border:0;padding:0}.app{min-height:100dvh}.sidebar{display:none}.topbar{z-index:10;padding:calc(6px + var(--safe-top)) 8px 6px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-title{font-weight:700}.content{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 24px)}.tabbar{z-index:20;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.tabbar a.active{color:var(--accent)}.tab-add{background:var(--accent);width:56px;height:56px;color:var(--accent-fg);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:50%;justify-content:center;justify-self:center;align-items:center;margin-top:-18px;display:flex}.screen{max-width:1000px;margin:0 auto;padding:16px}.screen.loading{color:var(--muted)}.screen-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;margin:24px 0;padding:24px}.empty-state p{margin-top:0}.notice{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:6px;padding:6px 10px;font-size:.875rem;display:inline-flex}.notice-warning{background:var(--warning-bg);color:var(--warning)}.budget-top{gap:12px;margin-bottom:12px;display:grid}.month-nav{justify-content:center;align-items:center;gap:4px;display:flex}.month-label{border-radius:var(--radius-sm);text-transform:capitalize;cursor:pointer;background:0 0;border:0;min-width:10em;padding:6px 12px;font-size:1.2rem;font-weight:700}.rta-card{border-radius:var(--radius);text-align:center;padding:16px}.rta-positive{background:var(--positive-bg);color:var(--positive)}.rta-zero{background:var(--zero-bg)}.rta-negative{background:var(--negative-bg);color:var(--negative)}.rta-amount{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.rta-label{font-weight:700}.rta-hint{opacity:.85;margin-top:4px;font-size:.875rem}.budget-notices{flex-wrap:wrap;gap:8px;display:flex}.budget-toolbar{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.checkbox{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.budget-table{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.budget-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:4px 12px;display:grid}.budget-row .col-assigned,.budget-row .col-activity{display:none}.budget-row .col-available,.budget-row .col-assigned,.budget-row .col-activity{text-align:right}.budget-head{min-height:36px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.budget-group-head{background:var(--surface-2);font-weight:700}.group-toggle{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-weight:700;display:inline-flex}.group-edit{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.group-edit input{flex:140px;min-height:36px;font-weight:700}.cat-name{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.cat-button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:40px;padding:0;display:inline-flex}.move-buttons{display:inline-flex}.move-buttons .icon-button{min-width:32px;min-height:32px}.debt-warning{color:var(--warning);flex-basis:100%;align-items:center;gap:4px;display:inline-flex}.is-hidden .cat-button,.is-hidden .group-toggle{opacity:.6}.assigned-input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border-color:#0000;max-width:9em;min-height:36px;padding:4px 8px}.assigned-input:hover,.assigned-input:focus{border-color:var(--border);background:var(--surface)}.amount-input{font-variant-numeric:tabular-nums}.amount-input.invalid{border-color:var(--negative)}.inline-form{gap:8px;margin-top:12px;display:flex}.inline-form.in-group{border-bottom:1px solid var(--border);margin:0;padding:8px 12px}.inline-form input{flex:1}.category-details{gap:14px;display:grid}.detail-hero{flex-direction:column;align-items:center;gap:4px;display:flex}.detail-hero .pill{padding:8px 18px;font-size:1.5rem}.explain{border-radius:var(--radius-sm);align-items:flex-start;gap:6px;margin:0;padding:10px 12px;font-size:.9rem;display:flex}.explain-red{background:var(--negative-bg);color:var(--negative)}.explain-yellow{background:var(--warning-bg);color:var(--warning)}.number-list{gap:6px;margin:0;display:grid}.number-list div{justify-content:space-between;display:flex}.number-list dd{margin:0;font-weight:600}.assign-form{align-items:flex-end;gap:8px;display:flex}.assign-form label{flex:1}.detail-section{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.danger-zone p{margin:0}.form{gap:14px;display:grid}.form label,.settings-section label,.detail-section label,.assign-form label{gap:4px;font-size:.875rem;font-weight:600;display:grid}.form label.checkbox,.field-row label.checkbox{font-size:1rem;font-weight:500;display:inline-flex}.field{gap:4px;display:grid}.field-label{font-size:.875rem;font-weight:600}.field-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.form p{margin:0}.form-error{border-radius:var(--radius-sm);background:var(--negative-bg);color:var(--negative);margin:0;padding:10px 12px;font-size:.9rem}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.form-actions .spacer{flex:1}.select-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 12px;display:flex}.split-list{margin:0;padding:0;list-style:none}.split-list li{justify-content:space-between;padding:4px 0;display:flex}.flag-picker{gap:6px;display:flex}.flag-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.flag-picker .flag-dot{cursor:pointer;border:2px solid #0000;width:28px;height:28px;padding:0}.flag-picker .flag-dot.selected{border-color:var(--fg);box-shadow:inset 0 0 0 2px var(--surface)}.flag-red{--flag:var(--flag-red)}.flag-orange{--flag:var(--flag-orange)}.flag-yellow{--flag:var(--flag-yellow)}.flag-green{--flag:var(--flag-green)}.flag-blue{--flag:var(--flag-blue)}.flag-purple{--flag:var(--flag-purple)}.flag-dot{background:var(--flag)}.combo{position:relative}.combo-list{z-index:5;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:260px;box-shadow:var(--shadow);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;width:100%;min-height:40px;padding:6px 10px;display:flex}.combo-list button:hover{background:var(--surface-2)}.combo-heading,.picker-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px 4px;font-size:.75rem;font-weight:700}.combo-hint{padding:6px 10px;font-size:.875rem}.chip-field{display:flex}.chip{background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:6px 6px 6px 12px;font-weight:600;display:inline-flex}.chip button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:6px;display:inline-flex}.search-input{margin-bottom:8px}.picker-list,.picker-list ul{margin:0;padding:0;list-style:none}.picker-row{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 10px;display:flex}.picker-row:hover{background:var(--surface-2)}.picker-rta{font-weight:700}.picker-empty{padding:16px 10px}.sheet-root,.quick-root{z-index:50;pointer-events:none;position:fixed;inset:0}.sheet-root.open,.quick-root.open{pointer-events:auto}.sheet-backdrop{opacity:0;background:#00000059;transition:opacity .2s;position:absolute;inset:0}.open>.sheet-backdrop{opacity:1}.sheet,.quick-panel{max-height:calc(100dvh - var(--safe-top) - 24px);background:var(--surface);box-shadow:var(--shadow);border-radius:16px 16px 0 0;flex-direction:column;transition:transform .22s ease-out;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.open>.sheet,.open>.quick-panel{transform:translateY(0)}.sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 8px 8px 16px;display:flex}.sheet-body{padding:16px;padding-bottom:calc(16px + var(--safe-bottom));overscroll-behavior:contain;flex:1;overflow-y:auto}.picker-sheet .sheet-body{padding-top:12px}.quick-panel{padding:0 16px calc(16px + var(--safe-bottom));gap:12px;overflow-y:auto}.quick-panel .sheet-header{margin:0 -16px;padding-left:16px}.quick-amount{justify-content:center;align-items:center;gap:6px;display:flex}.quick-amount .amount-input{text-align:center;background:0 0;border:0;width:7em;font-size:2.6rem;font-weight:800}.quick-sign,.quick-currency{color:var(--muted);font-size:1.8rem;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:6px 12px;font-weight:600;display:inline-flex}.chip-button .pill{min-width:0;padding:1px 8px;font-size:.75rem}.chip-button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.chip-button.more{color:var(--muted)}.quick-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-fields>.field,.quick-fields>label:last-child{grid-column:1/-1}.header-actions{align-items:center;gap:4px;display:inline-flex}.quick-amount .amount-input:focus-visible{box-shadow:inset 0 -3px 0 var(--accent);outline:none}.quick-fields label{gap:4px;display:grid}.quick-panel p{margin:0}.account-section{margin-bottom:20px}.account-section h2{justify-content:space-between;margin-bottom:8px;padding:0 4px;display:flex}.net-worth h2{border-radius:var(--radius);background:var(--surface);padding:12px}.account-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.account-list a{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 14px;text-decoration:none;display:flex}.account-list li:last-child a{border-bottom:0}.account-name{font-weight:600;display:grid}.account-list.compact{background:0 0;border:0}.account-list.compact a{border-radius:var(--radius-sm);border:0;min-height:36px;padding:4px 8px;font-size:.9rem}.account-list.compact a:hover{background:var(--surface-2)}.account-list.compact .account-name{font-weight:500}.balance-bar{border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px;padding:12px 14px;display:flex}.balance-bar>div{font-weight:700;display:grid}.balance-bar .muted{font-size:.75rem;font-weight:600}.balance-bar .op{color:var(--muted)}.balance-total .money{font-size:1.2rem}.account-note{color:var(--muted);white-space:pre-wrap;margin:0 0 12px}.register-toolbar{margin-bottom:12px}.register{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.register-row{border-bottom:1px solid var(--border);grid-template-columns:4px minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.register-head{display:none}.register-row .col-flag{align-self:stretch}.register-row.flagged .col-flag{background:var(--flag)}.register-row .col-flag .flag-dot{display:none}.register-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"payee amount""category date""memo memo";gap:2px 12px;width:100%;padding:10px 12px;display:grid}.register-main .col-payee{text-overflow:ellipsis;white-space:nowrap;grid-area:payee;font-weight:600;overflow:hidden}.register-main .col-amount{text-align:right;grid-area:amount;font-weight:600}.register-main .col-category{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:category;font-size:.875rem;overflow:hidden}.register-main .col-date{color:var(--muted);text-align:right;grid-area:date;font-size:.875rem}.register-main .col-memo{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:memo;font-size:.8rem;overflow:hidden}.register-main .col-memo:empty{display:none}.needs-category{font-weight:600;color:var(--warning)!important}.is-future .register-main{opacity:.6;font-style:italic}.col-cleared{padding-right:10px}.cleared-toggle{border:1.5px solid var(--border);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:inline-flex}.cleared-cleared,.cleared-reconciled{border-color:var(--positive);background:var(--positive);color:var(--surface)}.empty-register{text-align:center;padding:24px}.settings-section{border-radius:var(--radius);background:var(--surface);gap:10px;margin-bottom:16px;padding:16px;display:grid}.settings-section p{margin:0}.confirm-box{border:1px solid var(--negative);border-radius:var(--radius-sm);gap:10px;padding:12px;display:grid}.confirm-box p{margin:0}.toast-area{right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);z-index:60;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;left:0}.toast{border-radius:var(--radius);color:#fff;max-width:520px;box-shadow:var(--shadow);pointer-events:auto;background:#222624;align-items:center;gap:12px;padding:10px 10px 10px 16px;animation:.2s ease-out toast-in;display:flex}.toast-error{background:#8f241c}.toast button{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff26;border:0;min-height:36px;padding:4px 12px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.sheet,.quick-panel,.sheet-backdrop,.toast{transition:none;animation:none}}@media (width>=700px){.budget-row{grid-template-columns:minmax(0,1fr) 9.5em 8.5em 9em}.budget-row .col-assigned,.budget-row .col-activity{display:block}.budget-top{grid-template-columns:1fr auto;align-items:center}.month-nav{justify-content:flex-start}.rta-card{min-width:280px}.budget-notices{grid-column:1/-1}.register-head{min-height:36px;color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:600;display:grid}.register-row,.register-head{grid-template-columns:28px minmax(0,1fr) 44px}.register-head{grid-template-columns:28px 7em minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 9em 44px;padding-right:0}.register-head>span{padding:0 6px}.register-head .col-amount{text-align:right}.register-main{grid-template-columns:7em minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 9em;grid-template-areas:"date payee category memo amount";align-items:center;padding:8px 0}.register-main>span{padding:0 6px}.register-main .col-date{text-align:left}.register-main .col-memo:empty{display:block}.register-row.flagged .col-flag{background:0 0}.register-row .col-flag{justify-content:center;align-items:center;display:flex}.register-row .col-flag .flag-dot{display:inline-block}.register-main:hover{background:var(--surface-2)}.sheet,.quick-panel{opacity:0;border-radius:16px;width:min(560px,100vw - 32px);max-height:min(760px,100dvh - 48px);transition:transform .18s ease-out,opacity .18s;inset:50% auto auto 50%;transform:translate(-50%,-46%)}.open>.sheet,.open>.quick-panel{opacity:1;transform:translate(-50%,-50%)}}@media (width>=1000px){.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);display:grid}.topbar,.tabbar{display:none}.content{padding-bottom:32px}.toast-area{bottom:24px;left:var(--sidebar-w)}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:16px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:0 8px;font-size:1.15rem;font-weight:800;display:flex}.brand img{border-radius:7px}.quick-button{width:100%}.side-nav{gap:2px;display:grid}.side-nav a{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:9px 10px;font-weight:600;text-decoration:none;display:flex}.side-nav a:hover{background:var(--surface-2)}.side-nav a.active{background:var(--accent-soft);color:var(--accent)}.side-rta{border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;padding:10px;font-size:.875rem;display:grid}.side-rta strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.side-accounts h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;padding:0 8px;font-size:.75rem}.side-undo{gap:6px;margin-top:auto;display:flex}.screen{padding:24px 32px}}label input,label select,label textarea{font-weight:400}.form>.segmented{justify-self:start}.sync-badge{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;text-decoration:none;display:inline-flex}.sync-badge.compact{margin-left:auto;padding:8px}.sync-badge.sync-error{color:var(--negative)}.key-box{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.key-box code{overflow-wrap:anywhere;font-size:.85rem}.key-box p{grid-column:1/-1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}