.sd-stm{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-stm[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-stm :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-stm :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-stm .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-stm{background:var(--bg);width:min(100%,330px);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;padding:14px}.sd-stm__screen{border-top:2px solid var(--fg);text-align:center;width:80%;height:16px;color:var(--mute);letter-spacing:.2em;border-radius:50% 50% 0 0/100% 100% 0 0;margin:2px auto 16px;padding-top:4px;font-size:10.5px}.sd-stm[data-screen=bottom] .sd-stm__screen{order:2;transform:scaleY(-1)}.sd-stm[data-screen=bottom] .sd-stm__screen span{display:inline-block;transform:scaleY(-1)}.sd-stm__wrap{flex-direction:column;display:flex}.sd-stm__grid{outline:0;gap:5px;display:grid}.sd-stm__row{grid-template-columns:14px repeat(5,1fr) 10px repeat(5,1fr) 14px;align-items:center;gap:4px;display:grid}.sd-stm__l{color:var(--mute);text-align:center;font-size:10.5px;font-weight:600}.sd-stm__s{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px 6px 3px 3px;transition:background-color .12s,transform .16s cubic-bezier(.3,1.6,.4,1);background:var(--soft)!important}.sd-stm__s[data-prem]{box-shadow:inset 0 0 0 1.5px var(--mute)}.sd-stm__s:hover:not(:disabled){transform:translateY(-1px);background:var(--line)!important}.sd-stm__s[aria-pressed=true]{box-shadow:none;transform:scale(1.08);background:var(--strong)!important}.sd-stm__s:disabled{cursor:not-allowed;box-shadow:none;position:relative;background:0 0!important}.sd-stm__s:disabled:after{content:"×";color:var(--line);place-items:center;font-size:13px;line-height:1;display:grid;position:absolute;inset:0}.sd-stm__s[data-act]{outline:2px solid var(--fg);outline-offset:1px}.sd-stm__key{color:var(--mute);justify-content:center;gap:14px;margin:14px 0 10px;font-size:11.5px;display:flex}.sd-stm__key i{vertical-align:-1px;background:var(--soft);width:11px;height:11px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;margin-right:5px;display:inline-block}.sd-stm__key i[data-k=prem]{box-shadow:inset 0 0 0 1.5px var(--mute)}.sd-stm__key i[data-k=sel]{background:var(--strong);box-shadow:none}.sd-stm__foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:12px;display:flex}.sd-stm__sum{min-width:0;color:var(--mute);flex:1;font-size:12.5px}.sd-stm__sum b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:16px;display:block}.sd-stm__go{border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600;background:var(--strong)!important;color:var(--on)!important}.sd-stm__go:disabled{opacity:.35}@media (prefers-reduced-motion:reduce){.sd-stm *,.sd-stm :before,.sd-stm :after{transition:none!important;animation:none!important}}