.sb{--c1:var(--fg-muted);--c2:var(--success);--c3:var(--accent-fg);--c4:var(--warning);--c5:var(--danger)}.sb__anchor{scroll-margin-top:80px}.sb__picker{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px;align-items:start}@media (max-width:860px){.sb__picker{grid-template-columns:minmax(0,1fr)}}.sb__scenarios{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;padding-inline-end:4px}.sb__scenario{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;min-height:44px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--fg);text-align:start;font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color .12s,background .12s}.sb__scenario:hover{border-color:var(--line-strong);background:var(--surface-2)}.sb__scenario[aria-pressed=true]{border-color:var(--accent-fg);background:var(--accent-soft)}.sb__scenario code{flex:none;font-weight:700}.sb__answer{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface)}.sb__use{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-faint)}.sb__big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sb__big b{font-family:var(--font-mono);font-size:3rem;line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.sb__big span{font-size:var(--text-lg,1.1rem);font-weight:600}.sb__answer--1 .sb__big b{color:var(--c1)}.sb__answer--2 .sb__big b{color:var(--c2)}.sb__answer--3 .sb__big b{color:var(--c3)}.sb__answer--4 .sb__big b{color:var(--c4)}.sb__answer--5 .sb__big b{color:var(--c5)}.sb__why{margin:0;font-size:var(--text-sm);line-height:1.65;color:var(--fg-muted)}.sb__why b{color:var(--fg)}.sb__alt{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--fg-muted)}.sb__altbtn{padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--fg);font:inherit;font-size:var(--text-xs);cursor:pointer}.sb__altbtn:hover{border-color:var(--accent-fg)}.sb__answer .ui-btn{align-self:flex-start}.sb__search{position:relative;display:flex;align-items:center;margin-bottom:14px}.sb__search svg{position:absolute;inset-inline-start:12px;color:var(--fg-faint);pointer-events:none}.sb__search .ui-input{padding-inline-start:36px}.sb__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.sb__tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:58px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);border-inline-start-width:4px;background:var(--surface);color:var(--fg);text-align:start;font:inherit;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.sb__tile:hover{background:var(--surface-2);transform:translateY(-1px)}.sb__tile b{font-family:var(--font-mono);font-size:1.15rem;font-variant-numeric:tabular-nums}.sb__tile span{font-size:var(--text-xs);color:var(--fg-muted);line-height:1.3}.sb__tile--1{border-inline-start-color:var(--c1)}.sb__tile--2{border-inline-start-color:var(--c2)}.sb__tile--3{border-inline-start-color:var(--c3)}.sb__tile--4{border-inline-start-color:var(--c4)}.sb__tile--5{border-inline-start-color:var(--c5)}.sb__tile[aria-pressed=true]{border-color:var(--accent-fg);background:var(--accent-soft);border-inline-start-width:4px}.sb__head{display:flex;align-items:center;gap:14px}.sb__head b{font-family:var(--font-mono);font-size:2.6rem;line-height:1;font-weight:800;letter-spacing:-.04em}.sb__head strong{display:block;font-size:var(--text-lg,1.1rem);margin-bottom:4px}.sb__head--1 b{color:var(--c1)}.sb__head--2 b{color:var(--c2)}.sb__head--3 b{color:var(--c3)}.sb__head--4 b{color:var(--c4)}.sb__head--5 b{color:var(--c5)}.sb__facts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0;font-size:var(--text-sm)}.sb__facts dt{margin-top:10px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-faint)}.sb__facts dd{margin:0;line-height:1.6;color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:6px}.sb__facts dd:not(:has(code)){display:block}.sb__h{margin:0 0 8px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-faint)}@media (max-width:520px),(pointer:coarse){.sb__altbtn{min-height:44px;padding-inline:14px}}