.sb-durations button{padding:0 6px}.sb-panel{gap:10px;display:grid}.sb-progress{background:var(--line-2);border-radius:2px;height:4px;overflow:hidden}.sb-progress div{background:var(--accent);transform-origin:0;height:100%}[dir=rtl] .sb-progress div{transform-origin:100%}.sb-pad{width:100%;height:clamp(320px,52dvh,460px);color:var(--screen-ink);text-align:start;cursor:default;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;gap:10px;padding:12px 14px 14px;font-family:inherit;display:flex}.sb-pad:focus-visible{outline-offset:-4px}@media (pointer:coarse){.sb-pad{cursor:pointer}}@media (width>=1024px){.sb-pad{gap:14px;padding:18px 24px 22px}}.sb-head{color:var(--screen-muted);justify-content:space-between;gap:12px;font-size:14px;display:flex}.sb-main{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.sb-msg{text-align:center;flex-direction:column;gap:8px;padding:0 12px;display:flex}.sb-msg strong{color:var(--screen-ink);font-size:clamp(24px,3vw,32px);font-weight:700}.sb-msg span{color:var(--screen-muted);font-size:15px}.sb-count{direction:ltr;font-size:clamp(88px,14vw,168px);line-height:1}.sb-result{flex-direction:column;justify-content:center;gap:6px;width:100%;display:flex}.sb-sum{color:var(--screen-muted);font-size:15px}.sb-big{text-align:start;direction:ltr;font-size:clamp(64px,9vw,112px);line-height:1}.sb-big small{letter-spacing:0;color:var(--screen-muted);font-size:18px;font-weight:400;font-stretch:100%}.sb-bars{direction:ltr;justify-content:center;gap:3px;height:76px;display:flex}@media (width>=1024px){.sb-bars{gap:4px;height:104px}}.sb-col{flex:1;grid-template-rows:minmax(0,1fr) 14px;gap:4px;min-width:0;max-width:56px;display:grid}.sb-track{align-items:flex-end;min-height:0;display:flex}.sb-track i{background:var(--screen-muted);border-radius:2px;width:100%;transition:height .12s ease-out;display:block}.sb-track i.is-hot{background:var(--trace)}.sb-col b{text-align:center;color:var(--screen-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:400;line-height:14px}.sb-key{border:1px solid var(--screen-line-2);border-radius:var(--radius-sm);height:56px;color:var(--screen-muted);text-align:center;border-bottom-width:4px;justify-content:center;align-items:center;margin-inline:6%;padding:0 12px;font-size:15px;transition:background-color .12s,border-color .12s,color .12s,transform 60ms;display:flex}.sb-pad.is-down .sb-key{border-color:var(--trace);background:var(--trace);color:var(--screen);border-bottom-width:2px;transform:translateY(2px)}@media (width>=1024px){.sb-key{height:64px;margin-inline:16%;font-size:16px}}.sb-side{gap:8px;padding:16px;display:grid}.sb-side-title{font-size:14px;font-weight:600}.sb-side>div{border-top:1px solid var(--line-2);justify-content:space-between;gap:12px;padding-top:8px;font-size:16px;display:flex}.sb-side>div.is-on{color:var(--accent-text);font-weight:700}