:root{--bg:#fff4e6;--ink:#1d1a17;--muted:#7a6f63;--red:#ff4b3e;--card:#1d1a17;--radius:22px;--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;margin:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.screen{min-height:100dvh;padding:18px 20px calc(14px + var(--safe-b));flex-direction:column;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.brand.small{font-size:17px}.dot{background:var(--red);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #ff4b3e33}.privacy,.sampler{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.credit{text-align:center;color:var(--muted);-webkit-user-select:none;user-select:none;margin:4px 0 0;font-size:12px;font-style:italic}.privacy{text-align:center;color:var(--muted);margin:10px 0 0;font-size:13px}.pill{border:2px solid var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 20px;font-size:16px;font-weight:700;transition:transform 80ms;display:inline-flex}.pill:active{transform:scale(.96)}.pill.small{white-space:nowrap;min-height:40px;padding:0 14px;font-size:14px}.pill.ghost{color:#fff;background:0 0;border-color:#ffffff80}.home-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:24px 0;display:flex}h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(34px,8vw,64px);font-weight:900;line-height:1.02}.squiggle{color:var(--red)}.cta{background:var(--red);color:#fff;letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;gap:14px;width:min(100%,420px);min-height:84px;font-size:26px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 6px #c22b20,0 18px 40px #ff4b3e59}.cta:active{transform:translateY(4px);box-shadow:0 2px #c22b20,0 10px 24px #ff4b3e4d}.cta-dot{background:#fff;border-radius:50%;width:22px;height:22px;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.8;transform:scale(.75)}}.sub{color:var(--muted);margin:0;font-size:15px}.capture{color:#fff;background:#000;gap:16px}.viewfinder{border-radius:var(--radius);background:#151311;flex:1;min-height:0;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.capture[data-facing=user] .viewfinder video{transform:scaleX(-1)}.countdown{background:var(--red);text-align:center;font-variant-numeric:tabular-nums;opacity:0;border-radius:999px;min-width:56px;padding:6px 14px;font-size:28px;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;top:14px;right:16px;transform:scale(.8)}.recording .countdown{opacity:1;transform:none}.precount{color:#fff;text-shadow:0 6px 30px #00000073;font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:clamp(120px,30vw,220px);font-weight:900;display:grid;position:absolute;inset:0}.record-now{background:var(--red);color:#fff;border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:18px;font-weight:900;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.record-now .cta-dot{width:14px;height:14px}.counting .record-now{display:inline-flex}.counting .rec-core{background:#ff4b3e99;width:40px;height:40px}.capture-status{white-space:nowrap;background:#0000008c;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.capture-controls{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.capture-controls .pill{justify-self:start}.capture-controls .flip-camera{justify-self:end}.rec-button{place-items:center;width:86px;height:86px;display:grid;position:relative}.rec-button:disabled{opacity:.4;cursor:default}.rec-button svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track,.ring{fill:none;stroke-width:6px}.ring-track{stroke:#ffffffd9}.ring{stroke:var(--red);stroke-linecap:round;opacity:0}.recording .ring{opacity:1}.recording .ring-track{stroke:#ffffff40}.rec-core{background:var(--red);border-radius:50%;width:64px;height:64px;transition:all .18s}.recording .rec-core{border-radius:8px;width:32px;height:32px}.sampler{gap:12px;height:100dvh;padding-top:12px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}.back-btn{border:2px solid var(--ink);background:#fff;border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:900;line-height:1;transition:transform 80ms}.back-btn:active{transform:scale(.94)}.topbar nav{flex-wrap:wrap;gap:8px;display:flex}.stage{--hue:8;border-radius:var(--radius);background:var(--card);isolation:isolate;flex:1;place-items:center;min-height:140px;display:grid;position:relative;overflow:hidden}.stage-tint{opacity:0;mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.stage[data-kind=audio] .stage-tint{mix-blend-mode:soft-light}.stage video,.stage .poster{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage .mirrored{transform:scaleX(-1)}.stage #wave{width:100%;height:70%;padding:0 6%}.stage[data-kind=video] #wave,.stage[data-kind=audio] video,.stage[data-kind=audio] .poster{display:none}.note-badge{background:hsl(var(--hue) 90% 60%);color:#fff;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:800;transition:opacity .3s;position:absolute;top:12px;left:12px}.note-badge.show{opacity:1;transition:none}.tap-hint{color:var(--ink);pointer-events:none;background:#ffffffeb;border-radius:999px;padding:8px 16px;font-weight:800;animation:1.4s ease-in-out infinite nudge;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tap-hint.gone{display:none}@keyframes nudge{50%{transform:translate(-50%,5px)}}.timeline{touch-action:none;cursor:pointer;border-radius:14px;flex:none;width:100%;height:60px;display:block}.timeline.dragging{cursor:grabbing!important}.controls{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.trim-label{margin-left:auto}.seg{border:2px solid var(--ink);background:#fff;border-radius:999px;display:flex;overflow:hidden}.seg button{white-space:nowrap;min-height:40px;padding:0 14px;font-size:14px;font-weight:800}.seg button+button{border-left:2px solid #eadccb}.seg button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.fx-slider{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;font-weight:800;display:flex}.fx-slider input{width:96px;accent-color:var(--red);touch-action:none}.fx-slider output{font-variant-numeric:tabular-nums;min-width:46px;color:var(--muted);font-size:13px}.sampler:not([data-mode=pitch]) .pitch-only,.sampler:not([data-mode=chop]) .chop-only,.sampler:not([data-mode=granular]) .grain-only,.sampler[data-mode=chop] .notes-only{display:none!important}.octave{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;display:flex;overflow:hidden}.octave-btn{width:48px;height:40px;font-size:20px;font-weight:900}.octave-btn:active,.octave-value:active{background:#f3e6d6}.octave-value{font-variant-numeric:tabular-nums;border-inline:2px solid #eadccb;flex-direction:column;justify-content:center;align-items:center;min-width:72px;height:40px;font-size:17px;font-weight:900;line-height:1;display:flex}.octave-value small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px;font-size:9px;font-weight:800}.octave-value.shifted{color:var(--red)}.trim-label{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.dropzone{display:none}.sampler.empty .dropzone{border-radius:var(--radius);text-align:center;background:#f6e7d5;border:3px dashed #e2cdb5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:140px;padding:20px;display:flex}.dropzone-title{letter-spacing:-.02em;margin:0;font-size:clamp(22px,5vw,32px);font-weight:900}.dropzone-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:min(100%,420px);display:flex}.dropzone-actions .pill{flex:170px}.sampler.empty .stage,.sampler.empty .timeline,.sampler.empty .controls,.sampler.empty .fx-panel,.sampler.empty .hint{display:none!important}.sampler.empty .keyboard{opacity:.35;filter:grayscale();pointer-events:none}.rec-take:disabled{opacity:.45;cursor:default}.keyboard{--gap:4px;--black-w:calc(100% / var(--whites) * .62);gap:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;height:clamp(150px,30dvh,250px);display:flex;position:relative}.key{--hue:8;cursor:pointer;justify-content:center;align-items:flex-end;padding-bottom:12px;font-size:13px;font-weight:800;transition:background-color .15s,transform 60ms;display:flex;position:relative}.key.active{transition:none}.key.white{border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);color:#b9ada0;background:#fff;border-radius:6px 6px 14px 14px;flex:1}.key.black{z-index:2;width:var(--black-w);background:var(--ink);color:#fff6;border-radius:4px 4px 10px 10px;height:60%;padding-bottom:8px;font-size:12px;position:absolute;top:0;box-shadow:0 4px #000}.key-chop{text-align:center;color:hsl(var(--hue) 75% 45%);pointer-events:none;font-size:15px;font-weight:900;position:absolute;top:10px;left:0;right:0}.key.black .key-chop{color:hsl(var(--hue) 90% 70%);font-size:13px}.keyboard[data-mode=chop] .key.white:not(.unused){box-shadow:inset 0 -6px 0 hsl(var(--hue) 90% 60%), 0 5px 0 var(--ink)}.keyboard[data-mode=chop] .key.white.active{box-shadow:0 2px 0 var(--ink)}.keyboard[data-mode=chop] .key.active .key-chop{color:#fff}.key.unused{opacity:.35}.key.root.white:before,.key.root.black:before{content:"";border:2px dotted var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:12px}.key.active{background:hsl(var(--hue) 90% 62%);color:#fff}.key.white.active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.key.black.active{transform:translateY(2px);box-shadow:0 2px #000}.key-label{pointer-events:none}.hint{text-align:center;color:var(--muted);margin:4px 0 0;font-size:13px}.hint .touch-only{display:none}@media (hover:none) and (pointer:coarse){.hint .desktop-only,.key-label{display:none}.hint .touch-only{display:inline}}kbd{background:#fff;border:1.5px solid #cbbfb1;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:12px;font-weight:800}.loading{z-index:20;background:#fff4e6eb;place-content:center;justify-items:center;gap:16px;font-size:18px;font-weight:800;display:grid;position:fixed;inset:0}.spinner{border:5px solid #ff4b3e33;border-top-color:var(--red);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:45;left:50%;top:calc(72px + env(safe-area-inset-top,0px));background:var(--ink);color:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;width:min(100% - 24px,520px);padding:12px 12px 12px 18px;font-size:15px;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #00000040}.toast>span{flex:200px}.toast-close{color:#ffffffb3;border-radius:50%;width:40px;height:40px}@media (width<=640px){.screen{padding-left:12px;padding-right:12px}.controls{gap:6px}.seg button{padding:0 10px;font-size:13px}.seg .ico,.trim-label{display:none}.octave-btn{width:36px}.octave-value{min-width:50px}.fx-slider{flex:25%;order:2;gap:6px;min-width:0;padding:0 10px;font-size:13px}.fx-slider output{display:none}.octave,.chop-only,.fx-toggle{order:2}.fx-panel{gap:6px;padding:6px}.fx-title{display:none}.fx-panel .fx-slider{flex:28%;padding:0 8px}.fx-slider input{flex:1;width:0;min-width:0}.keyboard{--gap:3px;height:clamp(150px,30dvh,230px)}.grain-slider{border-radius:16px;flex-direction:column;flex:20%;order:1;justify-content:center;align-items:stretch;gap:2px;min-height:50px;padding:4px 8px;font-size:11px}.grain-slider input{flex:none;width:100%}.preset-select,.freeze-btn{order:2}.preset-select{background-position:right 9px center;max-width:104px;padding-left:10px;padding-right:26px;font-size:13px}.sampler[data-mode=granular] .octave-value{min-width:44px}.freeze-label{display:none}.timeline{height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.rec-dot{background:var(--red);border-radius:50%;flex:none;width:12px;height:12px}.rec-take.recording,.rec-take.counting{background:var(--red);border-color:var(--red);color:#fff}.rec-take.recording .rec-dot{background:#fff;border-radius:3px}.rec-take.counting .rec-dot{background:#fff}.take-count{z-index:3;color:#fff;text-shadow:0 6px 30px #00000073;font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:clamp(110px,22vw,200px);font-weight:900;display:grid;position:absolute;inset:0}.take-badge{z-index:3;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:800;display:flex;position:absolute;top:12px;right:12px}.take-badge .rec-dot{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.exporting .export-busy{text-align:center;justify-items:center;gap:16px;padding:0 24px;display:grid}.export-bar{background:#1d1a171f;border-radius:999px;width:min(280px,70vw);height:8px;overflow:hidden}.export-bar i{background:var(--red);width:0;height:100%;transition:width .2s linear;display:block}.export-buttons{gap:10px;display:flex}.preview{gap:14px}.preview-video-wrap{flex:1;place-items:center;min-height:0;display:grid}.preview-video{aspect-ratio:9/16;border-radius:var(--radius);background:#000;max-width:100%;height:100%;max-height:72dvh;box-shadow:0 18px 40px #0000002e}.preview-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.preview-actions .cta{width:auto;min-height:56px;padding:0 36px;font-size:20px}.preview-actions .pill.cta{border:0}.preview-note{text-align:center;color:var(--muted);margin:0;font-size:14px}.recording .flip-camera,.counting .flip-camera{visibility:hidden}.fx-toggle .fx-dot{background:#d6c9ba;border-radius:50%;width:10px;height:10px}.fx-toggle.active .fx-dot{background:var(--red);box-shadow:0 0 0 3px #ff4b3e33}.fx-toggle[aria-expanded=true]{background:var(--ink);color:#fff}.fx-panel{background:#f6e7d5;border:2px dashed #e2cdb5;border-radius:20px;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px;display:flex}.fx-title{letter-spacing:.08em;color:var(--red);padding:0 8px 0 6px;font-size:14px;font-weight:900}.fx-panel .fx-slider{flex:150px;min-width:0}.fx-panel .fx-slider input{flex:1;width:0;min-width:40px}.preset-select{border:2px solid var(--ink);min-height:40px;font:inherit;color:var(--ink);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231d1a17' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:999px;padding:0 30px 0 14px;font-size:14px;font-weight:800}.freeze-btn{gap:6px}.freeze-btn[aria-pressed=true]{color:#0d4a7a;background:#bfe3ff;border-color:#5aa7e6}.home-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-pill{gap:8px;max-width:220px}.account-pill:disabled{opacity:.6;cursor:default}.account-pill.signed-in{padding-left:5px}.account-avatar{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.account-label{text-overflow:ellipsis;overflow:hidden}.account-slot.compact .signed-in{padding-right:5px}.account-slot.compact .account-label{display:none}.account-menu{z-index:30;border:2px solid var(--ink);background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;gap:8px;width:min(280px,100vw - 16px);padding:14px;display:flex;position:fixed;box-shadow:0 10px 30px #1d1a172e}.account-who{overflow-wrap:anywhere;flex-direction:column;gap:2px;margin:0 0 4px;display:flex}.account-who small{color:var(--muted)}.account-menu a.pill{color:inherit;text-decoration:none}@media (width<=640px){.account-slot.compact .account-pill:not(.signed-in){padding:0 10px}}@media (width<=480px){#sampler .topbar:has(.account-slot:not([hidden])) .brand.small{font-size:0}}.cloud-group{align-items:center;gap:4px;display:inline-flex}.cloud-group[hidden]{display:none}.cloud-pill:disabled{opacity:.6;cursor:default}.cloud-more{padding:0 10px}.cloud-status{color:var(--muted);white-space:nowrap;margin-left:2px;font-size:13px;font-weight:700}.cloud-status.failed{color:var(--red)}.cloud-mark{display:none}.cloud-menu{width:min(220px,100vw - 16px)}@media (width<=640px){#sampler .topbar:has(.cloud-group:not([hidden])) .rec-take:not(.recording,.counting) #rec-take-label{display:none}#sampler .topbar:has(.cloud-group:not([hidden])) .rec-take:not(.recording,.counting){width:40px;padding:0}#sampler .topbar:has(.cloud-group:not([hidden])) .brand.small{font-size:0}#sampler .topbar:has(.rec-take:is(.recording,.counting)) .cloud-group{display:none}.cloud-pill{gap:4px;padding:0 12px}.cloud-pill:not([data-status=failed]) #cloud-save-label,.cloud-pill:is([data-status=saving],[data-status=failed]) .cloud-glyph{display:none}.cloud-more{padding:0 8px}.cloud-mark:not(:empty){font-size:13px;font-weight:900;display:inline}.cloud-pill[data-status=unsaved] .cloud-mark{color:var(--muted)}.cloud-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}#session-drawer{--bg-2:var(--bg)}.sessions-toggle{font-size:18px}.sb-drawer{box-shadow:0 18px 40px #1d1a1740}.sb-backdrop{background:#1d1a1759}.sb-preview img{object-fit:cover;width:100%;height:100%;display:block}.confirm-dialog{border-radius:var(--radius);background:var(--bg);width:min(92vw,380px);color:var(--ink);border:0;padding:18px;box-shadow:0 18px 40px #1d1a174d}.confirm-dialog::backdrop{background:#1d1a1759}.confirm-dialog-title{margin:0 0 6px;font-size:17px;font-weight:900}.confirm-dialog-text{color:var(--muted);overflow-wrap:anywhere;margin:0 0 14px;font-weight:600}.confirm-dialog input{border:2px solid var(--ink);width:100%;font:inherit;border-radius:12px;margin:0 0 14px;padding:10px 12px}.confirm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.confirm-dialog .pill.rec-pill{background:var(--red);border-color:var(--red);color:#fff}.confirm-dialog .pill.ghost{border-color:var(--ink);color:var(--ink);background:0 0}.sb-backdrop{z-index:40;touch-action:none;background:#00000080;position:fixed;inset:0}.sb-backdrop[hidden],.sb-drawer[hidden]{display:none}.sb-drawer{z-index:40;box-sizing:border-box;background:var(--bg-2,var(--bg,#222));width:min(88vw,360px);color:var(--ink);border-radius:0 18px 18px 0;flex-direction:column;padding:14px 14px 0;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(0)}@starting-style{.sb-drawer{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sb-drawer{transition:none}}.sb-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.sb-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sb-title{margin:0;font-size:17px;font-weight:900}.sb-close,.sb-delete{min-width:44px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0}.sb-new{width:100%;min-height:46px;color:var(--ink,currentColor);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink,currentColor) 30%, transparent);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;padding:0 20px;font-size:16px;font-weight:800;transition:transform 80ms;display:flex}.sb-new:active{transform:scale(.95)}.sb-extras{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.sb-extras:empty{display:none}.sb-status,.sb-empty{color:var(--muted);margin:4px 0;font-size:12px;font-weight:600}.sb-status[hidden],.sb-empty[hidden]{display:none}.sb-list{margin:0;padding:0;list-style:none}.sb-row{border-radius:12px;align-items:center;min-height:44px;display:flex}.sb-row.current{background:color-mix(in srgb, currentColor 10%, transparent)}.sb-open{min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:64px 1fr auto;grid-template-areas:"preview name badges""preview time time";align-items:center;column-gap:10px;padding:4px 6px;display:grid}.sb-preview{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:6px;grid-area:preview;width:64px;height:32px;overflow:hidden}.sb-preview-glyph{opacity:.6;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.sb-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:800;overflow:hidden}.sb-badges{opacity:.6;grid-area:badges;gap:4px;font-size:12px;display:flex}.sb-time{color:var(--muted);grid-area:time;font-size:12px;font-weight:600}.sb-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sb-machines{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);flex:none;margin:8px -14px 0}.sb-machines-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 2px;font-size:11px;font-weight:800}.sb-machines-list{margin:0;padding:0;list-style:none}.sb-machine{min-height:44px;color:inherit;border-radius:10px;align-items:center;gap:10px;padding:0 6px;font-size:14px;font-weight:700;text-decoration:none;display:flex}a.sb-machine,.sb-machines-all{opacity:.75}a.sb-machine:hover,.sb-machines-all:hover{opacity:1}.sb-machine.current{background:color-mix(in srgb, currentColor 10%, transparent)}.sb-machine-symbol{flex:none;width:20px;height:20px;display:inline-flex}.sb-symbol{width:20px;height:20px}.sb-machines-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:0 6px;font-size:12px;font-weight:600;display:flex}.sb-machines-all{min-height:44px;color:inherit;text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.sb-machine:focus-visible,.sb-machines-all:focus-visible{outline:2px solid var(--ink,currentColor);outline-offset:2px}