.sck-root{display:flex;flex-direction:column;gap:12px;width:100%;max-width:430px;margin-inline:auto;padding:16px 2px;padding-bottom:max(16px,env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media(max-width:767px){.sck-root{width:calc(100% + 16px);margin-inline:-8px;padding-inline:0}}.sck-circle{width:100%;max-width:100%;margin-inline:auto;touch-action:none}.sck-hint{margin:0;text-align:center;font-size:13px;color:hsl(var(--muted-foreground))}.sck-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sck-note{cursor:pointer;touch-action:none;transform-box:fill-box;transform-origin:center;transition:transform var(--tt-dur-fast, .15s) ease-out}.sck-note[data-pressed=true]{transform:scale(.95)}.sck-note text{font-variant-numeric:tabular-nums}.sck-puck{filter:drop-shadow(0 .5px .7px var(--widget-sc-ink, transparent))}.sck-star--playing{animation:sck-star-pulse .82s ease-in-out infinite}@keyframes sck-star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}.sck-sounding{transform-box:fill-box;transform-origin:center;animation:sck-sounding .64s ease-in-out infinite}@keyframes sck-sounding{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.22);opacity:.45}}.sck-live{transform-box:fill-box;transform-origin:center;animation:sck-live-in .16s ease-out}@keyframes sck-live-in{0%{transform:scale(.62);opacity:0}to{transform:scale(1);opacity:1}}.sck-star-burst{transform-box:fill-box;transform-origin:center;animation:sck-star-burst .42s ease-out forwards}@keyframes sck-star-burst{0%{transform:scale(.5);opacity:.7}to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.sck-note{transition:none}.sck-note[data-pressed=true]{transform:none}.sck-star--playing{animation:none}.sck-star-burst{animation:none;opacity:0}.sck-sounding{animation:none;opacity:.8}.sck-live{animation:none}}.sck-root,.sck-instrument{--tt-indigo-500: #6366f1;--tt-indigo-600: #4f46e5;--tt-violet-600: #7c3aed;--tt-violet-soft: #7c6fcd;--tt-blue-600: #2563eb;--tt-cyan-500: #06b6d4;--tt-ice-400: #4fc3f7;--tt-red-500: #ef4444;--tt-green-500: #22c55e;--tt-amber-500: #f59e0b;--tt-bg: #f8f9ff;--tt-fg: #1a1d35;--tt-card: #ffffff;--tt-card-fg: #1a1d35;--tt-primary: #6366f1;--tt-primary-fg: #ffffff;--tt-secondary: #eef2ff;--tt-secondary-fg: #1a1d35;--tt-muted: #f1f5ff;--tt-muted-fg: #6b7280;--tt-accent: #06b6d4;--tt-accent-fg: #ffffff;--tt-border: #e0e7ff;--tt-on-brand: #ffffff;--tt-on-brand-dim: rgba(255, 255, 255, .75)}[data-theme=dark] .sck-root,[data-theme=dark] .sck-instrument{--tt-bg: #0c0e1a;--tt-fg: #e8eaf6;--tt-card: #141629;--tt-card-fg: #e8eaf6;--tt-primary: #7c6fcd;--tt-primary-fg: #ffffff;--tt-secondary: #1e2240;--tt-secondary-fg: #e8eaf6;--tt-muted: #1a1d35;--tt-muted-fg: #8892b0;--tt-accent: #4fc3f7;--tt-accent-fg: #0c0e1a;--tt-border: #252849;--tt-on-brand: #ffffff;--tt-on-brand-dim: rgba(255, 255, 255, .72)}.sck-root,.sck-instrument{--widget-sc-outer-ring: color-mix(in srgb, var(--tt-border) 60%, var(--tt-card));--widget-sc-face: var(--tt-card);--widget-sc-ring: var(--tt-cyan-500);--widget-sc-sector-hi: rgba(255, 255, 255, .6);--widget-sc-ring-gap: var(--tt-card);--widget-sc-halo: color-mix(in srgb, var(--tt-primary) 16%, transparent);--widget-sc-note-in: var(--tt-primary);--widget-sc-note-in-fg: var(--tt-primary-fg);--widget-sc-note-tonic: var(--tt-amber-500);--widget-sc-note-tonic-fg: #ffffff;--widget-sc-note-out: color-mix(in srgb, var(--tt-muted) 55%, var(--tt-card));--widget-sc-note-out-stroke: var(--tt-border);--widget-sc-note-out-fg: var(--tt-muted-fg);--widget-sc-degree-fg: var(--tt-on-brand-dim);--widget-sc-star: var(--tt-primary);--widget-sc-star-soft: color-mix(in srgb, var(--tt-primary) 28%, var(--tt-card));--widget-sc-star-glow: color-mix(in srgb, var(--tt-primary) 45%, transparent);--widget-sc-center-fg: var(--tt-muted-fg);--widget-sc-interval-fg: var(--tt-muted-fg);--widget-sc-zone-t: color-mix(in srgb, var(--tt-green-500) 34%, var(--tt-card));--widget-sc-zone-s: color-mix(in srgb, var(--tt-amber-500) 30%, var(--tt-card));--widget-sc-zone-d: color-mix(in srgb, var(--tt-red-500) 26%, var(--tt-card));--widget-sc-zone-fg: var(--tt-muted-fg);--widget-sc-joy: var(--tt-muted-fg);--widget-sc-joy-active: var(--tt-primary);--widget-sc-active-ring: var(--tt-primary);--widget-sc-joy-faint: .22;--widget-sc-metal-hi: color-mix(in srgb, #ffffff 78%, var(--tt-secondary));--widget-sc-metal-mid: color-mix(in srgb, var(--tt-border) 74%, var(--tt-muted-fg));--widget-sc-metal-lo: color-mix(in srgb, var(--tt-muted-fg) 40%, var(--tt-border));--widget-sc-bevel-hi: rgba(255, 255, 255, .95);--widget-sc-bevel-lo: rgba(26, 29, 53, .2);--widget-sc-ink: rgba(26, 29, 53, .22);--widget-sc-face-hi: color-mix(in srgb, #ffffff 66%, var(--tt-secondary));--widget-sc-face-lo: color-mix(in srgb, var(--tt-border) 80%, var(--tt-muted-fg));--widget-sc-brush-light: rgba(255, 255, 255, .5);--widget-sc-brush-dark: rgba(26, 29, 53, .06);--widget-sc-grain: rgba(255, 255, 255, .05);--widget-sc-ring-hi: color-mix(in srgb, var(--tt-cyan-500) 45%, #ffffff);--widget-sc-ring-lo: color-mix(in srgb, var(--tt-cyan-500) 72%, var(--tt-fg));--widget-sc-note-in-hi: color-mix(in srgb, var(--tt-primary) 42%, #ffffff);--widget-sc-note-tonic-hi: color-mix(in srgb, var(--tt-amber-500) 38%, #ffffff);--widget-sc-note-out-hi: color-mix(in srgb, #ffffff 62%, var(--tt-secondary));--widget-sc-note-selected-hi: color-mix(in srgb, var(--tt-primary) 20%, #ffffff);--widget-sc-tl-hi: color-mix(in srgb, #ffffff 70%, var(--tt-secondary));--widget-sc-tl-mid: color-mix(in srgb, var(--tt-border) 60%, var(--tt-muted-fg));--widget-sc-tl-lo: color-mix(in srgb, var(--tt-muted-fg) 52%, var(--tt-border));--widget-sc-tick: rgba(26, 29, 53, .55);--widget-sc-tick-hi: rgba(255, 255, 255, .85);--widget-sc-tl-num: color-mix(in srgb, var(--tt-fg) 72%, var(--tt-muted-fg));--widget-sc-index: var(--tt-primary);--widget-sc-index-hi: color-mix(in srgb, var(--tt-primary) 40%, #ffffff);--widget-sc-live: color-mix(in srgb, var(--tt-green-500) 82%, var(--tt-card));--widget-sc-live-out: color-mix(in srgb, var(--tt-violet-600) 60%, var(--tt-card))}[data-theme=dark] .sck-root,[data-theme=dark] .sck-instrument{--widget-sc-outer-ring: color-mix(in srgb, var(--tt-secondary) 55%, var(--tt-bg));--widget-sc-face: var(--tt-card);--widget-sc-ring: var(--tt-ice-400);--widget-sc-sector-hi: rgba(255, 255, 255, .5);--widget-sc-ring-gap: color-mix(in srgb, var(--tt-card) 70%, var(--tt-bg));--widget-sc-halo: color-mix(in srgb, var(--tt-primary) 30%, transparent);--widget-sc-note-out: color-mix(in srgb, var(--tt-secondary) 75%, var(--tt-card));--widget-sc-note-out-stroke: var(--tt-border);--widget-sc-note-tonic-fg: #1a1d35;--widget-sc-star-soft: color-mix(in srgb, var(--tt-primary) 42%, var(--tt-card));--widget-sc-star-glow: color-mix(in srgb, var(--tt-primary) 60%, transparent);--widget-sc-joy-faint: .3;--widget-sc-metal-hi: color-mix(in srgb, var(--tt-muted-fg) 48%, var(--tt-secondary));--widget-sc-metal-mid: color-mix(in srgb, var(--tt-secondary) 72%, #000000);--widget-sc-metal-lo: color-mix(in srgb, var(--tt-bg) 64%, #000000);--widget-sc-bevel-hi: rgba(255, 255, 255, .16);--widget-sc-bevel-lo: rgba(0, 0, 0, .62);--widget-sc-ink: rgba(0, 0, 0, .55);--widget-sc-face-hi: color-mix(in srgb, var(--tt-secondary) 64%, var(--tt-muted-fg));--widget-sc-face-lo: color-mix(in srgb, var(--tt-bg) 78%, #000000);--widget-sc-brush-light: rgba(255, 255, 255, .1);--widget-sc-brush-dark: rgba(0, 0, 0, .34);--widget-sc-grain: rgba(255, 255, 255, .045);--widget-sc-ring-hi: color-mix(in srgb, var(--tt-ice-400) 50%, #ffffff);--widget-sc-ring-lo: color-mix(in srgb, var(--tt-ice-400) 64%, #000000);--widget-sc-note-in-hi: color-mix(in srgb, var(--tt-primary) 52%, #ffffff);--widget-sc-note-tonic-hi: color-mix(in srgb, var(--tt-amber-500) 46%, #ffffff);--widget-sc-note-out-hi: color-mix(in srgb, var(--tt-muted-fg) 50%, var(--tt-secondary));--widget-sc-note-selected-hi: color-mix(in srgb, var(--tt-primary) 30%, #ffffff);--widget-sc-tl-hi: color-mix(in srgb, var(--tt-muted-fg) 44%, var(--tt-secondary));--widget-sc-tl-mid: color-mix(in srgb, var(--tt-secondary) 70%, #000000);--widget-sc-tl-lo: color-mix(in srgb, var(--tt-bg) 70%, #000000);--widget-sc-tick: rgba(0, 0, 0, .66);--widget-sc-tick-hi: rgba(255, 255, 255, .2);--widget-sc-tl-num: color-mix(in srgb, var(--tt-fg) 64%, var(--tt-muted-fg));--widget-sc-index: var(--tt-accent);--widget-sc-index-hi: color-mix(in srgb, var(--tt-accent) 45%, #ffffff);--widget-sc-live: color-mix(in srgb, var(--tt-green-500) 74%, #ffffff);--widget-sc-live-out: color-mix(in srgb, var(--tt-violet-soft) 72%, #ffffff)}.sck-root,.sck-instrument{--widget-sc-note-active-bg: var(--widget-sc-note-in);--widget-sc-note-active-text: var(--widget-sc-note-in-fg);--widget-sc-note-tonic-bg: var(--widget-sc-note-tonic);--widget-sc-note-tonic-text: var(--widget-sc-note-tonic-fg);--widget-sc-note-inactive-bg: var(--widget-sc-note-out);--widget-sc-note-inactive-text: var(--widget-sc-note-out-fg);--widget-sc-note-selected-bg: var(--widget-sc-note-in-hi);--widget-sc-note-selected-text: var(--widget-sc-note-in-fg);--widget-sc-sector-tonic: var(--widget-sc-ring);--widget-sc-sector-active: var(--widget-sc-ring);--widget-sc-sector-inactive: var(--widget-sc-ring-gap);--widget-sc-zone-tonic: var(--widget-sc-zone-t);--widget-sc-zone-subdominant: var(--widget-sc-zone-s);--widget-sc-zone-dominant: var(--widget-sc-zone-d);--widget-sc-zone-postdominant: var(--widget-sc-zone-d)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.inset-y-1{top:.25rem;bottom:.25rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-\[5px\]{bottom:5px}.start-0{inset-inline-start:0px}.start-1\/2{inset-inline-start:50%}.start-3{inset-inline-start:.75rem}.start-\[7px\]{inset-inline-start:7px}.top-1\/2{top:50%}.top-5{top:1.25rem}.top-\[11px\]{top:11px}.top-\[52px\]{top:52px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ms-\[3px\]{margin-inline-start:3px}.ms-auto{margin-inline-start:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-14{width:3.5rem;height:3.5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-9{width:2.25rem;height:2.25rem}.size-\[13px\]{width:13px;height:13px}.size-\[3\.5px\]{width:3.5px;height:3.5px}.size-\[34px\]{width:34px;height:34px}.size-\[46px\]{width:46px;height:46px}.size-\[5px\]{width:5px;height:5px}.size-\[9px\]{width:9px;height:9px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[100dvh\]{height:100dvh}.h-\[13px\]{height:13px}.h-\[18px\]{height:18px}.h-\[2\.5px\]{height:2.5px}.h-\[22px\]{height:22px}.h-\[34px\]{height:34px}.h-\[5px\]{height:5px}.h-\[840px\]{height:840px}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0px}.min-h-\[56px\]{min-height:56px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-\[118px\]{width:118px}.w-\[134px\]{width:134px}.w-\[14px\]{width:14px}.w-\[17px\]{width:17px}.w-\[2\.5px\]{width:2.5px}.w-\[2px\]{width:2px}.w-\[392px\]{width:392px}.w-\[3px\]{width:3px}.w-\[4\.5px\]{width:4.5px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-\[430px\]{max-width:430px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[1\.375rem\]{--tw-translate-x: 1.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-\[3px\]{gap:3px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[1\.5px\]{border-radius:1.5px}.rounded-\[11px\]{border-radius:11px}.rounded-\[15px\]{border-radius:15px}.rounded-\[20px\]{border-radius:20px}.rounded-\[3px\]{border-radius:3px}.rounded-\[46px\]{border-radius:46px}.rounded-\[7px\]{border-radius:7px}.rounded-\[var\(--tt-r-card-2\)\]{border-radius:var(--tt-r-card-2)}.rounded-\[var\(--tt-r-chip\,11px\)\]{border-radius:var(--tt-r-chip,11px)}.rounded-\[var\(--tt-r-tile\,11px\)\]{border-radius:var(--tt-r-tile,11px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-\[\#dadce0\]{--tw-border-opacity: 1;border-color:rgb(218 220 224 / var(--tw-border-opacity, 1))}.border-\[var\(--tt-border\)\]{border-color:var(--tt-border)}.border-\[var\(--tt-border\,hsl\(var\(--border\)\)\)\]{border-color:var(--tt-border,hsl(var(--border)))}.border-\[var\(--tt-border\,hsl\(var\(--input\)\)\)\]{border-color:var(--tt-border,hsl(var(--input)))}.border-\[var\(--tt-danger\,hsl\(var\(--destructive\)\)\)\]{border-color:var(--tt-danger,hsl(var(--destructive)))}.border-\[var\(--tt-sel\,hsl\(var\(--primary\)\)\)\]{border-color:var(--tt-sel,hsl(var(--primary)))}.bg-\[var\(--tt-amber\)\]{background-color:var(--tt-amber)}.bg-\[var\(--tt-amber\,hsl\(var\(--accent\)\)\)\]{background-color:var(--tt-amber,hsl(var(--accent)))}.bg-\[var\(--tt-amber\,hsl\(var\(--primary\)\)\)\]{background-color:var(--tt-amber,hsl(var(--primary)))}.bg-\[var\(--tt-amber\,hsl\(var\(--warning\)\)\)\]{background-color:var(--tt-amber,hsl(var(--warning)))}.bg-\[var\(--tt-amber-on\)\]{background-color:var(--tt-amber-on)}.bg-\[var\(--tt-amber-tint\,hsl\(var\(--accent\)\/0\.18\)\)\]{background-color:var(--tt-amber-tint,hsl(var(--accent)/.18))}.bg-\[var\(--tt-amber-tint\,hsl\(var\(--primary\)\/0\.12\)\)\]{background-color:var(--tt-amber-tint,hsl(var(--primary)/.12))}.bg-\[var\(--tt-amber-tint\,hsl\(var\(--primary\)\/0\.14\)\)\]{background-color:var(--tt-amber-tint,hsl(var(--primary)/.14))}.bg-\[var\(--tt-amber-tint\,hsl\(var\(--warning\)\/0\.18\)\)\]{background-color:var(--tt-amber-tint,hsl(var(--warning)/.18))}.bg-\[var\(--tt-bg\)\]{background-color:var(--tt-bg)}.bg-\[var\(--tt-border\)\]{background-color:var(--tt-border)}.bg-\[var\(--tt-danger\,hsl\(var\(--destructive\)\)\)\]{background-color:var(--tt-danger,hsl(var(--destructive)))}.bg-\[var\(--tt-fn-d-tint\,hsl\(var\(--destructive\)\/0\.14\)\)\]{background-color:var(--tt-fn-d-tint,hsl(var(--destructive)/.14))}.bg-\[var\(--tt-fn-t-tint\,hsl\(var\(--success\)\/0\.16\)\)\]{background-color:var(--tt-fn-t-tint,hsl(var(--success)/.16))}.bg-\[var\(--tt-home-indicator\)\]{background-color:var(--tt-home-indicator)}.bg-\[var\(--tt-success\,hsl\(var\(--success\)\)\)\]{background-color:var(--tt-success,hsl(var(--success)))}.bg-\[var\(--tt-surface\)\]{background-color:var(--tt-surface)}.bg-\[var\(--tt-surface\,hsl\(var\(--background\)\)\)\]{background-color:var(--tt-surface,hsl(var(--background)))}.bg-\[var\(--tt-surface\,hsl\(var\(--card\)\)\)\]{background-color:var(--tt-surface,hsl(var(--card)))}.bg-\[var\(--tt-surface-2\)\]{background-color:var(--tt-surface-2)}.bg-\[var\(--tt-surface-2\,hsl\(var\(--secondary\)\)\)\]{background-color:var(--tt-surface-2,hsl(var(--secondary)))}.bg-\[var\(--tt-surface-3\,hsl\(var\(--muted\)\)\)\]{background-color:var(--tt-surface-3,hsl(var(--muted)))}.bg-\[var\(--tt-surface-nav\)\]{background-color:var(--tt-surface-nav)}.bg-\[var\(--tt-text-muted\)\]{background-color:var(--tt-text-muted)}.bg-\[var\(--tt-text-muted\,hsl\(var\(--muted-foreground\)\)\)\]{background-color:var(--tt-text-muted,hsl(var(--muted-foreground)))}.bg-\[var\(--tt-text-muted\,hsl\(var\(--muted-foreground\)\/0\.4\)\)\]{background-color:var(--tt-text-muted,hsl(var(--muted-foreground)/.4))}.bg-\[var\(--tt-tile\,hsl\(var\(--card\)\)\)\]{background-color:var(--tt-tile,hsl(var(--card)))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/45{background-color:#00000073}.bg-current{background-color:currentColor}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-3{padding-bottom:.75rem}.pb-\[25px\]{padding-bottom:25px}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pe-3{padding-inline-end:.75rem}.ps-10{padding-inline-start:2.5rem}.ps-3{padding-inline-start:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-\[11px\]{padding-top:11px}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.text-center{text-align:center}.text-start{text-align:start}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[0\.06em\]{letter-spacing:.06em}.text-\[\#3c4043\]{--tw-text-opacity: 1;color:rgb(60 64 67 / var(--tw-text-opacity, 1))}.text-\[hsl\(var\(--destructive-foreground\)\)\]{color:hsl(var(--destructive-foreground))}.text-\[hsl\(var\(--mfg\)\)\]{color:hsl(var(--mfg))}.text-\[var\(--tt-amber\)\]{color:var(--tt-amber)}.text-\[var\(--tt-amber\,hsl\(var\(--accent-foreground\)\)\)\]{color:var(--tt-amber,hsl(var(--accent-foreground)))}.text-\[var\(--tt-amber\,hsl\(var\(--primary\)\)\)\]{color:var(--tt-amber,hsl(var(--primary)))}.text-\[var\(--tt-amber\,hsl\(var\(--warning\)\)\)\]{color:var(--tt-amber,hsl(var(--warning)))}.text-\[var\(--tt-amber-on\,hsl\(var\(--primary-foreground\)\)\)\]{color:var(--tt-amber-on,hsl(var(--primary-foreground)))}.text-\[var\(--tt-bg\,hsl\(var\(--background\)\)\)\]{color:var(--tt-bg,hsl(var(--background)))}.text-\[var\(--tt-danger\,hsl\(var\(--destructive\)\)\)\]{color:var(--tt-danger,hsl(var(--destructive)))}.text-\[var\(--tt-ink\)\]{color:var(--tt-ink)}.text-\[var\(--tt-ink\,hsl\(var\(--foreground\)\)\)\]{color:var(--tt-ink,hsl(var(--foreground)))}.text-\[var\(--tt-ink\,hsl\(var\(--secondary-foreground\)\)\)\]{color:var(--tt-ink,hsl(var(--secondary-foreground)))}.text-\[var\(--tt-success\,hsl\(var\(--success\)\)\)\]{color:var(--tt-success,hsl(var(--success)))}.text-\[var\(--tt-text-2\)\]{color:var(--tt-text-2)}.text-\[var\(--tt-text-2\,hsl\(var\(--muted-foreground\)\)\)\]{color:var(--tt-text-2,hsl(var(--muted-foreground)))}.text-\[var\(--tt-text-muted\)\]{color:var(--tt-text-muted)}.text-\[var\(--tt-text-muted\,hsl\(var\(--muted-foreground\)\)\)\]{color:var(--tt-text-muted,hsl(var(--muted-foreground)))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.overline{text-decoration-line:overline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow: 0 1px 4px rgba(0,0,0,.3);--tw-shadow-colored: 0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--tt-shadow-fab\)\]{--tw-shadow-color: var(--tt-shadow-fab);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[inset-inline-start\]{transition-property:inset-inline-start;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,background-color\,opacity\]{transition-property:transform,background-color,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-\[var\(--tt-text-muted\,hsl\(var\(--muted-foreground\)\)\)\]::-moz-placeholder{color:var(--tt-text-muted,hsl(var(--muted-foreground)))}.placeholder\:text-\[var\(--tt-text-muted\,hsl\(var\(--muted-foreground\)\)\)\]::placeholder{color:var(--tt-text-muted,hsl(var(--muted-foreground)))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset: inset}.focus-visible\:ring-\[var\(--tt-sel\,hsl\(var\(--ring\)\)\)\]:focus-visible{--tw-ring-color: var(--tt-sel,hsl(var(--ring)))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--tt-bg\,hsl\(var\(--background\)\)\)\]:focus-visible{--tw-ring-offset-color: var(--tt-bg,hsl(var(--background)))}.active\:scale-\[0\.95\]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-\[var\(--tt-amber-wash\,hsl\(var\(--muted\)\/0\.6\)\)\]:active{background-color:var(--tt-amber-wash,hsl(var(--muted)/.6))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:active\:scale-100:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(min-width:768px){.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}.rtl\:-translate-x-0\.5:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:-translate-x-\[1\.375rem\]:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -1.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>\*\+\*\]\:border-t>*+*{border-top-width:1px}.\[\&\>\*\+\*\]\:border-\[var\(--tt-border\)\]>*+*{border-color:var(--tt-border)}:root[data-skin=songbook],:root[data-skin=songbook][data-theme=matinee]{--bg: 30 100% 97%;--fg: 30 12% 18%;--card: 30 60% 99%;--muted: 30 20% 92%;--mfg: 30 10% 42%;--line: 30 10% 84%;--pri: 193 26% 42%;--prifg: 30 100% 97%;--acc: 98 25% 38%;--hl: 38 60% 48%;--hlink: 38 65% 10%;--fT: 38 60% 46%;--fTink: 0 0% 100%;--fS: 98 25% 38%;--fD: 0 45% 47%;--err: 0 45% 47%;--ok: 98 30% 34%;--star: 38 60% 48%;--starbg: 30 12% 20%;--scrim: 30 12% 10%;--fx-cursor: 0 45% 47%;--brand-star: 30 12% 18%;--brand-tick: 30 10% 68%;--cir-canvas: 30 100% 97%;--cir-ring: 30 10% 84%;--cir-div: 30 100% 97%;--cir-hub: 30 12% 20%;--cir-hub-key: 38 60% 90%;--cir-hub-hint: 30 20% 72%;--cir-shadow: 30 30% 20% / .12;--cir-scrim: 30 12% 10% / .5;--cir-in: 38 40% 89%;--cir-in-ink: 30 12% 18%;--cir-out: 30 22% 95%;--cir-out-ink: 30 10% 58%;--cir-press: 38 60% 48%;--cir-press-ink: 30 100% 97%;--cir-play: 38 65% 74%;--cir-play-ring: 38 60% 46%;--cir-tonic: 38 52% 80%;--cir-tonic-ink: 30 12% 18%;--cir-tonic-ring: 38 60% 46%;--cir-tonic-dot: 38 60% 46%;--cir-star: 38 60% 55%;--cir-star-line: 38 55% 42%;--cir-star-dim: 30 10% 70%;--cir-degree: 30 10% 42%;--chev-idle: 30 10% 42%;--chev-active: 38 60% 40%;--chev-nudge: 38 60% 48%;--chev-ring: 193 26% 42%;--sec-wedge: 30 20% 93%;--sec-wedge-line: 30 10% 84%;--sec-wedge-press: 38 40% 86%;--cir-disabled: 30 10% 60%;--zone-t: 38 60% 46%;--zone-t-ink: 0 0% 100%;--zone-s: 98 25% 38%;--zone-s-ink: 0 0% 100%;--zone-d: 0 45% 47%;--zone-d-ink: 0 0% 100%;--zone-line: 30 10% 78%;--zone-press: 38 60% 48%;--ring-band: 30 30% 94%;--ring-edge: 30 10% 80%;--ring-bar: 30 12% 45%;--ring-tick: 30 10% 65%;--ring-num: 30 10% 48%;--ring-num-hot: 30 12% 15%;--ring-notch: 0 45% 47%;--ring-press: 38 60% 48%}:root[data-skin=songbook][data-theme=afterhours]{--bg: 201 100% 7%;--fg: 41 60% 92%;--card: 201 70% 11%;--muted: 201 50% 15%;--mfg: 201 28% 62%;--line: 201 40% 20%;--pri: 181 70% 40%;--prifg: 41 70% 95%;--acc: 41 70% 75%;--hl: 41 70% 65%;--hlink: 38 65% 10%;--fT: 41 70% 62%;--fTink: 38 65% 10%;--fS: 181 60% 46%;--fD: 13 70% 58%;--err: 13 70% 58%;--ok: 160 45% 42%;--star: 41 75% 68%;--starbg: 201 85% 9%;--scrim: 201 100% 3%;--fx-cursor: 13 70% 58%;--brand-star: 41 75% 68%;--brand-tick: 201 30% 38%;--cir-canvas: 201 100% 7%;--cir-ring: 201 40% 20%;--cir-div: 201 100% 7%;--cir-hub: 201 85% 9%;--cir-hub-key: 41 70% 85%;--cir-hub-hint: 201 28% 55%;--cir-shadow: 0 0% 0% / .45;--cir-scrim: 201 100% 3% / .6;--cir-in: 201 50% 16%;--cir-in-ink: 41 60% 92%;--cir-out: 201 60% 10%;--cir-out-ink: 201 28% 46%;--cir-press: 41 70% 62%;--cir-press-ink: 201 100% 7%;--cir-play: 41 55% 30%;--cir-play-ring: 41 70% 65%;--cir-tonic: 41 40% 26%;--cir-tonic-ink: 41 70% 88%;--cir-tonic-ring: 41 70% 65%;--cir-tonic-dot: 41 70% 65%;--cir-star: 41 75% 68%;--cir-star-line: 41 70% 55%;--cir-star-dim: 201 30% 30%;--cir-degree: 201 28% 62%;--chev-idle: 201 28% 62%;--chev-active: 41 70% 65%;--chev-nudge: 41 75% 68%;--chev-ring: 181 70% 40%;--sec-wedge: 201 55% 12%;--sec-wedge-line: 201 40% 20%;--sec-wedge-press: 201 45% 22%;--cir-disabled: 201 25% 40%;--zone-t: 41 70% 62%;--zone-t-ink: 38 65% 10%;--zone-s: 181 60% 46%;--zone-s-ink: 0 0% 100%;--zone-d: 13 70% 58%;--zone-d-ink: 0 0% 100%;--zone-line: 201 40% 24%;--zone-press: 41 70% 65%;--ring-band: 201 60% 10%;--ring-edge: 201 40% 22%;--ring-bar: 201 30% 55%;--ring-tick: 201 30% 38%;--ring-num: 201 28% 58%;--ring-num-hot: 41 70% 80%;--ring-notch: 13 70% 58%;--ring-press: 41 70% 65%}:root[data-skin=songbook]{--font-serif: "Newsreader", "Literata", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Roboto Mono", Menlo, monospace}html[data-skin=songbook]{--widget-sc-background: hsl(var(--cir-canvas));--widget-sc-ring-glow: hsl(var(--hl));--widget-sc-ring-main: hsl(var(--cir-ring));--widget-sc-ring-shadow: hsl(var(--line));--widget-sc-star-main: hsl(var(--cir-star));--widget-sc-star-glow: hsl(var(--cir-star));--widget-sc-star-fill: hsl(var(--cir-star));--widget-sc-star-shadow: hsl(var(--cir-shadow));--widget-sc-star-shadow-inner: hsl(var(--cir-shadow));--widget-sc-sector-active: hsl(var(--sec-wedge));--widget-sc-sector-inactive: hsl(var(--cir-canvas));--widget-sc-sector-out-of-scale: hsl(var(--cir-out));--widget-sc-sector-selected: hsl(var(--sec-wedge-press));--widget-sc-sector-tonic: hsl(var(--cir-tonic));--widget-sc-sector-chord: hsl(var(--cir-play));--widget-sc-sector-chord-root: hsl(var(--cir-press));--widget-sc-sector-border: hsl(var(--cir-ring));--widget-sc-note-active-bg: hsl(var(--cir-in));--widget-sc-note-active-text: hsl(var(--cir-in-ink));--widget-sc-note-inactive-bg: hsl(var(--cir-out));--widget-sc-note-inactive-text: hsl(var(--cir-out-ink));--widget-sc-note-selected-bg: hsl(var(--cir-press));--widget-sc-note-selected-text: hsl(var(--cir-press-ink));--widget-sc-note-tonic-bg: hsl(var(--cir-tonic));--widget-sc-note-tonic-text: hsl(var(--cir-tonic-ink));--widget-sc-note-chord-bg: hsl(var(--cir-play));--widget-sc-note-chord-text: hsl(var(--cir-in-ink));--widget-sc-note-chord-root-bg: hsl(var(--cir-play-ring));--widget-sc-note-chord-root-text: hsl(var(--cir-press-ink));--widget-sc-note-playing-text: hsl(var(--cir-press-ink));--widget-sc-note-border: hsl(var(--cir-ring));--widget-sc-arc-consonant: hsl(var(--ok));--widget-sc-arc-dissonant: hsl(var(--zone-d));--widget-sc-arc-characteristic: hsl(var(--hl));--widget-sc-arc-label: hsl(var(--mfg));--widget-sc-zone-tonic: hsl(var(--zone-t));--widget-sc-zone-subdominant: hsl(var(--zone-s));--widget-sc-zone-dominant: hsl(var(--zone-d))}.sb-btn{height:44px;padding:0 18px;border-radius:9px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 13.5px var(--font-ui);background:hsl(var(--fg));color:hsl(var(--bg));cursor:pointer;transition:transform .08s ease}.sb-btn:active{transform:scale(.95)}.sb-btn:focus-visible{outline:2px solid hsl(var(--pri));outline-offset:2px}.sb-btn--outline{background:transparent;color:hsl(var(--fg));border:1.5px solid hsl(var(--fg));padding:0 16px;font-weight:600;font-size:13px}.sb-btn--ghost{background:transparent;color:hsl(var(--mfg));padding:0 14px;font-weight:600;font-size:13px}.sb-btn--danger{background:transparent;color:hsl(var(--err));border:1.5px solid hsl(var(--err));padding:0 16px;font-weight:600;font-size:13px}.sb-btn:disabled{background:hsl(var(--muted));color:hsl(var(--mfg));border:0;transform:none;cursor:default}.sb-btn--h48{height:48px;font-size:14px}.sb-btn--h50{height:50px;font-size:14.5px}.sb-iconbtn{width:48px;height:48px;border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--fg));color:hsl(var(--bg));cursor:pointer;transition:transform .08s ease}.sb-iconbtn--outline{background:transparent;color:hsl(var(--fg));border:1.5px solid hsl(var(--line))}.sb-iconbtn:active{transform:scale(.95)}.sb-iconbtn:focus-visible{outline:2px solid hsl(var(--pri));outline-offset:2px}.sb-seg{display:grid;border-bottom:1px solid hsl(var(--line))}.sb-seg__item{padding:10px 0;border:0;background:none;text-align:center;font:500 10px var(--font-mono);letter-spacing:.14em;color:hsl(var(--mfg));cursor:pointer}.sb-seg__item[aria-selected=true]{font-weight:600;color:hsl(var(--fg));box-shadow:inset 0 -2px hsl(var(--sb-seg-underline, var(--fg)))}:root[data-theme=afterhours] .sb-seg__item[aria-selected=true]{--sb-seg-underline: var(--acc)}.sb-seg__item:focus-visible{outline:2px solid hsl(var(--pri));outline-offset:-2px}.sb-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border:0;border-top:1px solid hsl(var(--line));background:none;text-align:start;font:500 12.5px var(--font-ui);color:hsl(var(--fg));min-height:44px;cursor:pointer}.sb-row--muted{color:hsl(var(--mfg))}.sb-row:focus-visible{outline:2px solid hsl(var(--pri));outline-offset:2px}.sb-radio{width:16px;height:16px;border-radius:999px;border:1.5px solid hsl(var(--line));box-sizing:border-box;flex:none}.sb-radio--on{border:5px solid hsl(var(--fg))}.sb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid hsl(var(--line));border-radius:999px;font:500 10px var(--font-mono);color:hsl(var(--mfg));background:none}.sb-field__label{display:block;font:600 8px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg));margin-bottom:5px;text-transform:uppercase}.sb-field--error .sb-field__label{color:hsl(var(--err))}.sb-field__box{height:48px;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));display:flex;align-items:center;padding:0 14px;gap:10px}.sb-field--error .sb-field__box{border-color:hsl(var(--err))}.sb-field__input{flex:1;min-width:0;border:0;background:none;font:400 13.5px var(--font-ui);color:hsl(var(--fg));outline:none}.sb-field__input::-moz-placeholder{color:hsl(var(--mfg))}.sb-field__input::placeholder{color:hsl(var(--mfg))}.sb-field__box:focus-within{outline:2px solid hsl(var(--pri));outline-offset:2px}.sb-field__eye{border:0;background:none;padding:0;display:inline-flex;color:hsl(var(--mfg));cursor:pointer}.sb-field__msg{margin-top:7px;display:flex;align-items:flex-start;gap:7px;font:400 11px/1.45 var(--font-ui);color:hsl(var(--err))}.sb-sheet__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--scrim) / .5);z-index:40}.sb-sheet{position:fixed;inset-inline:0;bottom:0;z-index:41;border:1px solid hsl(var(--line));border-bottom:0;border-radius:16px 16px 0 0;background:hsl(var(--card));color:hsl(var(--fg));padding:8px 16px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.sb-sheet__grab{display:flex;align-items:center;justify-content:center;width:100%;height:28px;margin:-4px 0 0;border:0;background:none;color:hsl(var(--mfg));cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.sb-sheet__grab:active{color:hsl(var(--fg))}.sb-sheet__chevron{display:block}.sb-sheet__title{margin-top:10px;font:600 17px var(--font-serif)}.sb-toast{position:absolute;inset-inline:16px;bottom:36px;background:hsl(var(--fg));color:hsl(var(--bg));border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 36px hsl(var(--scrim) / .35);z-index:50}.sb-toast__dot{width:8px;height:8px;border-radius:999px;flex:none}.sb-toast__dot--ok{background:hsl(var(--ok))}.sb-toast__dot--hl{background:hsl(var(--hl))}.sb-toast__msg{flex:1;font:500 12.5px/1.4 var(--font-ui)}.sb-toast__action{border:0;background:none;color:inherit;font:700 12.5px var(--font-ui);padding:8px 4px;text-decoration:underline;text-underline-offset:3px;flex:none;cursor:pointer}.sb-banner{min-height:44px;background:hsl(var(--muted));border:1px solid hsl(var(--line));border-radius:9px;display:flex;align-items:center;gap:10px;padding:10px 14px}.sb-banner__dot{width:7px;height:7px;border-radius:999px;background:hsl(var(--hl));flex:none}.sb-banner__msg{flex:1;font:500 12px/1.4 var(--font-ui);color:hsl(var(--fg))}.sb-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 32px;font-family:var(--font-ui);color:hsl(var(--fg));height:100%;box-sizing:border-box}.sb-error__art{display:block}.sb-error__art--star{opacity:.45}.sb-error__eyebrow{margin-top:22px;font:600 9.5px var(--font-mono);letter-spacing:.22em;color:hsl(var(--err))}.sb-error__title{margin-top:10px;font:600 23px/1.2 var(--font-serif)}.sb-error__body{margin-top:9px;font:400 12.5px/1.6 var(--font-ui);color:hsl(var(--mfg));max-width:280px}.sb-error__cta{margin-top:18px;padding:0 26px}.sb-error__ghost{margin-top:10px;padding:10px 4px;border:0;background:none;font:600 13px var(--font-ui);color:hsl(var(--mfg));cursor:pointer}.sb-error__code{margin-top:14px;font:500 9.5px var(--font-mono);letter-spacing:.08em;color:hsl(var(--mfg) / .8)}.sb-atom{padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.sb-atom--outside{opacity:.55}.sb-atom--now{background:hsl(var(--hl) / var(--sb-now-alpha, .14));box-shadow:inset 0 2.5px hsl(var(--hl))}:root[data-theme=afterhours] .sb-atom--now{--sb-now-alpha: .16}.sb-atom__head{display:flex;align-items:center;gap:5px}.sb-atom__func{display:inline-flex;align-items:center;justify-content:center;font:800 8.5px var(--font-ui)}.sb-atom__func--t{width:16px;height:16px;border-radius:999px;background:hsl(var(--fT));color:hsl(var(--fTink))}.sb-atom__func--s{width:15px;height:15px;border-radius:4px;background:hsl(var(--fS));color:hsl(var(--zone-s-ink))}.sb-atom__func--d{width:18px;height:16px;clip-path:polygon(50% 0,100% 100%,0 100%);background:hsl(var(--fD));color:hsl(var(--zone-d-ink));align-items:flex-end;padding-bottom:1px;box-sizing:border-box;font-size:8px}.sb-atom__roman{font:600 9.5px var(--font-mono);color:hsl(var(--mfg))}.sb-atom__symbol{font:600 15px var(--font-mono)}.sb-atom--outside .sb-atom__symbol{border-bottom:1.5px dashed hsl(var(--mfg) / .6)}.sb-atom__label{font:500 8px var(--font-mono);letter-spacing:.14em;color:hsl(var(--mfg))}.sb-atom--now .sb-atom__label{font-weight:600;color:hsl(var(--fg))}.sb-review{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 12px 4px}.sb-review__mark{margin-top:6px;animation:sb-review-mark .4s ease both}.sb-review__stars{display:inline-flex;gap:7px;margin-top:14px}.sb-review__star{fill:hsl(var(--brand-star));transform-origin:center;animation:sb-review-star .42s cubic-bezier(.34,1.56,.64,1) both}.sb-review__title{margin:16px 0 0;font:600 21px/1.3 var(--font-serif);color:hsl(var(--fg));max-width:300px}.sb-review__subtitle{margin:9px 0 0;font:400 12.5px/1.6 var(--font-ui);color:hsl(var(--mfg));max-width:290px}.sb-review__actions{margin-top:20px;display:flex;flex-direction:column;gap:8px;width:100%}.sb-review__actions .sb-btn{width:100%}@keyframes sb-review-mark{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sb-review-star{0%{opacity:0;transform:scale(.3) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.sb-review__mark,.sb-review__star{animation:none}}.sb-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;min-height:44px;padding:0 18px;font:600 14.5px var(--font-ui);border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.sb-social:disabled{opacity:.55;cursor:default}.sb-social:focus-visible{outline:2px solid hsl(var(--pri));outline-offset:2px}.sb-social--apple{background:hsl(var(--fg));color:hsl(var(--bg));border:1px solid transparent}.sb-social--google{background:hsl(var(--card));color:hsl(var(--fg));border:1px solid hsl(var(--line))}.sb-social--compact{gap:8px;padding:0 10px;font-size:13.5px}.sb-social--facebook,.sb-social--github{background:hsl(var(--fg));color:hsl(var(--bg));border:1px solid transparent}.sb-cover{position:relative;flex:none;display:block;border-radius:7px;overflow:hidden;background:hsl(var(--card));border:1px solid hsl(var(--line))}.sb-cover__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease-out}.sb-cover__ph--gone{opacity:0}.sb-cover__img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .6s ease-out}.sb-cover__img--loaded{opacity:1}.sb-cover__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,hsl(var(--mfg) / .16) 50%,transparent 70%);background-size:220% 100%;animation:sb-cover-shimmer 1.6s ease-in-out infinite}.sb-cover__pulse{animation:sb-cover-pulse 1.6s ease-in-out infinite}@keyframes sb-cover-shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes sb-cover-pulse{0%,to{opacity:.5}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.sb-cover__shimmer{display:none}.sb-cover__pulse{animation:none}.sb-cover__ph,.sb-cover__img{transition:none}}.sb-enh{display:inline-flex;gap:2px;padding:2px;border:1px solid hsl(var(--line));border-radius:999px;background:hsl(var(--card) / .92)}.sb-enh button{min-width:30px;min-height:30px;padding:0 6px;border:0;border-radius:999px;background:none;color:hsl(var(--mfg));font:700 12px var(--font-mono);cursor:pointer}.sb-enh button[aria-pressed=true]{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-splash{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui);position:relative;overflow:hidden}.sbs-splash__center{flex:1;align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center}.sbs-splash__staff{position:absolute;left:0;right:0;top:50%;transform:translateY(-72%);width:100%;height:auto}.sbs-splash__art{position:relative;width:150px;height:150px;border-radius:999px;box-shadow:0 18px 44px hsl(var(--scrim) / .22),0 0 70px #f7bb3b33;animation:ttpulse 1.4s ease-in-out infinite}.sbs-splash__brand{margin-top:calc(max(58px,env(safe-area-inset-top)) + 90px);font-family:var(--font-mono);font-weight:600;font-size:min(42px,10vw);line-height:1.15;letter-spacing:.12em;text-align:center}@keyframes ttpulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.88}}@media(prefers-reduced-motion:reduce){.sbs-splash__art{animation:none}}.sbs-onb{height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui)}.sbs-onb__top{padding:max(58px,env(safe-area-inset-top)) 20px 0;display:flex;justify-content:flex-end;flex:none}.sbs-onb__top--brand{justify-content:space-between;align-items:center;padding-inline-end:12px;min-height:46px;box-sizing:border-box}.sbs-onb__brand{display:flex;align-items:center;gap:12px}.sbs-onb__brandname{font:700 16px var(--font-mono);letter-spacing:.22em}.sbs-onb__skip{border:0;background:none;padding:12px 8px;font:600 13px var(--font-ui);color:hsl(var(--mfg));cursor:pointer}.sbs-onb__skip--hidden{visibility:hidden}.sbs-onb__body{flex:1;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-block-start:10px}.sbs-oa__body--s1,.sbs-oa__body--s4{padding-inline:24px}.sbs-oa__body--s2{padding-inline:16px}.sbs-oa__body--s3{padding-inline:20px}.sbs-onb__foot{padding:0 16px max(26px,env(safe-area-inset-bottom))}.sbs-onb__dots{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 0 8px;flex:none}.sbs-onb__dot{width:7px;height:7px;border-radius:999px;background:hsl(var(--line));border:0;padding:0;cursor:pointer;position:relative}.sbs-onb__dot--on{width:20px;background:hsl(var(--fg))}.sbs-onb__dot:after{content:"";position:absolute;top:-19px;right:-8px;bottom:-19px;left:-8px}.sbs-onb__cta2{margin-top:10px}.sbs-oa__poster{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.sbs-oa__poster-center{flex:1;align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center}.sbs-oa__poster-model{width:168px;height:auto;margin-top:18px}.sbs-oa__poster-staff{position:absolute;left:0;right:0;top:50%;transform:translateY(-72%);width:100%;height:auto}.sbs-oa__poster-art{position:relative;width:150px;height:150px;border-radius:999px;box-shadow:0 18px 44px hsl(var(--scrim) / .22),0 0 70px #f7bb3b33;animation:ttpulse 1.4s ease-in-out infinite}.sbs-oa__poster-brand{margin-top:44px;font-family:var(--font-mono);font-weight:600;font-size:min(42px,10vw);line-height:1.15;letter-spacing:.12em;text-align:center}@media(prefers-reduced-motion:reduce){.sbs-oa__poster-art{animation:none}}.sbs-oa__kicker{font:600 9.5px var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-oa__kicker--melody{margin-top:16px;font-size:7.5px;letter-spacing:.18em}.sbs-oa__title{margin:12px 0 0;font:600 36px/1.16 var(--font-serif);letter-spacing:-.01em;text-wrap:balance}.sbs-oa__title--33{margin-top:10px;font-size:33px;line-height:1.12;letter-spacing:0}.sbs-oa__title--30{margin-top:10px;font-size:30px;line-height:1.14;letter-spacing:0}.sbs-oa__sub{margin:8px 0 0;font:400 12.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-oa__sub--serif{margin-top:14px;font:italic 500 14px/1.5 var(--font-serif)}.sbs-oa__body--s4 .sbs-oa__sub--serif{margin-top:16px}.sbs-oa__head{padding:0 4px}.sbs-oa__staff{display:block;width:100%;height:auto;margin-top:24px}.sbs-oa__body--s3 .sbs-oa__staff{margin-top:5px}.sbs-oa__slots{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 2px}.sbs-oa__slot{height:22px;border:1.5px dashed hsl(var(--mfg)/.45);border-radius:6px}.sbs-oa__microhint{margin-top:7px;font:500 7.5px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--mfg));text-align:center}.sbs-oa__microhint--plain{margin-top:0;font-size:8px}.sbs-oa__circle{margin-top:10px;display:flex;justify-content:center}.sbs-oa__chips{margin-top:11px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.sbs-oa__chip{height:28px;padding:0 10px;border-radius:999px;border:1px solid hsl(var(--line));background:none;display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--font-ui);color:hsl(var(--fg));cursor:pointer;position:relative}.sbs-oa__chip:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.sbs-oa__chip--on{padding:0 12px;border-color:hsl(var(--fg));background:hsl(var(--fg));color:hsl(var(--bg));font-weight:700}.sbs-oa__chipdot{width:6px;height:6px;border-radius:999px;border:1.5px solid hsl(var(--mfg));box-sizing:border-box}.sbs-oa__chip--on .sbs-oa__chipdot{border:0;background:hsl(var(--bg))}.sbs-oa__bars{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line))}.sbs-oa__bar{padding:9px 2px;display:flex;flex-direction:column;align-items:center;gap:3px}.sbs-oa__bar+.sbs-oa__bar{border-left:1px solid hsl(var(--line))}.sbs-oa__bar--now{background:hsl(var(--hl)/.12);box-shadow:inset 0 2.5px hsl(var(--hl))}.sbs-oa__barchord{display:flex;align-items:center;gap:5px}.sbs-oa__chord{font:600 12.5px var(--font-mono);letter-spacing:-.03em}.sbs-oa__barsub{font:500 7.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-oa__bar--now .sbs-oa__barsub{font-weight:600;color:inherit}.sbs-oa__fn{display:inline-flex;align-items:center;justify-content:center;flex:none;font:800 8px var(--font-ui)}.sbs-oa__fn--t{width:15px;height:15px;border-radius:999px;background:hsl(var(--fT));color:hsl(var(--fTink))}.sbs-oa__fn--s{width:14px;height:14px;border-radius:4px;background:hsl(var(--fS));color:hsl(var(--zone-s-ink))}.sbs-oa__fn--d{width:17px;height:15px;clip-path:polygon(50% 0,100% 100%,0 100%);background:hsl(var(--fD));color:hsl(var(--zone-d-ink));font-size:7.5px;align-items:flex-end;padding-bottom:1px;box-sizing:border-box}.sbs-oa__hearwrap{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.sbs-oa__hear{height:44px;padding:0 24px;border-radius:999px;border:1.5px solid hsl(var(--fg));background:none;color:hsl(var(--fg));display:inline-flex;align-items:center;gap:9px;font:600 13.5px var(--font-ui);cursor:pointer}.sbs-oa__hear--on{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-oa__worlds{margin-top:10px;border-top:1px solid hsl(var(--line));display:flex;flex-direction:column}.sbs-oa__world{display:grid;grid-template-columns:80px repeat(4,1fr);align-items:center;padding:8px 0;border:0;border-bottom:1px solid hsl(var(--line));background:none;color:hsl(var(--fg));cursor:pointer;font-family:inherit}.sbs-oa__world--on{background:hsl(var(--hl)/.1)}.sbs-oa__worldname{font:600 8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--mfg));text-align:start}.sbs-oa__world--on .sbs-oa__worldname{font-weight:700;color:inherit}.sbs-oa__worldchord{font:600 11.5px var(--font-mono);letter-spacing:-.03em;text-align:center}.sbs-oa__checks{margin-top:14px;display:flex;flex-direction:column;gap:9px}.sbs-oa__check{display:flex;align-items:center;gap:10px;font:500 13px var(--font-ui)}.sbs-signin{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui)}.sbs-signin__top{padding:max(60px,env(safe-area-inset-top)) 20px 0;display:flex;align-items:center}.sbs-backsq{width:38px;height:38px;border-radius:9px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;cursor:pointer}.sbs-signin__banner{padding:14px 20px 0}.sbs-signin__head{padding:18px 20px 0}.sbs-signin__title{margin:0;font:600 27px/1.15 var(--font-serif);letter-spacing:-.015em}.sbs-signin__sub{margin:6px 0 0;font:400 12.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-signin__form{padding:14px 20px 0}.sbs-signin__ctawrap{margin-top:16px}.sbs-signin__spacer{flex:1}.sbs-signin__legal{padding:0 20px max(26px,env(safe-area-inset-bottom));text-align:center;font:400 10.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-signin__legal span{text-decoration:underline}.sbs-ordiv{display:flex;align-items:center;gap:12px;margin:18px 20px 0;font:600 10.5px var(--font-ui);letter-spacing:.12em;color:hsl(var(--mfg))}.sbs-ordiv:before,.sbs-ordiv:after{content:"";flex:1;height:1px;background:hsl(var(--line))}.sbs-social{padding:12px 20px 0;display:flex;flex-direction:column;gap:9px}.sbs-social--grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-bottom:18px}.sbs-signin__forgotrow{margin-top:9px;display:flex;justify-content:flex-end}.sbs-signin__forgot{padding:7px 2px;font:600 12.5px var(--font-ui);color:hsl(var(--pri));background:none;border:0;cursor:pointer}.sbs-signin__ctafoot{padding:0 20px 10px}.sbs-signin__ctafoot--end{padding-bottom:max(26px,env(safe-area-inset-bottom))}.sbs-authfoot{padding:0 20px max(26px,env(safe-area-inset-bottom));text-align:center;font:400 12.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-authfoot__link{font-weight:700;color:hsl(var(--fg));text-decoration:underline;text-underline-offset:3px}.sbs-strength{margin-top:7px;display:flex;align-items:center;gap:8px}.sbs-strength__seg{flex:1;height:4px;border-radius:999px;background:hsl(var(--muted))}.sbs-strength__seg--s1{background:hsl(var(--err))}.sbs-strength__seg--s2{background:hsl(var(--hl))}.sbs-strength__seg--s3{background:hsl(var(--ok))}.sbs-strength__label{font:600 10.5px var(--font-ui);white-space:nowrap}.sbs-strength__label--s1{color:hsl(var(--err))}.sbs-strength__label--s2{color:hsl(var(--fg))}.sbs-strength__label--s3{color:hsl(var(--ok))}.sbs-signup__pwhint{margin-top:6px;font:400 11px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-signup__taken{margin-top:6px;display:flex;align-items:flex-start;gap:7px;font:400 11px/1.45 var(--font-ui);color:hsl(var(--err))}.sbs-signup__takenlink{text-decoration:underline;font-weight:600;color:hsl(var(--err))}.sbs-agree{margin-top:12px;display:flex;align-items:flex-start;gap:10px;background:none;border:0;padding:0;text-align:start;cursor:pointer;color:inherit}.sbs-agree__box{width:20px;height:20px;border-radius:6px;border:1.5px solid hsl(var(--line));display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:1px;box-sizing:border-box}.sbs-agree__box--on{background:hsl(var(--fg));border-color:hsl(var(--fg))}.sbs-agree__text{font:400 11.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-agree__link{text-decoration:underline;color:hsl(var(--fg))}.sbs-authstate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;text-align:center}.sbs-authstate__icon{width:74px;height:74px;border-radius:999px;border:1.5px solid hsl(var(--line));background:hsl(var(--card));display:flex;align-items:center;justify-content:center;color:hsl(var(--fg))}.sbs-authstate__icon--ok{border:0;background:hsl(var(--ok) / .14)}.sbs-authstate__icon--dashed{border:1.5px dashed hsl(var(--mfg) / .5);background:none;color:hsl(var(--mfg))}.sbs-authstate__title{margin-top:20px;font:600 24px/1.2 var(--font-serif)}.sbs-authstate__body{margin-top:8px;font:400 12.5px/1.6 var(--font-ui);color:hsl(var(--mfg));max-width:270px}.sbs-authstate__mono{font:600 13px var(--font-mono);color:hsl(var(--fg))}.sbs-authstate__resend{margin-top:18px;font:400 12px var(--font-ui);color:hsl(var(--mfg))}.sbs-authstate__resendwait{font-weight:600}.sbs-authstate__resendbtn{font:600 12px var(--font-ui);color:hsl(var(--fg));text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:4px;cursor:pointer}.sbs-authghost{display:block;width:100%;margin-top:10px;text-align:center;padding:10px 0 max(16px,env(safe-area-inset-bottom));font:600 13px var(--font-ui);color:hsl(var(--mfg));background:none;border:0;cursor:pointer}.sbs-reset__repeat{position:relative}.sbs-reset__match{position:absolute;inset-inline-end:44px;top:37px}.sbs-set{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui)}.sbs-set__top{padding:max(60px,env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;gap:10px}.sbs-set__title{flex:1;text-align:center;font:600 19px var(--font-serif)}.sbs-set__body{flex:1;padding:4px 20px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.sbs-set__label{font:600 8.5px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--mfg));padding:14px 0 6px}.sbs-set__segwrap{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid hsl(var(--line));border-radius:9px;overflow:hidden;background:hsl(var(--card))}.sbs-set__seg{height:40px;display:inline-flex;align-items:center;justify-content:center;font:600 11.5px var(--font-ui);color:hsl(var(--mfg));background:none;border:0;cursor:pointer}.sbs-set__seg+.sbs-set__seg{border-inline-start:1px solid hsl(var(--line))}.sbs-set__seg--on{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-set__note{margin-top:5px;font:400 10px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-set__row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 2px;border:0;border-bottom:1px solid hsl(var(--line));min-height:44px;box-sizing:border-box;background:none;color:hsl(var(--fg));text-align:start;cursor:pointer;font:500 13px var(--font-ui)}.sbs-set__row--static{cursor:default}.sbs-set__rowtitle{font:500 13px var(--font-ui)}.sbs-set__rowtitle--dim{color:hsl(var(--mfg))}.sbs-set__rowtitle--err{color:hsl(var(--err));font-weight:600}.sbs-set__row--danger{margin-top:10px;border-top:1px solid hsl(var(--err) / .4);border-bottom:1px solid hsl(var(--err) / .4)}.sbs-set__rowmeta{display:inline-flex;align-items:center;gap:8px;font:400 11px var(--font-ui);color:hsl(var(--mfg));text-align:end;min-width:0}.sbs-set__rowmeta--strong{font:600 12px var(--font-ui)}.sbs-set__chev{flex:none;color:hsl(var(--mfg))}[dir=rtl] .sbs-set__chev{transform:scaleX(-1)}.sbs-set__mono{font:500 11.5px var(--font-mono)}.sbs-set__signout{display:block;width:100%;padding:16px 2px 24px;min-height:44px;text-align:center;font:600 13.5px var(--font-ui);color:hsl(var(--err));background:none;border:0;cursor:pointer}.sbs-set__langs{padding-bottom:max(12px,env(safe-area-inset-bottom))}.sbs-del__body{padding:14px 22px 0}.sbs-del__h{font:600 22px/1.2 var(--font-serif)}.sbs-del__sub{margin:7px 0 0;font:400 12.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-del__mono{font:700 12px var(--font-mono);color:hsl(var(--fg))}.sbs-del__items{margin-top:12px}.sbs-del__item{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid hsl(var(--line));font:500 12.5px var(--font-ui)}.sbs-del__item:last-child{border-bottom:1px solid hsl(var(--line))}.sbs-del__num{font:600 9.5px var(--font-mono);color:hsl(var(--err))}.sbs-del__warn{margin-top:14px;border:1.5px solid hsl(var(--err) / .5);border-radius:10px;padding:12px 14px}.sbs-del__warnhead{font:700 9px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--err))}.sbs-del__warnbody{margin-top:6px;font:400 11.5px/1.55 var(--font-ui)}.sbs-del__break{margin-top:14px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));padding:12px 14px;display:flex;align-items:center;gap:12px}.sbs-del__breaktext{flex:1;font:400 11.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-del__input{margin-top:14px;width:100%;height:52px;border:1.5px solid hsl(var(--err));border-radius:9px;background:hsl(var(--card));color:hsl(var(--fg));padding:0 16px;font:600 17px var(--font-mono);letter-spacing:.2em;box-sizing:border-box}.sbs-del__input:focus-visible{outline:2px solid hsl(var(--err) / .4);outline-offset:2px}.sbs-del__cta{width:100%;height:50px;border-radius:9px;border:0;background:hsl(var(--err));color:hsl(var(--bg));font:700 14px var(--font-ui);cursor:pointer}.sbs-del__cta:disabled{background:hsl(var(--muted));color:hsl(var(--mfg));cursor:default}.sbs-update__still{margin-top:14px;font:600 11.5px/1.5 var(--font-ui);color:hsl(var(--hl));max-width:280px}.sbs-update__later{font:600 11.5px var(--font-ui);color:hsl(var(--mfg));background:none;border:0;padding:8px 4px;cursor:pointer;flex:none}.sbs-netbar{position:fixed;top:max(54px,env(safe-area-inset-top));inset-inline:16px;z-index:70}.sbs-nettoast{position:fixed;inset-inline:0;bottom:0;height:100px;z-index:70;pointer-events:none}.sbs-nettoast .sb-toast{pointer-events:auto}.sbs-2fa__cells{padding:20px 20px 0;display:flex;gap:8px;justify-content:center;background:none;border:0;width:100%;cursor:text}.sbs-2fa__cells--shake{animation:ttshake .35s ease-in-out}@keyframes ttshake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.sbs-2fa__cells--shake{animation:none}}.sbs-2fa__cell{width:46px;height:54px;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));display:inline-flex;align-items:center;justify-content:center;font:600 21px var(--font-mono);color:hsl(var(--fg))}.sbs-2fa__cell--idle{background:hsl(var(--muted) / .5)}.sbs-2fa__cell--focus{border:1.5px solid hsl(var(--pri));box-shadow:0 0 0 2px hsl(var(--pri) / .15);color:hsl(var(--pri))}.sbs-2fa__cell--err{border:1.5px solid hsl(var(--err))}.sbs-2fa__input{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.sbs-2fa__err{padding:10px 20px 0;display:flex;justify-content:center;gap:7px;font:400 11.5px/1.45 var(--font-ui);color:hsl(var(--err))}.sbs-2fa__trust{margin:16px 20px 0}.sbs-2fa__lost{padding:14px 20px 0;text-align:center;width:100%;font:600 12px var(--font-ui);color:hsl(var(--pri));background:none;border:0;cursor:pointer}.sbs-load__gethelp{display:block;width:100%;margin-top:10px;text-align:center;padding:10px 0;font:600 13px var(--font-ui);color:hsl(var(--fg));text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}.sbs-lic__intro{margin:10px 0 4px;font:400 12.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-lic__note{margin:16px 0 4px;padding-top:14px;border-top:1px solid hsl(var(--line));font:400 12.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-lic__item{padding:12px 0;border-bottom:1px solid hsl(var(--line))}.sbs-lic__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sbs-lic__name{font:600 13.5px var(--font-ui);min-width:0}.sbs-lic__badge{font:700 8.5px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));border:1px solid hsl(var(--line));border-radius:999px;padding:3px 8px;flex:none}.sbs-lic__desc{margin-top:4px;font:400 11.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-lic__link{margin-top:6px;padding:6px 0;font:600 11.5px var(--font-ui);color:hsl(var(--fg));text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}.sbs-prof__head{padding:14px 20px 0;display:flex;align-items:center;gap:14px}.sbs-prof__plan{margin:14px 20px 0;border:1px solid hsl(var(--line));border-radius:12px;background:hsl(var(--card));padding:14px 16px}.sbs-prof__plan--paid{border:1.5px solid hsl(var(--fg))}.sbs-prof__planhead{display:flex;align-items:center;gap:9px}.sbs-prof__planname{font:800 15px var(--font-ui)}.sbs-prof__plantag{margin-inline-start:auto;font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-prof__planbadge{margin-inline-start:auto;background:hsl(var(--ok) / .14);color:hsl(var(--ok));border-radius:999px;padding:4px 10px;font:700 8.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.sbs-prof__planbadge--trial{background:hsl(var(--hl) / .16);color:hsl(var(--hl))}.sbs-prof__planbody{margin-top:6px;font:400 11.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-prof__planleft{margin-top:9px;font:600 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--fg))}.sbs-prof__gofurther{margin-top:10px;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid hsl(var(--line));background:none;padding:9px 2px 0;font:600 11.5px var(--font-ui);color:hsl(var(--fg));cursor:pointer}.sbs-prof__planmeta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid hsl(var(--line));padding-top:9px;font:400 11.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-prof__channel{display:inline-flex;align-items:center;gap:7px;font:600 11.5px var(--font-ui);color:hsl(var(--fg))}.sbs-prof__channel--btn{background:none;border:0;padding:6px 0;cursor:pointer}.sbs-prof__credits{margin:12px 20px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));padding:13px 2px}.sbs-prof__creditsval{font:600 12px var(--font-mono);color:hsl(var(--mfg));text-align:end}.sbs-prof__creditsend{display:inline-flex;align-items:center;gap:6px;min-width:0}.sbs-prof__creditsend svg{flex:0 0 auto}.sbs-prof__credits--song{display:block}.sbs-prof__credits--btn{width:calc(100% - 40px);background:none;border-inline:0;text-align:start;cursor:pointer;font:inherit;color:inherit}.sbs-prof__creditsrow{display:flex;align-items:center;justify-content:space-between}.sbs-prof__creditsub{margin-top:4px;font:500 10.5px var(--font-mono);color:hsl(var(--mfg) / .75);text-align:end}.sb-avatar{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:hsl(var(--fg));color:hsl(var(--bg));font-family:var(--font-serif);font-style:italic;font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sb-avatar--circle{border-radius:999px}.sb-avatar--rounded{border-radius:22%}.sb-avatar__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.25) translateY(2px)}.sb-avatar__initial{display:block}.sbs-prof__name{font:600 19px var(--font-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbs-prof__email{margin-top:2px;font:500 11px var(--font-mono);color:hsl(var(--mfg))}.sbs-prof__list{padding:14px 20px 0;flex:1;min-height:0}.sbs-prof__listhead{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:5px}.sbs-prof__eyebrow{font:600 8.5px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-prof__seeall{font:600 8.5px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--acc));background:none;border:0;padding:4px 0;cursor:pointer}.sbs-prof__row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 0;border:0;border-top:1px solid hsl(var(--line));background:none;color:hsl(var(--fg));text-align:start;cursor:pointer}.sbs-prof__song{display:block;font:italic 600 14.5px/1.25 var(--font-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbs-prof__when{display:block;margin-top:1px;font:400 10px var(--font-ui);color:hsl(var(--mfg))}.sbs-prof__meta{font:500 10.5px var(--font-mono);color:hsl(var(--mfg));flex:none}.sbs-prof__empty{padding:12px 0;border-top:1px solid hsl(var(--line));font:400 11.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-prof__foot{padding:0 20px max(24px,env(safe-area-inset-bottom))}.sbs-prof__foot .sbs-set__row{border-bottom:0;border-top:1px solid hsl(var(--line))}.sbs-prof__signout{display:block;width:100%;border-top:1px solid hsl(var(--line));padding:13px 2px;min-height:44px;text-align:center;font:600 13px var(--font-ui);color:hsl(var(--err));background:none;border-left:0;border-right:0;border-bottom:0;cursor:pointer}.sbs-home{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui)}.sbs-home__bar{padding:max(62px,env(safe-area-inset-top)) 20px 12px;display:flex;align-items:center;justify-content:space-between}.sbs-home__brand{font:600 12px var(--font-mono);letter-spacing:.24em;display:inline-flex;align-items:center;gap:10px;min-width:0}.sbs-home__model{flex:none;font:600 9px var(--font-mono);letter-spacing:.08em;color:hsl(var(--hl));border:1px solid hsl(var(--hl) / .45);border-radius:999px;padding:3px 8px;background:hsl(var(--hl) / .08);white-space:nowrap;cursor:pointer}.sbs-home__nav{display:flex;gap:8px;align-items:center}.sbs-home__navbtn{width:38px;height:38px;border-radius:9px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;cursor:pointer}.sbs-home__avatarbtn{padding:0;border:0;background:none;cursor:pointer;border-radius:999px;flex:none;line-height:0}.sbs-home__rule{height:1px;background:hsl(var(--line));margin:0 20px}.sbs-home__head{padding:20px 20px 4px}.sbs-home__eyebrow{font:600 9.5px var(--font-mono);letter-spacing:.22em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-home__title{margin:9px 0 0;font:600 30px/1.12 var(--font-serif);letter-spacing:-.015em}.sbs-home__entries{margin-top:16px}.sbs-home__entry{width:100%;display:flex;gap:16px;align-items:center;padding:16px 20px;border:0;border-top:1px solid hsl(var(--line));background:none;color:hsl(var(--fg));text-align:start;cursor:pointer}.sbs-home__entry:last-child{border-bottom:1px solid hsl(var(--line))}.sbs-home__entry--glyph{padding-block:14px}.sbs-home__num{font:500 19px var(--font-mono);color:hsl(var(--acc))}.sbs-home__etitle{font:700 16.5px var(--font-ui);letter-spacing:-.01em}.sbs-home__esub{margin-top:2px;font:400 11.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-home__chev{width:34px;height:34px;border-radius:9px;border:1px solid hsl(var(--line));display:flex;align-items:center;justify-content:center;flex:none}.sbs-home__list{flex:1;min-height:0;padding:18px 20px 0}.sbs-home__listhead{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:6px}.sbs-home__row{width:100%;display:flex;align-items:center;gap:12px;padding:11px 0;border:0;border-top:1px solid hsl(var(--line));background:none;color:hsl(var(--fg));text-align:start;cursor:pointer}.sbs-home__row:last-of-type{border-bottom:1px solid hsl(var(--line))}.sbs-home__song{font:italic 600 16px/1.25 var(--font-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sbs-home__ago{margin-top:2px;font:400 10.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-home__meta{font:500 11px var(--font-mono);color:hsl(var(--mfg));flex:none}.sbs-home__value{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid hsl(var(--line))}.sbs-home__value:last-of-type{border-bottom:1px solid hsl(var(--line))}.sbs-home__vtitle{font:600 13.5px var(--font-ui)}.sbs-home__vsub{margin-top:1px;font:400 11px var(--font-ui);color:hsl(var(--mfg))}.sbs-home__hint{padding:14px 2px 0;font:italic 500 13px/1.5 var(--font-serif);color:hsl(var(--mfg))}.sbs-home__foot{padding:0 20px max(30px,env(safe-area-inset-bottom))}.sbs-load{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui)}.sbs-load__bar{padding:max(18px,env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;gap:10px}.sbs-load__title{flex:1;text-align:center;font:600 19px var(--font-serif)}.sbs-load__balance{width:38px;height:38px;flex:none}.sbs-load__namebtn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;padding:4px 6px;color:inherit;cursor:pointer}.sbs-load__namebtn .sbs-load__title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbs-load__nameedit{flex:none;color:hsl(var(--hl))}.sbs-load__namebtn--empty .sbs-load__title{color:hsl(var(--mfg));font-style:italic}.sbs-load__drop{margin:8px 16px 0;border:1.5px dashed hsl(var(--mfg) / .5);border-radius:10px;background:hsl(var(--card));padding:26px 18px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}.sbs-load__dropicon{width:46px;height:46px;border-radius:999px;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center}.sbs-load__droptitle{margin-top:12px;font:700 15.5px var(--font-ui)}.sbs-load__dropsub{margin-top:4px;font:400 11.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-load__dropcta{margin-top:14px;width:100%}.sbs-load__formats{margin:14px 16px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sbs-load__formats--rules{margin:16px 22px 0;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));padding:11px 2px}.sbs-load__wlabel{font:600 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg))}.sbs-load__fmt{padding:5px 9px;border:1px solid hsl(var(--line));border-radius:999px;font:600 9.5px var(--font-mono)}.sbs-load__tip{margin:12px 16px 0;border:1px solid hsl(var(--line));border-radius:8px;padding:10px 12px;display:flex;align-items:flex-start;gap:10px}.sbs-load__tiplabel{font:700 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--acc));margin-top:2px}.sbs-load__tiptext{flex:1;font:400 11px/1.5 var(--font-ui)}.sbs-load__filechip{display:flex;justify-content:center;padding:12px 16px 0}.sbs-load__filechip span{padding:6px 12px;border:1px solid hsl(var(--line));border-radius:999px;font:500 10.5px var(--font-mono);color:hsl(var(--mfg))}.sbs-load__filechip--dead span{text-decoration:line-through}.sbs-load__progress{margin:20px 20px 0}.sbs-load__ptrack{height:3px;background:hsl(var(--muted));border-radius:999px;overflow:hidden}.sbs-load__pfill{display:block;height:100%;background:hsl(var(--hl));animation:sbsload 1.2s ease-in-out infinite alternate}@keyframes sbsload{0%{width:20%}to{width:80%}}@media(prefers-reduced-motion:reduce){.sbs-load__pfill{animation:none;width:50%}}.sbs-load__plabel{display:flex;justify-content:space-between;margin-top:8px;font:500 10.5px var(--font-mono);color:hsl(var(--mfg));letter-spacing:.04em;text-transform:uppercase}.sbs-load__steps{margin:16px 20px 0}.sbs-load__step{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid hsl(var(--line));font:400 12.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-load__step:last-of-type{border-bottom:1px solid hsl(var(--line))}.sbs-load__step--pending{opacity:.45}.sbs-load__step--now{font:italic 600 14px var(--font-serif);color:hsl(var(--fg))}.sbs-load__tick{width:17px;height:17px;border-radius:999px;background:hsl(var(--ok) / .14);display:inline-flex;align-items:center;justify-content:center;flex:none}.sbs-load__ring{width:17px;height:17px;border-radius:999px;border:2px solid hsl(var(--hl));flex:none;box-sizing:border-box}.sbs-load__ring--off{border:1.5px solid hsl(var(--line))}.sbs-load__note{padding:10px 2px 0;font:400 10.5px/1.5 var(--font-ui);color:hsl(var(--mfg));margin:0 20px}.sbs-load__ready{padding:22px 22px 0}.sbs-load__readyrow{display:flex;align-items:center;gap:8px}.sbs-load__okdot{width:8px;height:8px;border-radius:999px;background:hsl(var(--ok))}.sbs-load__readylabel{font:600 9.5px var(--font-mono);letter-spacing:.2em;color:hsl(var(--ok))}.sbs-load__song{margin-top:10px;font:italic 600 27px/1.15 var(--font-serif)}.sbs-load__artist{margin-top:5px;font:400 12px var(--font-ui);color:hsl(var(--mfg))}.sbs-load__chips{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.sbs-load__chip{height:30px;padding:0 11px;border:1px solid hsl(var(--line));border-radius:999px;display:inline-flex;align-items:center;font:600 10px var(--font-mono);text-transform:uppercase}.sbs-load__next{margin:18px 22px 0;border-top:1px solid hsl(var(--line));padding-top:12px;font:400 12px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-load__errhead{padding:20px 22px 0}.sbs-load__erreyebrow{font:600 9.5px var(--font-mono);letter-spacing:.2em;color:hsl(var(--err));text-transform:uppercase}.sbs-load__errtitle{margin-top:10px;font:600 22px/1.2 var(--font-serif)}.sbs-load__errbody{margin-top:8px;font:400 12.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-load__spacer{flex:1}.sbs-load__foot{padding:0 16px max(26px,env(safe-area-inset-bottom))}.sbs-load__foot .sb-btn+.sb-btn{margin-top:8px}.sbs-write{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui);overflow-x:clip}.sbs-write__card{margin:6px 16px 0;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--bg))}.sbs-write__card--live{border-color:hsl(var(--hl));box-shadow:0 0 0 3px hsl(var(--hl) / .12)}.sbs-write__cardhead{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px 0}.sbs-write__eyebrow{font:600 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-entrykeep__btn{margin-inline-start:6px;background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:hsl(var(--hl));text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sbs-entryreset__btn{display:block;width:100%;margin-top:12px;background:none;border:none;padding:4px 0;font:500 11.5px var(--font-mono);letter-spacing:.04em;color:hsl(var(--mfg));text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sbs-chordshint{margin:8px 18px 0;padding:8px 13px;border-radius:11px;background:hsl(var(--ok) / .12);border:1px solid hsl(var(--ok) / .4);color:hsl(var(--ok));font:600 9px/1.5 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;overflow:hidden;max-height:96px;transition:opacity .4s ease,max-height .4s ease,margin .4s ease,padding .4s ease,border-width .4s ease}.sbs-chordshint--leaving{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0}.sbs-write__count{font:500 9px var(--font-mono);letter-spacing:.08em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-write__empty{height:64px;display:flex;align-items:center;justify-content:center;font:italic 500 13px var(--font-serif);color:hsl(var(--mfg))}.sbs-write__headright{display:inline-flex;align-items:center;gap:8px}.sbs-write__cardtoggle{width:24px;height:24px;margin:-3px -4px -3px 0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:none;color:hsl(var(--mfg));cursor:pointer}.sbs-write__cardtoggle svg{transition:transform .22s ease}.sbs-write--overview .sbs-write__cardtoggle svg{transform:rotate(180deg)}.sbs-write__staffbody{display:flex;flex-direction:column;justify-content:center;overflow:hidden;max-height:220px;transition:max-height .24s ease}.sbs-write--input .sbs-write__staffbody{max-height:144px}.sbs-write__slotlabel{font:600 8px var(--font-mono);letter-spacing:.16em;color:hsl(var(--mfg));text-transform:uppercase;opacity:.7}.sbs-write__warn{display:flex;align-items:center;gap:5px;padding:3px 2px 0;font:600 9px var(--font-mono);letter-spacing:.06em;color:hsl(var(--fx-cursor))}.sbs-ribbon__invbadge{position:absolute;z-index:30;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:1.5px solid hsl(var(--fx-cursor));border-radius:999px;background:hsl(var(--card));color:hsl(var(--fx-cursor));font:800 12px var(--font-mono);line-height:1;cursor:pointer;pointer-events:auto}.sbs-write__staffseg{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 12px 0;min-height:26px}.sbs-write__staffmodes{display:inline-flex;gap:2px;padding:2px;border:1px solid hsl(var(--line));border-radius:8px}.sbs-write__staffmode{border:0;border-radius:6px;background:none;padding:4px 9px;color:hsl(var(--mfg));font:600 10px var(--font-mono);letter-spacing:.04em;cursor:pointer}.sbs-write__staffmode--on{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-write__handtog{display:inline-flex;gap:2px;padding:2px;border:1px solid hsl(var(--line));border-radius:8px}.sbs-write__hand{border:0;border-radius:6px;background:none;padding:4px 8px;color:hsl(var(--mfg));font:700 10px var(--font-mono);cursor:pointer}.sbs-write__hand--on{background:hsl(var(--hl, var(--fg)));color:hsl(var(--bg))}.sbs-write__palette{width:calc(100% - 32px);margin:0 16px 4px;padding:0 4px;display:flex;flex-direction:column;gap:2px;border:0;background:none;overflow:hidden;transition:opacity .24s ease}.sbs-write__prow{display:flex;align-items:center;justify-content:space-between;gap:3px}.sbs-write__palette--compact{padding:2px 12px;opacity:.6}.sbs-write__ppreview{font:600 10px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-write__pbtn{position:relative;flex:1;min-width:0;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:none;color:hsl(var(--fg));font:600 12px var(--font-mono);cursor:pointer}.sbs-write__pbtn:before{content:"";position:absolute;top:-5px;right:0;bottom:-5px;left:0}.sbs-write__pbtn:disabled{opacity:.3;cursor:default}.sbs-write__pbtn--on{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-write__pbtn--tuplet{gap:3px;font-size:14px}.sbs-write__pbtn--series{outline:1.5px solid hsl(var(--hl, var(--fg)));outline-offset:-1.5px;animation:sbs-tuplet-pulse 1.1s ease-in-out infinite}@keyframes sbs-tuplet-pulse{0%,to{outline-color:hsl(var(--hl, var(--fg)) / .4)}50%{outline-color:hsl(var(--hl, var(--fg)))}}@media(prefers-reduced-motion:reduce){.sbs-write__pbtn--series{animation:none}}.sbs-write__tupcount{font:700 8.5px var(--font-mono);letter-spacing:0}.sbs-write__pbtn--lp:after{content:"";position:absolute;top:3px;right:3px;width:0;height:0;border-top:4px solid hsl(var(--mfg));border-left:4px solid transparent;opacity:.55}.sbs-write__pbtn--on.sbs-write__pbtn--lp:after{border-top-color:hsl(var(--bg))}.sbs-write__pdiv{width:1px;height:20px;flex:none;background:hsl(var(--line))}.sbs-write__toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:50;padding:8px 16px;border-radius:999px;background:hsl(var(--fg));color:hsl(var(--bg));font:500 12.5px var(--font-ui);box-shadow:0 4px 16px hsl(var(--fg) / .2);pointer-events:none}.sbs-write__keyrow{margin:12px 16px 0;width:calc(100% - 32px);display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));padding:11px 2px;background:none;color:hsl(var(--fg));cursor:pointer}.sbs-write__keyval{display:inline-flex;align-items:center;gap:8px}.sbs-write__keyname{font:italic 600 15.5px var(--font-serif)}.sbs-write__circle{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.sbs-write__circlebox{max-width:408px;margin-inline:auto}@media(min-width:768px){.sbs-write__circlebox{max-width:min(66.5vh,532px)}}.sbs-write__readout{position:relative;display:flex;align-items:center;justify-content:safe center;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:7px 16px 8px}.sbs-write__readout::-webkit-scrollbar{display:none}.sbs-write__readout>*{flex:0 0 auto}.sbs-write__rejectflash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;background:hsl(var(--fx-cursor) / .16);animation:sbs-reject-flash .26s ease-out forwards}@keyframes sbs-reject-flash{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sbs-write__rejectflash{animation:none;opacity:0}}.sbs-write__meterchip{display:inline-flex;align-items:center;gap:5px;border:1px solid hsl(var(--line));border-radius:999px;padding:3px 10px;background:none;color:hsl(var(--fg));cursor:pointer}.sbs-write__meterts{font:700 11px var(--font-mono)}.sbs-write__metergrp{font:600 8.5px var(--font-mono);color:hsl(var(--hl, var(--fg)))}.sbs-write__metertempo{font:500 9px var(--font-mono);color:hsl(var(--mfg));letter-spacing:.06em}.sbs-ts__presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.sbs-ts__preset{min-width:44px;border:1px solid hsl(var(--line));border-radius:8px;padding:7px 10px;background:none;color:hsl(var(--fg));font:600 12px var(--font-mono);cursor:pointer}.sbs-ts__preset--on{background:hsl(var(--fg));color:hsl(var(--bg));border-color:hsl(var(--fg))}.sbs-ts__custom{display:flex;align-items:center;gap:10px;margin-top:6px}.sbs-ts__stepper{display:inline-flex;align-items:center;gap:6px}.sbs-ts__stepper button{width:30px;height:30px;border:1px solid hsl(var(--line));border-radius:8px;background:none;color:hsl(var(--fg));font:600 16px var(--font-mono);cursor:pointer}.sbs-ts__numval{min-width:26px;text-align:center;font:700 16px var(--font-mono);color:hsl(var(--fg))}.sbs-ts__slash{font:600 16px var(--font-mono);color:hsl(var(--mfg))}.sbs-ts__dens,.sbs-ts__pickup,.sbs-ts__tempo{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sbs-ts__tempo,.sbs-ts__pickup{margin-top:6px}.sbs-ts__den{min-width:34px;border:1px solid hsl(var(--line));border-radius:8px;padding:6px 9px;background:none;color:hsl(var(--fg));font:600 12px var(--font-mono);cursor:pointer}.sbs-ts__den--on{background:hsl(var(--fg));color:hsl(var(--bg));border-color:hsl(var(--fg))}.sbs-ts__apply{display:flex;gap:8px;margin-top:12px}.sbs-ts__applybtn{flex:1;border:1px solid hsl(var(--fg));border-radius:10px;padding:10px;background:hsl(var(--fg));color:hsl(var(--bg));font:600 12.5px var(--font-ui);cursor:pointer}.sbs-ts__applybtn--alt{background:none;color:hsl(var(--fg))}.sbs-ts__note{margin-top:12px;font:italic 500 12px var(--font-serif);color:hsl(var(--mfg))}.sbs-ts__tap{border:1px solid hsl(var(--line));border-radius:8px;padding:6px 14px;background:none;color:hsl(var(--fg));font:600 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.sbs-ts__taphint{color:hsl(var(--hl, var(--fg)))}.sbs-write__readout span.sbs-write__ro{display:inline-flex;align-items:center;gap:7px;font:500 9.5px var(--font-mono);letter-spacing:.14em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-write__octshift{color:hsl(var(--fg));font-weight:700}.sbs-write__foot{border-top:1px solid hsl(var(--line));padding:9px 16px max(24px,env(safe-area-inset-bottom))}.sbs-write__hint{text-align:center;font:italic 500 11.5px var(--font-serif);color:hsl(var(--mfg));padding-bottom:8px}.sbs-write__ctas{display:flex;gap:10px;align-items:center}.sbs-write__round{width:52px;height:52px;border-radius:999px;border:0;display:flex;align-items:center;justify-content:center;background:hsl(var(--fg));color:hsl(var(--bg));cursor:pointer}.sbs-write__round--outline{background:transparent;color:hsl(var(--fg));border:1.5px solid hsl(var(--line))}.sbs-write__round:disabled{opacity:.35;cursor:default}.sbs-write__round--live{background:hsl(var(--hl));color:#241c06}.sbs-write__round--outline.sbs-write__round--armed{border-color:hsl(var(--fg))}.sbs-write__cta{flex:1;height:52px;font-size:14.5px}.sbs-write__sheethead{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between}.sbs-write__sheettitle{font:600 20px var(--font-serif)}.sbs-write__sheetsub{font:italic 500 12px var(--font-serif);color:hsl(var(--mfg))}.sbs-write__grid{margin-top:7px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.sbs-write__tonic{height:40px;border:1px solid hsl(var(--line));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:600 11px var(--font-mono);white-space:nowrap;background:none;color:hsl(var(--fg));cursor:pointer}.sbs-write__tonic--out{color:hsl(var(--mfg))}.sbs-write__tonic--on{border:0;background:hsl(var(--fg));color:hsl(var(--bg));font-weight:700}.sbs-write__scalerow{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 0;border:0;border-bottom:1px solid hsl(var(--line));background:none;font:500 13px var(--font-ui);color:hsl(var(--mfg));cursor:pointer}.sbs-write__scalerow--on{font-weight:600;color:hsl(var(--fg))}.sbs-write__radio{width:17px;height:17px;border-radius:999px;border:1.5px solid hsl(var(--line));box-sizing:border-box;flex:none}.sbs-write__radio--on{border:5px solid hsl(var(--fg))}.sbs-write__scaleback{width:100%;display:flex;align-items:center;padding:9px 0;border:0;border-bottom:1px solid hsl(var(--line));background:none;font:600 12.5px var(--font-ui);color:hsl(var(--fg));cursor:pointer;text-align:start}.sbs-result{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui);overflow-x:clip}.sbs-result__top{padding:max(60px,env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:10px}.sbs-result__title{flex:1;text-align:center;min-width:0}.sbs-result__songbtn{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:0;background:none;padding:0;color:inherit;cursor:pointer;vertical-align:middle}.sbs-result__songbtn:disabled{cursor:default}.sbs-result__songedit{flex:none;color:hsl(var(--hl))}.sbs-result__song{min-width:0;font:italic 600 16.5px var(--font-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbs-result__meta{margin-top:2px;font:500 9.5px var(--font-mono);letter-spacing:.14em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-result__share:disabled{opacity:.4;cursor:default}.sbs-result__harmony{border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));padding:7px 14px;display:flex;align-items:center;gap:8px}.sbs-result__hnav{width:28px;height:28px;border-radius:8px;border:0;background:none;display:flex;align-items:center;justify-content:center;color:hsl(var(--mfg));cursor:pointer}.sbs-result__hnav:disabled{opacity:.4;cursor:default}.sbs-result__hlabel{flex:1;text-align:center;font:600 10.5px var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.sbs-result__tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid hsl(var(--line))}.sbs-result__tabs::-webkit-scrollbar{display:none}.sbs-result__tab{flex:0 0 auto;padding:10px 20px;text-align:center;white-space:nowrap;font:600 10.5px var(--font-mono);letter-spacing:.14em;color:hsl(var(--mfg));border:0;background:none;cursor:pointer;text-transform:uppercase}.sbs-result__tab--on{color:hsl(var(--fg));box-shadow:inset 0 -2px hsl(var(--fg))}.sbs-result__tablock{display:inline-block;vertical-align:-1px;margin-inline-start:5px;color:hsl(var(--hl))}.sbs-result__body{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sbs-result__updating{position:sticky;top:8px;z-index:6;align-self:flex-end;height:26px;margin:0 18px -26px;display:flex;align-items:center;gap:8px;padding:0 11px;background:hsl(var(--bg) / .92);border:1px solid hsl(var(--hl) / .4);border-radius:999px;font:600 9.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--fg));pointer-events:none}.sbs-result__updating .sbs-zone__spin{width:11px;height:11px}.sbs-result__ttrack{height:3px;background:hsl(var(--muted))}.sbs-result__tfill{height:100%;width:0;background:hsl(var(--hl))}.sbs-result__transport{border-top:1px solid hsl(var(--line));padding:10px 20px max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;background:hsl(var(--bg))}.sbs-result__play{width:50px;height:50px;border-radius:999px;border:0;background:hsl(var(--fg));color:hsl(var(--bg));display:flex;align-items:center;justify-content:center;cursor:pointer}.sbs-gainwrap{position:relative;display:inline-flex;flex:none}.sbs-gainbtn{width:32px;height:32px;border-radius:999px;border:0;background:hsl(var(--fg));color:hsl(var(--bg));display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sbs-gainbtn--off{background:hsl(var(--card));color:hsl(var(--mut));border:1px solid hsl(var(--line))}.sbs-gainpop__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;border:0;background:transparent}.sbs-gainpop{position:absolute;bottom:calc(100% + 8px);left:0;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid hsl(var(--line));border-radius:12px;background:hsl(var(--card));box-shadow:0 6px 20px hsl(var(--fg) / .12)}.sbs-gainpop__range{width:132px;accent-color:hsl(var(--fg))}.sbs-gainpop__val{font:600 11px var(--font-ui);color:hsl(var(--mut));font-variant-numeric:tabular-nums;min-width:34px;text-align:end}.sbs-mixline{position:relative;min-width:0}.sbs-mixline__btn{position:absolute;left:4px;bottom:2px;z-index:6}.sbs-mixrow{position:relative;min-width:0;--sbs-mix-inset: 12px}.sbs-mixrow__melody{position:absolute;left:var(--sbs-mix-inset);bottom:78px;z-index:6}.sbs-mixrow__body{min-width:0}.sbs-mixunder{display:flex;--sbs-mix-inset: 12px;margin:2px var(--sbs-mix-inset) 0}.sbs-gainbtn{box-shadow:0 2px 8px hsl(var(--fg) / .18)}.sbs-vtrack--inset{margin:4px 12px 0}.sbs-result__tinfo{flex:1;display:flex;align-items:baseline;justify-content:space-between;font:500 11px var(--font-mono);color:hsl(var(--mfg))}.sbs-result__time{color:hsl(var(--fg));font-weight:600}.sbs-result__tfrom{color:hsl(var(--pri));font-weight:600}.sbs-result__cell{display:block;width:100%;border:0;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));background:hsl(var(--card));padding:0 2px;cursor:pointer;text-align:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}.sbs-result__cell--focus,.sbs-result__cell--edited{box-shadow:inset 0 0 0 1.5px hsl(var(--pri));background:hsl(var(--pri) / .05)}.sbs-result__cell--focus .sb-atom__label,.sbs-result__cell--edited .sb-atom__label{color:hsl(var(--pri));font-weight:600}.sbs-result__slotrow{display:flex;align-items:stretch;gap:2px;width:100%;height:100%}.sbs-result__slot{flex:2 1 0;min-width:0;display:flex;align-items:center;justify-content:center;border:0;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));background:hsl(var(--card));padding:0 1px;cursor:pointer;text-align:center;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sbs-result__slot--empty{border-top-style:dashed;border-bottom-style:dashed;flex:1 1 0}.sbs-result__slotnum{font:600 10px var(--font-mono);color:hsl(var(--mfg) / .55);line-height:1}.sbs-result__slot--focus,.sbs-result__slot--edited{box-shadow:inset 0 0 0 1.5px hsl(var(--pri));background:hsl(var(--pri) / .05)}.sbs-result__slot--drophover{box-shadow:inset 0 0 0 2px hsl(var(--hl));background:hsl(var(--hl) / .12);border-top-style:solid;border-bottom-style:solid}.sbs-pal__ghost{position:fixed;transform:translate(-50%,-140%);z-index:9999;pointer-events:none;padding:4px 10px;border-radius:8px;background:hsl(var(--fg));color:hsl(var(--bg));font:700 13px var(--font-mono);box-shadow:0 4px 14px #00000047;white-space:nowrap}.sbs-result__slot--focus .sb-atom__label,.sbs-result__slot--edited .sb-atom__label{color:hsl(var(--pri));font-weight:600}.sbs-lyr__slot{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;border:0;border-top:1px dashed hsl(var(--line));border-bottom:1px dashed hsl(var(--line));background:hsl(var(--card));padding:0 2px;cursor:pointer;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sbs-lyr__slot--filled{border-top-style:solid;border-bottom-style:solid}.sbs-lyr__slot--caret{box-shadow:inset 0 0 0 1.5px hsl(var(--pri));background:hsl(var(--pri) / .06)}.sbs-lyr__syl{font:600 12px var(--font-serif, Georgia, serif);color:hsl(var(--fg));line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbs-lyr__slot:not(.sbs-lyr__slot--filled) .sbs-lyr__syl{color:hsl(var(--mfg) / .5);font-weight:500}.sbs-lyr__panel{margin-top:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid hsl(var(--line));background:hsl(var(--card) / .5);display:flex;flex-direction:column;gap:8px}.sbs-lyr__head{display:flex;align-items:baseline;justify-content:space-between}.sbs-lyr__count{font:600 10px var(--font-mono);color:hsl(var(--mfg) / .7)}.sbs-lyr__verses{display:grid;gap:0;border:1px solid hsl(var(--line));border-radius:8px;overflow:hidden}.sbs-lyr__verse{border:0;border-inline-start:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--mfg));font:600 12px var(--font-mono);padding:8px 0;cursor:pointer}.sbs-lyr__verse:first-child{border-inline-start:0}.sbs-lyr__verse--on{background:hsl(var(--fg));color:hsl(var(--bg));font-weight:700}.sbs-lyr__row{display:flex;align-items:stretch;gap:8px}.sbs-lyr__nav{flex:none;width:40px;border:1px solid hsl(var(--line));border-radius:8px;background:hsl(var(--card));color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;cursor:pointer}.sbs-lyr__field{flex:1 1 auto;min-width:0;border:1px solid hsl(var(--line));border-radius:8px;background:hsl(var(--bg));color:hsl(var(--fg));font:600 15px var(--font-serif, Georgia, serif);padding:8px 12px;text-align:center}.sbs-lyr__field:focus{outline:2px solid hsl(var(--pri) / .4);outline-offset:-1px}.sbs-lyr__actions{display:flex;gap:8px}.sbs-lyr__act{flex:1 1 0;border:1px solid hsl(var(--line));border-radius:8px;background:hsl(var(--card));color:hsl(var(--fg));font:600 12px var(--font-mono);padding:8px 0;cursor:pointer}.sbs-lyr__done{flex:1 1 0;border:0;border-radius:8px;background:hsl(var(--pri));color:hsl(var(--pri-fg, var(--bg)));font:700 12px var(--font-mono);padding:8px 0;cursor:pointer}.sbs-detail{padding:10px 16px 4px}.sbs-detail__head{display:flex;align-items:center;justify-content:space-between}.sbs-detail__eyebrow{font:600 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-detail__close{width:32px;height:32px;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--mfg));cursor:pointer}.sbs-detail__row{display:flex;align-items:center;gap:12px}.sbs-detail__fn{display:flex;align-items:center;gap:6px;font:600 10px var(--font-mono);color:hsl(var(--mfg));text-transform:uppercase}.sbs-detail__symbol{margin-top:4px;font:600 25px var(--font-mono);letter-spacing:-.02em}.sbs-detail__listen{width:44px;height:44px;border-radius:999px;border:1.5px solid hsl(var(--fg));background:none;color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;flex:none}.sbs-detail__listen:disabled{opacity:.35}.sbs-detail__notes{margin-top:8px;display:flex;align-items:center;gap:7px;border-top:1px solid hsl(var(--line));padding-top:8px;flex-wrap:wrap}.sbs-detail__notechip{padding:3px 8px;border:1px solid hsl(var(--line));border-radius:999px;font:600 10px var(--font-mono)}.sbs-detail__bass{margin-inline-start:auto;font:600 8.5px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-detail__why{margin-top:7px;border:1px solid hsl(var(--line));border-radius:8px;padding:7px 11px;display:flex;align-items:flex-start;gap:9px;background:hsl(var(--card))}.sbs-detail__whylabel{font:700 8px var(--font-mono);letter-spacing:.16em;color:hsl(var(--acc));margin-top:2px}.sbs-detail__whytext{flex:1;font:400 10.5px/1.4 var(--font-ui)}.sbs-detail__seglabel{margin-top:9px;font:600 8px var(--font-mono);letter-spacing:.16em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-detail__seg{margin-top:5px;display:grid;border:1px solid hsl(var(--line));border-radius:9px;overflow:hidden;background:hsl(var(--card))}.sbs-detail__segbtn{height:40px;display:inline-flex;align-items:center;justify-content:center;font:600 10.5px var(--font-mono);color:hsl(var(--mfg));border:0;border-inline-start:1px solid hsl(var(--line));background:none;cursor:pointer;text-transform:uppercase}.sbs-detail__segbtn:first-child{border-inline-start:0}.sbs-detail__segbtn--on{background:hsl(var(--fg));color:hsl(var(--bg));font-weight:700}.sbs-pal{padding:10px 16px 4px}.sbs-pal__filter{margin-top:4px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid hsl(var(--line));border-radius:9px;overflow:hidden;background:hsl(var(--card))}.sbs-pal__fbtn{height:34px;display:inline-flex;align-items:center;justify-content:center;font:600 9.5px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg));border:0;border-inline-start:1px solid hsl(var(--line));background:none;cursor:pointer;text-transform:uppercase}.sbs-pal__fbtn:first-child{border-inline-start:0}.sbs-pal__fbtn--on{background:hsl(var(--fg));color:hsl(var(--bg));font-weight:700}.sbs-pal__grid{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sbs-pal__cand{border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));padding:8px 3px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}:root[data-skin=songbook]{--q-maj: 98 32% 33%;--q-min: 199 42% 37%;--q-dim: 34 62% 40%;--q-aug: 340 42% 46%;--q-out: 30 10% 52%}:root[data-skin=songbook][data-theme=afterhours]{--q-maj: 160 45% 50%;--q-min: 187 55% 55%;--q-dim: 41 68% 62%;--q-aug: 336 58% 66%;--q-out: 201 26% 58%}.sbs-pal__cand--tone{border-color:hsl(var(--q) / .4);background:hsl(var(--q) / .07);border-inline-start:4px solid hsl(var(--q))}.sbs-pal__cand--maj{--q: var(--q-maj)}.sbs-pal__cand--min{--q: var(--q-min)}.sbs-pal__cand--dim{--q: var(--q-dim)}.sbs-pal__cand--aug{--q: var(--q-aug)}.sbs-pal__cand--out{--q: var(--q-out)}.sbs-pal__cand--tone .sbs-pal__symbol{color:hsl(var(--q))}.sbs-pal__cand--current{border:1.5px solid hsl(var(--fg));background:hsl(var(--muted) / .6)}.sbs-pal__symbol{font:600 14px var(--font-mono);letter-spacing:-.02em}.sbs-pal__role{font:600 7px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-pal__tag{font:600 6.5px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg));border:1px solid hsl(var(--line));border-radius:4px;padding:2px 5px;text-transform:uppercase}.sbs-pal__tag--current{font-weight:700;color:hsl(var(--fg));border-color:hsl(var(--fg))}.sbs-pal__hint{margin-top:9px;font:italic 500 12px/1.45 var(--font-serif);color:hsl(var(--mfg))}.sbs-pal__empty{margin-top:12px;text-align:center;font:italic 500 12.5px var(--font-serif);color:hsl(var(--mfg))}.sbs-gen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px;text-align:center}.sbs-gen__star{display:block;animation:ttpulse 2.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sbs-gen__star{animation:none}}.sbs-gen__star--photo{animation:none;border-radius:50%}.sbs-gen__eyebrow{margin-top:26px;font:600 9.5px var(--font-mono);letter-spacing:.22em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-gen__stage{margin-top:12px;font:italic 600 24px/1.25 var(--font-serif)}.sbs-gen__dots{margin-top:18px;display:flex;gap:9px;align-items:center}.sbs-gen__dot{width:7px;height:7px;border-radius:999px;background:hsl(var(--line))}.sbs-gen__dot--done{background:hsl(var(--ok))}.sbs-gen__dot--now{width:11px;height:11px;background:hsl(var(--hl));box-shadow:0 0 0 4px hsl(var(--hl) / .2)}.sbs-gen__list{margin-top:22px;font:400 11.5px/1.7 var(--font-ui);color:hsl(var(--mfg))}.sbs-gen__list b{color:hsl(var(--fg));font-weight:600}.sbs-gen__ai{margin-top:20px;font:400 11px/1.5 var(--font-ui);color:hsl(var(--mfg));text-align:center}.sbs-gen__foot{padding:0 16px max(26px,env(safe-area-inset-bottom));width:100%}.sbs-result__barnav{margin:8px 16px 0;display:flex;align-items:center;justify-content:space-between}.sbs-result__barlabel{font:600 10px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-result__barbtns{display:inline-flex;gap:4px}.sbs-playcursor{position:absolute;top:4px;bottom:4px;left:0;width:2px;border-radius:1px;background:hsl(var(--fx-cursor));pointer-events:none;z-index:15;animation:sb-cursor-pulse 1.3s ease-in-out infinite;will-change:transform}.sbs-playcursor:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:999px;background:hsl(var(--fx-cursor))}@keyframes sb-cursor-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.sbs-playcursor{animation:none;transition:none}}.sbs-ghostslot{width:8px;height:8px;border-radius:50%;transform:translate(-50%);border:1.4px dashed hsl(var(--mfg));opacity:.6}.sbs-songs{display:flex;flex-direction:column;min-height:100dvh}.sbs-songs__list{flex:1;padding:8px 20px 0}.sbs-songs__count{font:600 9.5px var(--font-mono);letter-spacing:.22em;color:hsl(var(--mfg));padding:6px 0;text-transform:uppercase}.sbs-songs__item{display:flex;align-items:center;gap:6px;border-top:1px solid hsl(var(--line))}.sbs-songs__row{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px 0;border:0;background:none;color:hsl(var(--fg));text-align:start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sbs-songs__heart{flex:none;display:inline-flex;align-items:center;gap:3px;padding:8px 4px;min-height:44px;border:0;background:none;color:hsl(var(--mfg) / .7);cursor:pointer}.sbs-songs__heart--on{color:hsl(var(--err))}.sbs-songs__favcount{font:500 10.5px var(--font-mono)}.sbs-songs__chev{flex:none;display:inline-flex;align-items:center;padding:0 4px}.sbs-songs__badge{margin-inline-start:8px;font:500 10px var(--font-ui);color:hsl(var(--mfg));white-space:nowrap}.sbs-vis__opts{display:flex;flex-direction:column;gap:8px}.sbs-vis__opt{display:flex;align-items:flex-start;gap:11px;width:100%;padding:12px 13px;border:1px solid hsl(var(--line));border-radius:11px;background:hsl(var(--card));color:hsl(var(--fg));text-align:start;cursor:pointer}.sbs-vis__opt[aria-checked=true]{border-color:hsl(var(--fg))}.sbs-vis__radio{flex:none;width:18px;height:18px;margin-top:1px;border:1.6px solid hsl(var(--mfg));border-radius:999px;position:relative}.sbs-vis__radio--on{border-color:hsl(var(--fg))}.sbs-vis__radio--on:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:hsl(var(--fg))}.sbs-vis__optbody{display:flex;flex-direction:column;gap:2px;min-width:0}.sbs-vis__optname{font:600 13.5px var(--font-ui)}.sbs-vis__optdesc{font:400 11px/1.45 var(--font-ui);color:hsl(var(--mfg))}.sbs-vis__note{margin:10px 0 0;padding:9px 11px;border-radius:9px;background:hsl(var(--line) / .5);font:400 11px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-vis__rules{margin:2px 0 12px;font:400 12.5px/1.6 var(--font-ui);color:hsl(var(--fg))}.sbs-vis__links{display:flex;gap:18px;margin-bottom:4px}.sbs-vis__links a{font:500 12px var(--font-ui);color:hsl(var(--acc));text-decoration:underline}.sbs-lib__filters{padding:4px 20px 2px}.sbs-lib__search{width:100%;margin-top:10px;padding:9px 12px;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));color:hsl(var(--fg));font:400 13px var(--font-ui)}.sbs-lib__search::-moz-placeholder{color:hsl(var(--mfg))}.sbs-lib__search::placeholder{color:hsl(var(--mfg))}.sbs-lib__trashhint{margin-top:8px;font:400 10.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-songs__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:italic 600 15.5px/1.25 var(--font-serif)}.sbs-songs__when{display:block;margin-top:2px;font:400 10.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-songs__meta{font:500 10.5px var(--font-mono);color:hsl(var(--mfg));flex:none}.sbs-songs__hint{border-top:1px solid hsl(var(--line));padding:8px 0 20px;font:400 10px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-songs__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 32px}.sbs-songs__etitle{margin-top:22px;font:600 22px/1.2 var(--font-serif)}.sbs-songs__ebody{margin-top:8px;font:400 12.5px/1.6 var(--font-ui);color:hsl(var(--mfg));max-width:260px}.sbs-songs__ectas{display:flex;flex-direction:column;gap:8px;padding:0 20px 26px}.sbs-songs__sheettitle{font:600 18px var(--font-serif)}.sbs-songs__sheetbtns{display:flex;flex-direction:column;gap:9px;margin-top:12px}.sbs-songs__sheetbtns--row{flex-direction:row}.sbs-songs__sheetbtns--row>*{flex:1}.sbs-songs__deletebtn{color:hsl(var(--err));border-color:hsl(var(--err) / .5)}.sbs-songs__fieldlabel{margin-top:10px;font:600 8px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-songs__input{margin-top:5px;width:100%;height:48px;border:1.5px solid hsl(var(--hl));border-radius:9px;background:hsl(var(--bg));padding:0 14px;font:italic 600 15px var(--font-serif);color:hsl(var(--fg));box-shadow:0 0 0 2px hsl(var(--hl) / .15);outline:none}.sbs-songs__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:hsl(var(--scrim) / .5);display:flex;align-items:center;justify-content:center;padding:0 32px}.sbs-songs__confirm{background:hsl(var(--card));border:1px solid hsl(var(--line));border-radius:14px;padding:20px;width:100%;max-width:420px;box-shadow:0 20px 50px hsl(var(--scrim) / .4)}.sbs-songs__confirmbody{margin-top:7px;font:400 12px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-home__seeall{border:0;background:none;padding:0;font:600 9.5px var(--font-mono);letter-spacing:.22em;color:hsl(var(--mfg));text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sbs-part__controls{margin:8px 16px 0;display:flex;gap:8px}.sbs-part__controls--dim{opacity:.45;pointer-events:none}.sbs-part__ctl{flex:1;min-width:0}.sbs-part__ctl--wide{flex:1.4}.sbs-part__ctlabel{font:600 7.5px var(--font-mono);letter-spacing:.16em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-part__seg{margin-top:4px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid hsl(var(--line));border-radius:8px;overflow:hidden;background:hsl(var(--card))}.sbs-part__segbtn{height:36px;display:inline-flex;align-items:center;justify-content:center;font:600 8.5px var(--font-mono);letter-spacing:.06em;color:hsl(var(--mfg));border:0;border-inline-start:1px solid hsl(var(--line));background:none;cursor:pointer;text-transform:uppercase;padding:0 2px;min-width:0}.sbs-part__segbtn:first-child{border-inline-start:0}.sbs-part__segbtn--on{background:hsl(var(--fg));color:hsl(var(--bg));font-weight:700}.sbs-zone{margin-top:10px;border-top:2px solid hsl(var(--fg));background:hsl(var(--card) / .55);padding:10px 16px}:root[data-theme=afterhours] .sbs-zone{border-top-color:hsl(var(--acc))}.sbs-zone__head{display:flex;align-items:center;justify-content:space-between}.sbs-zone__title{font:600 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-zone__title--err{color:hsl(var(--err))}.sbs-zone__tap{font:600 8px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-zone__legend{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.sbs-zone__lg{display:inline-flex;align-items:center;gap:5px;border:1px solid hsl(var(--line));border-radius:999px;padding:4px 9px 4px 5px;font:600 8px var(--font-mono);letter-spacing:.08em;color:hsl(var(--mfg));background:hsl(var(--card));text-transform:uppercase}.sbs-zone__italic{margin-top:9px;font:italic 500 12px/1.5 var(--font-serif);color:hsl(var(--mfg))}.sbs-zone__noterow{display:flex;align-items:center;gap:12px;margin-top:2px}.sbs-zone__notemain{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.sbs-zone__notename{font:600 25px var(--font-mono);letter-spacing:-.02em}.sbs-zone__rolelabel{font:600 10px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-zone__rw{background:hsl(var(--hl) / .12);border:1px solid hsl(var(--hl) / .4);border-radius:9px;padding:8px 12px;display:flex;align-items:center;gap:10px}.sbs-zone__spin{width:14px;height:14px;border-radius:999px;border:2px solid hsl(var(--hl) / .3);border-top-color:hsl(var(--hl));animation:sb-spin .9s linear infinite;flex:none}@keyframes sb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sbs-zone__spin{animation:none}}.sbs-zone__rwlabel{flex:1;font:600 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.sbs-zone__rwcancel{border:0;background:none;font:600 12px var(--font-ui);color:hsl(var(--mfg));padding:6px 4px;cursor:pointer}.sbs-zone__note{margin-top:9px;font:400 11px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-zone__errtitle{margin-top:6px;font:600 17px/1.25 var(--font-serif)}.sbs-zone__errbody{margin-top:5px;font:400 11.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-zone__errbtns{margin-top:10px;display:flex;gap:9px}.sbs-zone__errbtn{flex:1;height:44px;border-radius:9px;border:0;background:hsl(var(--fg));color:hsl(var(--bg));font:700 13.5px var(--font-ui);cursor:pointer}.sbs-zone__errbtn--ghost{background:none;border:1.5px solid hsl(var(--fg));color:hsl(var(--fg));font:600 13px var(--font-ui)}.sbs-strip{padding:8px 16px 0}.sbs-strip__head{display:flex;align-items:center;justify-content:space-between}.sbs-strip__follow{color:hsl(var(--hl))}.sbs-strip__grid{margin-top:8px;display:flex;align-items:stretch;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbs-strip__grid::-webkit-scrollbar{display:none}.sbs-strip__bar{flex:0 0 auto;scroll-snap-align:start;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));padding:7px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.sbs-strip__bar--sel{border:1.5px solid hsl(var(--fg));background:hsl(var(--muted) / .6)}.sbs-strip__bar--now{border:1.5px solid hsl(var(--hl));background:hsl(var(--hl) / .14);box-shadow:inset 0 2.5px hsl(var(--hl))}.sbs-strip__label{font:500 7.5px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));text-transform:uppercase}.sbs-strip__bar--sel .sbs-strip__label,.sbs-strip__bar--now .sbs-strip__label{color:hsl(var(--fg))}.sbs-strip__slots{display:flex;align-items:stretch;gap:2px;align-self:stretch}.sbs-strip__slot{flex:1 0 auto;min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));background:none;padding:6px 3px;cursor:pointer;overflow:hidden}.sbs-strip__slot--empty{border-top-style:dashed;border-bottom-style:dashed}.sbs-strip__slotnum{font:600 10px var(--font-mono);color:hsl(var(--mfg) / .5);line-height:1}.sbs-strip__slotsym{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--font-mono);letter-spacing:-.02em;color:hsl(var(--fg));line-height:1.05}.sbs-strip__slot--sel{box-shadow:inset 0 0 0 1.5px hsl(var(--pri));background:hsl(var(--pri) / .06);border-radius:4px}.sbs-strip__sym--out{border-bottom:1.5px dashed hsl(var(--mfg) / .6)}.sbs-strip__fn{display:flex;align-items:center;gap:3px}.sbs-strip__deg{font:600 7.5px var(--font-mono);color:hsl(var(--mfg))}.sbs-grip__meta{margin-top:6px;display:flex;align-items:center;gap:7px}.sbs-grip__deg{font:600 9.5px var(--font-mono);color:hsl(var(--mfg))}.sbs-grip__notes{padding:3px 8px;border:1px solid hsl(var(--line));border-radius:999px;font:600 9.5px var(--font-mono)}.sbs-grip__listen{margin-inline-start:auto;width:40px;height:40px}.sbs-grip__row{margin-top:8px;display:flex;gap:10px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.sbs-grip__row::-webkit-scrollbar{display:none}.sbs-grip__card{border:1px solid hsl(var(--line));border-radius:12px;background:hsl(var(--card));padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(66%,250px);scroll-snap-align:center;box-sizing:border-box;flex:none;cursor:pointer;color:hsl(var(--fg))}.sbs-grip__card svg{max-height:34vh}.sbs-grip__card--on{border:1.5px solid hsl(var(--fg))}.sbs-grip__cardhead{width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px 4px;flex-wrap:wrap}.sbs-grip__shapeno{font:600 9.5px var(--font-mono);letter-spacing:.12em;color:hsl(var(--mfg));text-transform:uppercase;white-space:nowrap}.sbs-grip__best{font:700 8px var(--font-mono);letter-spacing:.1em;color:hsl(var(--ok));border:1px solid hsl(var(--ok) / .6);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}.sbs-grip__tag{font:700 8px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg));border:1px dashed hsl(var(--line));border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}.sbs-grip__chord{font:600 15px var(--font-mono);letter-spacing:-.02em}.sbs-grip__foot{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sbs-grip__dots{display:inline-flex;gap:7px;align-items:center;flex:none}.sbs-grip__dot{position:relative;width:8px;height:8px;border-radius:999px;border:0;padding:0;background:hsl(var(--line));cursor:pointer}.sbs-grip__dot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.sbs-grip__dot--on{width:10px;height:10px;background:hsl(var(--fg))}.sbs-grip__multi{margin-top:10px;border-top:1px solid hsl(var(--line));border-bottom:1px solid hsl(var(--line));padding:18px 4px;text-align:center}.sbs-grip__multititle{font:italic 600 15px var(--font-serif)}.sbs-grip__multibody{margin-top:6px;font:400 11px/1.5 var(--font-ui);color:hsl(var(--mfg));max-width:290px;margin-inline:auto}.sbs-grip__multibtns{margin-top:9px;display:flex;gap:8px;justify-content:center}.sbs-grip__chordbtn{height:40px;padding:0 16px;border-radius:9px;border:1.5px solid hsl(var(--fg));background:none;color:hsl(var(--fg));display:inline-flex;align-items:center;font:600 12.5px var(--font-mono);cursor:pointer}.sbs-write__mods{display:inline-flex;align-items:center;gap:5px;font:700 10.5px var(--font-mono);letter-spacing:.03em;color:hsl(var(--hl))}.sbs-write__mods--sticky{text-decoration:underline}.sbs-write__modpin{opacity:.85}.sbs-radial{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center}.sbs-radial__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:hsl(var(--fg) / .52);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);cursor:pointer;animation:sbs-radial-fade .16s ease both}.sbs-radial__wheel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;animation:sbs-radial-pop .18s cubic-bezier(.34,1.4,.64,1) both}.sbs-radial__svg{width:min(76vw,288px);height:min(76vw,288px);filter:drop-shadow(0 12px 32px hsl(var(--fg) / .42))}.sbs-radial__seg{cursor:pointer}.sbs-radial__seg:active{opacity:.82}.sbs-radial__actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:min(84vw,320px)}.sbs-radial__act{min-height:40px;padding:0 15px;border-radius:999px;border:1.5px solid hsl(var(--fg));background:hsl(var(--bg));color:hsl(var(--fg));font:600 12px var(--font-ui);cursor:pointer;box-shadow:0 3px 10px hsl(var(--fg) / .18);transition:transform .08s ease}.sbs-radial__act:active{transform:scale(.95)}.sbs-radial__act--on{background:hsl(var(--fg));color:hsl(var(--bg));box-shadow:0 4px 14px hsl(var(--fg) / .3)}.sbs-radial__act:disabled{opacity:.4;box-shadow:none;cursor:default}.sbs-radial__act--list{font-size:18px;padding:0 15px}@keyframes sbs-radial-fade{0%{opacity:0}to{opacity:1}}@keyframes sbs-radial-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.sbs-radial__backdrop,.sbs-radial__wheel{animation:none}}.sbs-write__stackbadge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;background:hsl(var(--hl) / .14);color:hsl(var(--hl));font:700 10.5px var(--font-mono);letter-spacing:.03em}.sbs-write__voicechip{display:inline-flex;align-items:center;border:1px solid hsl(var(--line));border-radius:999px;padding:3px 10px;background:none;color:hsl(var(--mfg));font:700 10.5px var(--font-mono);letter-spacing:.04em;cursor:pointer}.sbs-write__voicechip--v2{border-color:hsl(var(--hl));background:hsl(var(--hl) / .12);color:hsl(var(--hl))}.sbs-write__midilock{display:inline-flex;align-items:center;gap:5px;border:1px solid hsl(var(--line));border-radius:999px;padding:3px 10px;background:none;color:hsl(var(--mfg));font:700 10.5px var(--font-mono);letter-spacing:.04em;cursor:pointer}.sbs-write__midilock--locked{border-color:hsl(var(--hl));background:hsl(var(--hl) / .14);color:hsl(var(--hl))}.sbs-pay{min-height:100%;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));position:relative}.sbs-pay__top{padding:58px 16px 0;display:flex;align-items:center;justify-content:space-between}.sbs-pay__restore{border:0;background:none;font:600 10px var(--font-mono);letter-spacing:.16em;color:hsl(var(--acc));text-decoration:underline;text-underline-offset:3px;text-transform:uppercase;padding:8px 4px;min-height:44px}.sbs-pay__note{margin:10px 20px 0;background:hsl(var(--muted));border:1px solid hsl(var(--line));border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:10px}.sbs-pay__note--err{background:none;border-color:hsl(var(--err) / .5)}.sbs-pay__notetext{flex:1;font:400 11.5px/1.45 var(--font-ui)}.sbs-pay__notelink{border:0;background:none;color:inherit;font:700 12px var(--font-ui);padding:7px 4px;text-decoration:underline;text-underline-offset:3px}.sbs-pay__hero{padding:12px 22px 0}.sbs-pay__kicker{margin-top:10px;font:600 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--acc))}.sbs-pay__title{margin:6px 0 0;font:600 27px/1.12 var(--font-serif);letter-spacing:-.015em}.sbs-pay__benefits{margin:12px 22px 0}.sbs-pay__benefit{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid hsl(var(--line))}.sbs-pay__benefit:last-child{border-bottom:1px solid hsl(var(--line))}.sbs-pay__bnum{font:600 9.5px var(--font-mono);color:hsl(var(--acc))}.sbs-pay__btext{font:500 12px var(--font-ui)}.sbs-pay__periods{margin:12px 22px 0;display:flex;border-bottom:1px solid hsl(var(--line))}.sbs-pay__period{flex:1;border:0;background:none;color:hsl(var(--mfg));text-align:center;padding:10px 0;font:500 9.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;min-height:44px}.sbs-pay__period--on{flex:1.4;color:hsl(var(--fg));font-weight:600;box-shadow:inset 0 -2px hsl(var(--fg))}.sbs-pay__row{display:flex;align-items:center;gap:12px;width:calc(100% - 44px);margin:0 22px;padding:11px 0;border:0;border-bottom:1px solid hsl(var(--line));background:none;color:inherit;text-align:start;min-height:44px}.sbs-pay__radio{width:18px;height:18px;border-radius:999px;border:1.5px solid hsl(var(--line));flex:none;box-sizing:border-box}.sbs-pay__radio--on{border:5.5px solid hsl(var(--fg))}.sbs-pay__rowbody{flex:1;min-width:0;display:flex;flex-direction:column}.sbs-pay__rowname{font:800 14.5px var(--font-ui)}.sbs-pay__rowsub{margin-top:2px;font:400 10.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__rowprice{text-align:end;display:flex;flex-direction:column}.sbs-pay__price{font:600 13px var(--font-mono)}.sbs-pay__per{font:500 7.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-pay__credits{padding:9px 22px 0;font:400 10.5px var(--font-ui);color:hsl(var(--mfg));text-align:center}.sbs-pay__packs{margin:10px 20px 0;display:flex;flex-direction:column;gap:6px}.sbs-pay__packstitle{font:600 9.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-pay__packdone{font:500 11px var(--font-ui);color:hsl(var(--ok, 145 45% 38%))}.sbs-pay__pack{display:flex;align-items:center;justify-content:space-between;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));padding:10px 14px;cursor:pointer}.sbs-pay__pack:disabled{opacity:.6}.sbs-pay__packcredits{font:600 12.5px var(--font-ui);color:hsl(var(--fg))}.sbs-pay__packprice{font:700 12.5px var(--font-mono);color:hsl(var(--fg))}.sbs-pay__spin--sm{width:14px;height:14px;border-width:2px;display:inline-block}.sbs-pay__spacer{flex:1}.sbs-pay__cancelled{margin:0 20px 10px;align-self:center;background:hsl(var(--muted));border:1px solid hsl(var(--line));border-radius:999px;padding:8px 16px;font:500 11.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__ctawrap{padding:0 20px}.sbs-pay__cta{width:100%;height:50px;border:0;border-radius:9px;background:hsl(var(--fg));color:hsl(var(--bg));font:700 14.5px var(--font-ui)}.sbs-pay__cta:disabled{opacity:.6}.sbs-pay__legal{padding:9px 22px 26px;text-align:center;font:400 9.5px/1.6 var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__legallink{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline}.sbs-pay__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--fg) / .55);display:flex;align-items:center;justify-content:center;z-index:40}.sbs-pay__proc{background:hsl(var(--card));border:1px solid hsl(var(--line));border-radius:14px;padding:22px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:250px;text-align:center}.sbs-pay__spin{width:26px;height:26px;border-radius:999px;border:2.5px solid hsl(var(--hl) / .3);border-top-color:hsl(var(--hl));animation:sbspayspin .9s linear infinite}@keyframes sbspayspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sbs-pay__spin{animation:none}}.sbs-pay__proctitle{font:600 13.5px var(--font-ui)}.sbs-pay__procsub{font:400 11px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__crosstop{padding:12px 16px 8px;display:flex;align-items:center;gap:10px}.sbs-pay__crosstitle{flex:1;text-align:center;font:600 19px var(--font-serif)}.sbs-pay__plancard{margin:14px 20px 0;border:1.5px solid hsl(var(--fg));border-radius:12px;background:hsl(var(--card));padding:16px 18px}.sbs-pay__planhead{display:flex;align-items:center;gap:9px}.sbs-pay__planname{font:800 19px var(--font-ui)}.sbs-pay__planbadge{margin-inline-start:auto;background:hsl(var(--ok) / .14);color:hsl(var(--ok));border-radius:999px;padding:4px 10px;font:700 9px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.sbs-pay__planrow{margin-top:8px;display:flex;align-items:center;justify-content:space-between;font:400 12px var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__planrow--first{margin-top:12px;border-top:1px solid hsl(var(--line));padding-top:10px}.sbs-pay__planrow b{font:600 12px var(--font-ui);color:hsl(var(--fg))}.sbs-pay__inc{margin:14px 20px 0}.sbs-pay__inchead{font:600 8.5px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--mfg));margin-bottom:4px}.sbs-pay__incrow{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid hsl(var(--line));font:500 12px var(--font-ui)}.sbs-pay__incrow:last-child{border-bottom:1px solid hsl(var(--line))}.sbs-pay__incnum{font:600 9.5px var(--font-mono);color:hsl(var(--acc))}.sbs-pay__managed{margin:12px 20px 0;font:400 11.5px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__managed--btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 40px);border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));padding:11px 13px;color:hsl(var(--fg));font:600 12.5px var(--font-ui);cursor:pointer}.sbs-pay__faq{margin:12px 20px 0;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));padding:11px 13px}.sbs-pay__faqq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;padding:0;color:hsl(var(--fg));font:600 12.5px var(--font-ui);cursor:pointer}.sbs-pay__faqq svg{color:hsl(var(--mfg));flex:none}.sbs-pay__faqa{margin-top:7px;font:400 11px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-pay__rstbody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;text-align:center}.sbs-pay__rsttitle{margin:18px 0 0;font:600 21px/1.2 var(--font-serif)}.sbs-pay__rsttitle--big{font-size:24px}.sbs-pay__rstsub{margin:8px 0 0;font:400 12.5px/1.6 var(--font-ui);color:hsl(var(--mfg));max-width:280px}.sbs-pay__rstok{width:74px;height:74px;border-radius:999px;background:hsl(var(--ok) / .14);color:hsl(var(--ok));display:flex;align-items:center;justify-content:center}.sbs-pay__rstico{width:74px;height:74px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:hsl(var(--mfg))}.sbs-pay__rstico--none{border:1.5px dashed hsl(var(--mfg) / .5)}.sbs-pay__rstico--err{border:1.5px solid hsl(var(--err) / .5);color:hsl(var(--err))}.sbs-pay__rstico--user{border:1.5px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg))}.sbs-pay__plancard--rst{width:100%;margin:14px 0 0;text-align:start}.sbs-pay__rstfoot{padding:0 20px 26px;display:flex;flex-direction:column;gap:10px}.sbs-pay__ghost{border:0;background:none;padding:10px 0;font:600 13px var(--font-ui);color:hsl(var(--mfg));cursor:pointer}.sbs-pay__ghost--link{color:hsl(var(--fg));text-decoration:underline;text-underline-offset:3px}.sbs-hmet{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.sbs-hmet>*{max-width:100%}.sbs-hmet__box{display:flex;flex-direction:column;align-items:center;gap:5px;padding:3px 0 1px;background:none;border:none;color:inherit;font:inherit;width:100%;cursor:pointer}.sbs-hmet__lamps{display:flex;align-items:center;gap:19px}.sbs-hmet__lamp{width:13px;height:13px;border-radius:999px;border:1.5px solid hsl(var(--mfg) / .55);background:transparent;transition:transform 80ms ease,background-color 80ms ease,box-shadow 80ms ease}.sbs-hmet__lamp--strong{width:19px;height:19px;border-width:2px;border-color:hsl(var(--hl) / .75)}.sbs-hmet__lamp--on{background:hsl(var(--fg));border-color:hsl(var(--fg));transform:scale(1.15)}.sbs-hmet__lamp--strong.sbs-hmet__lamp--on{background:hsl(var(--hl));border-color:hsl(var(--hl));box-shadow:0 0 12px hsl(var(--hl) / .6)}.sbs-hmet__meta{font:600 11px var(--font-mono);letter-spacing:.14em;color:hsl(var(--mfg))}@media(prefers-reduced-motion:reduce){.sbs-hmet__lamp{transition:none}}.sbs-hmet__set{display:flex;flex-direction:column;gap:12px}.sbs-hmet__setlabel{margin-top:4px;font:600 12px var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-hmet__set .sb-seg__item{font-size:12.5px;padding:12px 0}.sbs-hmet__sigrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.sbs-hmet__sig{font:600 16px var(--font-mono)}.sbs-sand{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg))}.sbs-sand__top{padding:max(18px,env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:12px}.sbs-sand__title{font:600 20px var(--font-serif)}.sbs-sand__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 20px 12px;border-bottom:1px solid hsl(var(--line))}.sbs-sand__seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid hsl(var(--line));border-radius:9px;overflow:hidden;background:hsl(var(--card))}.sbs-sand__seg button{min-width:0;min-height:44px;padding:0 12px;border:0;background:none;color:hsl(var(--fg));font:600 12.5px var(--font-ui);white-space:nowrap;cursor:pointer}.sbs-sand__seg button[aria-pressed=true]{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-sand__key{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid hsl(var(--line));border-radius:9px;background:hsl(var(--card));color:hsl(var(--fg));cursor:pointer}.sbs-sand__keymain{font:600 13px var(--font-mono);white-space:nowrap}.sbs-sand__keymode{font:600 9px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--mfg));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:118px}@media(max-width:429px){.sbs-sand__keymode{display:none}}.sbs-sand__body{flex:1;overflow-y:auto}.sbs-sand__circleslot{position:relative;width:min(96vw,80vh,900px);aspect-ratio:1;margin:8px auto 4px;display:flex;align-items:center;justify-content:center}.sbs-sand__enh{position:absolute;top:2px;inset-inline-end:2px;z-index:2}.sbs-sand__mute{position:absolute;top:2px;inset-inline-start:2px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));cursor:pointer;-webkit-tap-highlight-color:transparent}.sbs-sand__mute--off{color:hsl(var(--mfg));border-style:dashed;opacity:.75}.sbs-sand__circle{width:100%;height:100%;display:block;touch-action:manipulation}.sbs-sand__circle text{font-family:var(--font-ui)}.sbs-sand__circle .scale-circle-note-label>text~text{font-family:var(--font-mono)}.sbs-sand__circle .scale-circle-function-label,.sbs-sand__circle .scale-circle-function-system-indicator,.sbs-sand__circle .scale-circle-formula,.sbs-sand__circle .scale-circle-interval-label,.sbs-sand__circle .scale-circle-out-of-scale-label{font-family:var(--font-mono)}.sbs-sand__name{border-top:1px solid hsl(var(--line));padding:14px 20px;display:flex;justify-content:center}.sbs-sand__nameph{font:400 13px var(--font-ui);color:hsl(var(--mfg));border-bottom:1px dashed hsl(var(--mfg) / .6);padding-bottom:2px}.sbs-sand__name--chips{justify-content:safe center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbs-sand__name--chips::-webkit-scrollbar{display:none}.sbs-sand__chip{flex:none;min-height:44px;padding:4px 2px;border:0;background:none;color:inherit;cursor:pointer;border-radius:8px}.sbs-sand__chip--on{background:hsl(var(--hl) / .18)}.sbs-sand__eyebrow{border-top:1px solid hsl(var(--line));padding:14px 20px 8px;font:600 8.5px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-sand__guitar{padding-bottom:max(20px,env(safe-area-inset-bottom))}.sbs-sand__neckzone{position:relative}.sbs-sand__neckwrap{overflow-x:auto;margin:6px 20px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbs-sand__neckwrap::-webkit-scrollbar{display:none}.sbs-sand__neck{display:block}.sbs-sand__nuthint{position:absolute;inset-inline-start:24px;top:2px;padding:2px 7px;border-radius:999px;background:hsl(var(--card) / .9);border:1px solid hsl(var(--line));font:600 8.5px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg));pointer-events:none}.sbs-sand__minimap{display:flex;align-items:center;gap:8px;margin:0 20px 10px;min-height:24px}.sbs-sand__minimap svg{flex:1;display:block}.sbs-sand__minilabel{flex:none;font:600 8px var(--font-mono);letter-spacing:.16em;color:hsl(var(--mfg))}.sbs-sand__gripshead{padding:8px 20px 6px;font:600 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg))}.sbs-sand__grips{display:flex;gap:10px;overflow-x:auto;padding:0 20px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbs-sand__grips::-webkit-scrollbar{display:none}.sbs-sand__grips .sbs-grip__card{flex:none;width:128px}@media(min-width:700px){.sbs-sand__grips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow-x:visible}.sbs-sand__grips .sbs-grip__card{width:auto}}.sbs-sand__grips .sbs-grip__best{white-space:normal;text-align:center;line-height:1.3}.sbs-sand__piano{padding:6px 20px max(20px,env(safe-area-inset-bottom))}.sbs-sand__keys{width:100%;height:auto;display:block}.sbs-sand__pianohint{margin:10px 0 0;font:italic 400 12.5px var(--font-serif);color:hsl(var(--mfg))}.sbs-write__enh{position:absolute;top:4px;inset-inline-start:6px;z-index:6}.sbs-write__lockpos{position:absolute;top:4px;inset-inline-end:6px;z-index:6;display:flex;align-items:center;gap:6px}.sbs-write__addbar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));color:hsl(var(--mfg));transition:background-color .15s,color .15s,border-color .15s}.sbs-write__addbar:active{border-color:hsl(var(--fg));color:hsl(var(--fg))}.sbs-write__addbar:focus-visible{outline:2px solid hsl(var(--acc));outline-offset:2px}.sbs-write__lock{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));color:hsl(var(--mfg));transition:background-color .15s,color .15s,border-color .15s}.sbs-write__lock--on{border-color:hsl(var(--fg));background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-write__lock:focus-visible{outline:2px solid hsl(var(--acc));outline-offset:2px}.sbs-met{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui);display:flex;justify-content:center;overflow:hidden}.sbs-met__col{width:100%;max-width:430px;height:100%;display:flex;flex-direction:column;overflow:hidden}.sbs-met__head{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 8px;display:flex;align-items:center;gap:10px}.sbs-met__back{width:38px;height:38px;border-radius:9px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;flex:none;padding:0;cursor:pointer}.sbs-met__title{flex:1;text-align:center;font:600 19px var(--font-serif)}.sbs-met__tg{width:46px;height:28px;border-radius:999px;cursor:pointer;position:relative;flex:none;box-sizing:border-box;transition:background .2s;background:hsl(var(--muted));border:1px solid hsl(var(--line));padding:0}.sbs-met__tgknob{position:absolute;width:22px;height:22px;border-radius:999px;box-sizing:border-box;transition:left .2s;top:2px;left:2px;background:hsl(var(--card));border:1px solid hsl(var(--line))}.sbs-met__tg--on{background:hsl(var(--fg));border:none}.sbs-met__tg--on .sbs-met__tgknob{top:3px;left:21px;background:hsl(var(--bg));border:none}.sbs-met__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px calc(env(safe-area-inset-bottom,0px) + 8px)}.sbs-met__orbit{width:322px;height:322px;position:relative;margin:14px auto 2px;touch-action:none;flex:none}.sbs-met__dial{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.sbs-met__tick{stroke:hsl(var(--line))}.sbs-met__tick--on{stroke:hsl(var(--hl))}.sbs-met__ring{stroke:hsl(var(--line))}.sbs-met__dot{fill:hsl(var(--card));stroke:hsl(var(--mfg));stroke-width:1.5;cursor:pointer;transition:r .12s}.sbs-met__dot--acc{fill:hsl(var(--hl));stroke:none;stroke-width:0}.sbs-met__dot--now{fill:hsl(var(--err));stroke:none;stroke-width:0}.sbs-met__thumb{fill:hsl(var(--card));stroke:hsl(var(--hl));pointer-events:none}.sbs-met__disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:176px;height:176px;border-radius:999px;background:hsl(var(--muted) / .45);border:1px solid hsl(var(--line));color:hsl(var(--fg));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0}.sbs-met__bpm{font:700 52px/1 var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.03em}.sbs-met__bpmcap{font:600 9px var(--font-mono);letter-spacing:.22em;color:hsl(var(--mfg));margin-top:5px}.sbs-met__meta{margin-top:4px;font:400 12px var(--font-ui);color:hsl(var(--mfg))}.sbs-met__temponame{font:italic 600 13px var(--font-serif)}.sbs-met__hint{text-align:center;font:400 11.5px var(--font-ui);color:hsl(var(--mfg));padding:2px 0 14px}.sbs-met__row{display:flex;align-items:center;gap:12px}.sbs-met__step{width:52px;height:52px;border-radius:999px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;font:500 24px var(--font-ui);cursor:pointer;flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0}.sbs-met__step--sm{width:40px;height:40px;font:500 20px var(--font-ui)}.sbs-met__tap{flex:1;height:52px;border-radius:9px;border:1.5px dashed hsl(var(--mfg) / .45);background:hsl(var(--muted) / .4);color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:600 13px var(--font-ui)}.sbs-met__label{font:600 8.5px var(--font-mono);letter-spacing:.18em;color:hsl(var(--mfg));padding:20px 0 10px}.sbs-met__label--bare{padding:0}.sbs-met__frac{display:flex;flex-direction:column;align-items:center;gap:2px;width:26px;flex:none;font:700 19px/1 var(--font-serif)}.sbs-met__fracline{width:16px;height:2px;background:hsl(var(--fg))}.sbs-met__seg{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid hsl(var(--line));border-radius:9px;overflow:hidden;background:hsl(var(--card))}.sbs-met__seg--grow{flex:1}.sbs-met__segitem{height:38px;display:inline-flex;align-items:center;justify-content:center;font:600 12px var(--font-ui);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;color:hsl(var(--mfg));border:none;border-inline-start:1px solid hsl(var(--line));padding:0}.sbs-met__segitem:first-child{border-inline-start:none}.sbs-met__segitem--tall{height:40px}.sbs-met__segitem--on{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-met__chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.sbs-met__chip{height:34px;padding:0 13px;border-radius:9px;display:inline-flex;align-items:center;font:600 12px var(--font-mono);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;background:hsl(var(--card));color:hsl(var(--fg));border:1px solid hsl(var(--line))}.sbs-met__chip--on{background:hsl(var(--fg));color:hsl(var(--bg));border:1px solid transparent}.sbs-met__dis{opacity:.45;pointer-events:none}.sbs-met__volhead{display:flex;align-items:baseline;justify-content:space-between;padding:20px 0 6px}.sbs-met__volpct{font:600 12px var(--font-mono)}.sbs-met__vol{height:32px;display:flex;align-items:center;position:relative;cursor:pointer;touch-action:none}.sbs-met__voltrack{width:100%;height:4px;border-radius:999px;background:hsl(var(--muted))}.sbs-met__volfill{position:absolute;left:0;top:14px;height:4px;border-radius:999px;background:hsl(var(--hl));pointer-events:none}.sbs-met__volknob{position:absolute;top:5px;width:22px;height:22px;border-radius:999px;background:hsl(var(--card));border:1px solid hsl(var(--line));box-shadow:0 1px 4px hsl(var(--scrim) / .18);box-sizing:border-box;pointer-events:none;margin-left:-11px}.sbs-met__accrow{display:flex;align-items:center;justify-content:space-between;padding:16px 0 4px;min-height:44px;box-sizing:border-box}.sbs-met__acclabel{font:600 14px var(--font-ui)}.sbs-met__accnote{display:block;margin-top:2px;font:500 11px var(--font-ui);color:hsl(var(--mfg))}.sbs-met__reset{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:18px 0 26px;cursor:pointer;color:hsl(var(--mfg));background:none;border:none;margin-inline-start:auto;font:600 13px var(--font-ui)}.sbs-prof__histrow{width:calc(100% - 40px);margin-inline:20px;border-top:0}.sbs-ch__sub{padding:6px 0 12px;font:400 12px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-ch__state{padding:40px 0;text-align:center;font:400 12.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-ch__retry,.sbs-ch__more{display:block;margin:14px auto 0;padding:9px 18px;border:1px solid hsl(var(--line));border-radius:9px;background:none;color:hsl(var(--fg));font:600 12.5px var(--font-ui);cursor:pointer}.sbs-ch__more{margin-top:6px;margin-bottom:8px}.sbs-ch__more:disabled{opacity:.55;cursor:default}.sbs-ch__empty{padding:40px 8px;text-align:center}.sbs-ch__emptytitle{font:600 14px var(--font-serif)}.sbs-ch__emptyhint{margin-top:6px;font:400 11.5px/1.5 var(--font-ui);color:hsl(var(--mfg))}.sbs-ch__group{border:1px solid hsl(var(--line));border-radius:11px;background:hsl(var(--card));padding:12px 14px;margin-bottom:10px}.sbs-ch__ghead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sbs-ch__gtitle{min-width:0;display:inline-flex;align-items:baseline;gap:7px;font:italic 600 15px/1.25 var(--font-serif);overflow:hidden}.sbs-ch__times{flex:none;padding:1px 6px;border-radius:6px;background:hsl(var(--acc));color:hsl(var(--bg));font:600 10px var(--font-mono)}.sbs-ch__gtotals{flex:none;font:500 10.5px var(--font-mono);color:hsl(var(--mfg));white-space:nowrap}.sbs-ch__rows{list-style:none;margin:8px 0 0;padding:0}.sbs-ch__row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid hsl(var(--line) / .6)}.sbs-ch__row:first-child{border-top:0}.sbs-ch__left{display:inline-flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.sbs-ch__when{font:500 10.5px var(--font-mono);color:hsl(var(--mfg));white-space:nowrap}.sbs-ch__kind{padding:1px 6px;border:1px solid hsl(var(--line));border-radius:6px;font:500 9.5px var(--font-mono);color:hsl(var(--mfg));white-space:nowrap}.sbs-ch__kind--cover{border-color:hsl(var(--hl) / .5);color:hsl(var(--hl))}.sbs-ch__bars{font:400 10.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-ch__right{display:inline-flex;align-items:baseline;gap:8px;flex:none}.sbs-ch__amt{font:700 12.5px var(--font-mono)}.sbs-ch__bal{font:500 10px var(--font-mono);color:hsl(var(--mfg) / .8)}.sbs-tuner{--tun-perfect: #22c55e;--tun-good: #eab308;--tun-fair: #f97316;--tun-off: #ef4444;--tun-intune: #22c55e;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg))}.sbs-tuner__top{padding:max(18px,env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:12px}.sbs-tuner__title{font:600 20px var(--font-serif)}.sbs-tuner__topright{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.sbs-tuner__gear{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));cursor:pointer}.sbs-tuner__enh{display:grid;grid-template-columns:1fr 1fr;border:1px solid hsl(var(--line));border-radius:9px;overflow:hidden;background:hsl(var(--card))}.sbs-tuner__enh button{min-width:40px;min-height:40px;border:0;background:none;color:hsl(var(--fg));font:600 16px var(--font-serif);cursor:pointer}.sbs-tuner__enh button[aria-pressed=true]{background:hsl(var(--fg));color:hsl(var(--bg))}.sbs-tuner__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(8px,1.6vh,16px);width:100%;max-width:460px;margin:0 auto;padding:10px 6px calc(8px + env(safe-area-inset-bottom))}.sbs-tuner__note{display:flex;align-items:baseline;gap:4px;line-height:1;color:hsl(var(--fg));transition:color .18s ease}.sbs-tuner__note--perfect{color:var(--tun-perfect)}.sbs-tuner__note--good{color:var(--tun-good)}.sbs-tuner__note--fair{color:var(--tun-fair)}.sbs-tuner__note--off{color:var(--tun-off)}.sbs-tuner__notename{font:700 clamp(40px,12vw,62px) var(--font-serif)}.sbs-tuner__oct{font:600 clamp(18px,5vw,28px) var(--font-mono);opacity:.75}.sbs-tuner__dash{font:300 clamp(40px,12vw,62px) var(--font-serif);color:hsl(var(--mfg) / .5)}.sbs-tuner__readout{min-height:26px;display:flex;align-items:baseline;gap:14px;font:600 15px var(--font-mono)}.sbs-tuner__hz{color:hsl(var(--mfg))}.sbs-tuner__cents--perfect{color:var(--tun-perfect)}.sbs-tuner__cents--good{color:var(--tun-good)}.sbs-tuner__cents--fair{color:var(--tun-fair)}.sbs-tuner__cents--off{color:var(--tun-off)}.sbs-tuner__idle{font:500 14px var(--font-ui);color:hsl(var(--mfg))}.sbs-tuner__circleslot{position:relative;width:min(100%,46vh,480px);aspect-ratio:1;margin:0 auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.sbs-tuner__circle{width:100%;height:100%;display:block}.sbs-tuner__circle text{font-family:var(--font-ui)}.sbs-tuner__circle .scale-circle-note-label>text~text{font-family:var(--font-mono)}.sbs-tuner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.tuner-star-body{fill:color-mix(in srgb,hsl(var(--fg)) 10%,transparent);stroke:color-mix(in srgb,hsl(var(--fg)) 22%,transparent);stroke-width:.4;transition:fill .2s ease}.tuner-in-tune-ring{pointer-events:none}@media(min-width:700px){.sbs-tuner__circleslot{width:min(100%,56vh,560px)}}.sbs-tuner__error{width:100%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--tun-off) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--tun-off) 8%,transparent);text-align:center}.sbs-tuner__errmsg{font:600 13px var(--font-ui);color:var(--tun-off)}.sbs-tuner__errhint{margin-top:4px;font:500 11.5px var(--font-ui);color:hsl(var(--mfg))}.sbs-tuner__toggle{margin-top:auto;width:100%;min-height:52px;border:1px solid hsl(var(--fg));border-radius:12px;background:hsl(var(--fg));color:hsl(var(--bg));font:600 15px var(--font-ui);letter-spacing:.02em;cursor:pointer}.sbs-tuner__toggle--on{background:hsl(var(--card));color:hsl(var(--fg))}.sbs-tuner__toggle:disabled{opacity:.55;cursor:default}@media(min-width:700px){.sbs-tuner__body{max-width:560px;gap:30px}}.sbs-tunset{display:flex;flex-direction:column;gap:18px;padding:4px 4px 8px;max-height:70vh;overflow-y:auto}.sbs-tunset__sec{display:flex;flex-direction:column;gap:8px}.sbs-tunset__label{font:600 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--mfg))}.sbs-tunset__grid{display:flex;flex-wrap:wrap;gap:8px}.sbs-tunset__chip{min-height:40px;padding:0 14px;border:1px solid hsl(var(--line));border-radius:999px;background:hsl(var(--card));color:hsl(var(--fg));font:600 13px var(--font-ui);cursor:pointer}.sbs-tunset__chip--on{background:hsl(var(--fg));color:hsl(var(--bg));border-color:hsl(var(--fg))}.sbs-tunset__rows{display:flex;flex-direction:column;gap:6px}.sbs-tunset__row{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:8px 14px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));color:hsl(var(--fg));text-align:start;cursor:pointer}.sbs-tunset__row--on{border-color:hsl(var(--fg));background:color-mix(in srgb,hsl(var(--fg)) 8%,transparent)}.sbs-tunset__row--locked{opacity:.5;cursor:default}.sbs-tunset__rowname{font:600 13.5px var(--font-ui);white-space:nowrap}.sbs-tunset__rownotes{flex:1;font:500 12px var(--font-mono);color:hsl(var(--mfg));letter-spacing:.06em}.sbs-tunset__lock{font-size:12px}.sbs-tunset__stepper{display:flex;align-items:center;gap:12px}.sbs-tunset__step{width:44px;height:44px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));color:hsl(var(--fg));font:600 20px var(--font-ui);cursor:pointer}.sbs-tunset__hz{font:600 15px var(--font-mono);min-width:110px;text-align:center}.sbs-tuner__guidedbtn{width:100%;min-height:46px;border:1px solid hsl(var(--line));border-radius:12px;background:hsl(var(--card));color:hsl(var(--fg));font:600 14px var(--font-ui);cursor:pointer}.sbs-guided{width:100%;display:flex;flex-direction:column;gap:12px}.sbs-guided__head{display:flex;align-items:center;justify-content:space-between}.sbs-guided__title{font:600 16px var(--font-serif)}.sbs-guided__exit{border:1px solid hsl(var(--line));border-radius:8px;background:hsl(var(--card));color:hsl(var(--fg));font:600 12px var(--font-ui);padding:6px 12px;cursor:pointer}.sbs-guided__strings{display:flex;flex-direction:column;gap:6px}.sbs-guided__str{display:flex;align-items:baseline;gap:12px;padding:10px 14px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card))}.sbs-guided__str--active{border-color:var(--tun-good, #eab308);background:color-mix(in srgb,var(--tun-good, #eab308) 8%,transparent)}.sbs-guided__str--tuned{border-color:var(--tun-perfect, #22c55e)}.sbs-guided__str--pending{opacity:.6}.sbs-guided__str--skipped{opacity:.45}.sbs-guided__ico{width:16px;text-align:center;font:600 14px var(--font-ui)}.sbs-guided__str--tuned .sbs-guided__ico{color:var(--tun-perfect, #22c55e)}.sbs-guided__str--active .sbs-guided__ico{color:var(--tun-good, #eab308)}.sbs-guided__note{font:700 16px var(--font-serif);min-width:38px}.sbs-guided__snum{font:600 9px var(--font-mono);letter-spacing:.1em;color:hsl(var(--mfg))}.sbs-guided__cents{margin-inline-start:auto;font:600 13px var(--font-mono);color:var(--tun-good, #eab308)}.sbs-guided__actions{display:flex;gap:8px}.sbs-guided__btn{flex:1;min-height:44px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));color:hsl(var(--fg));font:600 13px var(--font-ui);cursor:pointer}.sbs-tuner__viz{width:100%;max-width:260px}.sbs-tuner__viz .sb-seg__item{font-size:12.5px;padding:11px 0}.tuner-strobe path{stroke:none}.sbs-tuner__chord{min-height:74px;display:flex;align-items:center;justify-content:center}.sbs-tuner__chordname{font:700 clamp(44px,14vw,72px) var(--font-serif);color:hsl(var(--fg));letter-spacing:-.01em}.sbs-tuner__histtoggle{align-self:center;min-height:38px;padding:0 18px;border:1px solid hsl(var(--line));border-radius:999px;background:hsl(var(--card));color:hsl(var(--fg));font:600 12.5px var(--font-ui);cursor:pointer}.sbs-tuner__histtoggle--on{background:hsl(var(--fg));color:hsl(var(--bg));border-color:hsl(var(--fg))}.sbs-tuner__hist{width:100%}.sbs-tuner__histsvg{width:100%;height:84px;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card))}.sbs-tuner__histgood{fill:color-mix(in srgb,var(--tun-good, #eab308) 8%,transparent)}.sbs-tuner__histmid{stroke:hsl(var(--fg) / .4);stroke-width:1;stroke-dasharray:3 3}.tuner-string-marker-bg{fill:#0da2e7e6;stroke:#0a76a9;stroke-width:.3}.tuner-string-marker-text{fill:#fff;font-family:var(--font-ui);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuner-frequency-main{font:700 3px var(--font-mono);fill:hsl(var(--fg))}.tuner-cents{font:600 3px var(--font-mono);fill:hsl(var(--fg))}.tuner-sector-highlight{pointer-events:none}.tuner-star-body{fill:#af876a59;stroke:#af876a80;stroke-width:.3;transition:fill .2s ease}:root[data-theme=afterhours] .tuner-star-body{fill:#b8a3944d}.tuner-star-ray{stroke-linecap:round}.tuner-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 0}.tuner-controls__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));cursor:pointer;transition:transform .12s ease,background .15s ease}.tuner-controls__btn:active{transform:scale(.94)}.tuner-controls__btn:disabled{opacity:.5;cursor:default}.tuner-controls__btn--active{background:color-mix(in srgb,var(--tun-perfect, #22c55e) 18%,hsl(var(--card)));border-color:var(--tun-perfect, #22c55e);color:var(--tun-perfect, #22c55e)}.sbs-tunset__guided{min-height:48px;border:1px solid hsl(var(--fg));border-radius:12px;background:hsl(var(--fg));color:hsl(var(--bg));font:600 14px var(--font-ui);cursor:pointer}.sbs-voice__lamps{display:flex;align-items:center;gap:12px;margin-top:16px;min-height:30px}.sbs-voice__lamp{width:20px;height:20px;border-radius:50%;border:2px solid hsl(var(--line));background:hsl(var(--card));transition:background .06s ease,box-shadow .06s ease,transform .06s ease}.sbs-voice__lamp--strong{width:26px;height:26px}.sbs-voice__lamp--on{background:hsl(var(--fg));border-color:hsl(var(--fg));box-shadow:0 0 16px color-mix(in srgb,hsl(var(--fg)) 70%,transparent);transform:scale(1.15)}.sbs-voice__tempo{margin-inline-start:auto;font:500 12px var(--font-ui);color:hsl(var(--mut))}.sbs-voice__timer{margin-top:10px;text-align:center;font:300 56px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:hsl(var(--fg))}.sbs-voice__wave{display:block;width:100%;height:86px;margin-top:10px;color:hsl(var(--fg));opacity:.85}.sbs-voice__meta{display:flex;justify-content:space-between;margin-top:6px;font:500 12px var(--font-ui);color:hsl(var(--mut));font-variant-numeric:tabular-nums}.sbs-voice__progress{margin-top:10px;display:flex;flex-direction:column;gap:6px}.sbs-voice__progressbar{height:4px;border-radius:2px;background:hsl(var(--line));overflow:hidden}.sbs-voice__progressfill{height:100%;background:hsl(var(--fg));transition:width .4s ease}.sbs-voice__transport{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:0 18px}.sbs-voice__side{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));cursor:pointer}.sbs-voice__side:disabled{opacity:.4;cursor:default}.sbs-voice__side--primary{border-color:hsl(var(--fg))}.sbs-voice__rec{width:76px;height:76px;border-radius:50%;border:3px solid color-mix(in srgb,hsl(var(--err)) 40%,hsl(var(--card)));background:hsl(var(--err));cursor:pointer;transition:transform .12s ease}.sbs-voice__rec:active{transform:scale(.94)}.sbs-voice__rec:disabled{opacity:.4;cursor:default}.sbs-voice__rec--stop{background:hsl(var(--card));display:grid;place-items:center}.sbs-voice__rec--play{background:hsl(var(--card));border-color:hsl(var(--fg));color:hsl(var(--fg));display:grid;place-items:center}.sbs-voice__stopsquare{width:26px;height:26px;border-radius:6px;background:hsl(var(--err))}.sbs-voice__hint{margin-top:10px;min-height:18px;text-align:center;font:500 12px var(--font-ui);color:hsl(var(--mut))}.sbs-voice__setup{font:600 12px var(--font-ui);color:hsl(var(--mut));text-decoration:underline;text-underline-offset:3px}.sbs-voice__savedrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 12px;border:1px solid hsl(var(--line));border-radius:12px;background:hsl(var(--card));font:500 13px var(--font-ui);color:hsl(var(--fg))}.sbs-voice__saveddel{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:hsl(var(--mut));cursor:pointer}.sbs-vtrack{display:flex;align-items:center;gap:8px;margin-top:8px}.sbs-vtrack__mute{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:0;background:hsl(var(--fg));color:hsl(var(--bg));cursor:pointer}.sbs-vtrack__mute--off{background:hsl(var(--card));color:hsl(var(--mut));border:1px solid hsl(var(--line))}.sbs-vtrack__wave{flex:1;width:100%;height:44px;display:block;border:1px solid hsl(var(--line));border-radius:10px;background:hsl(var(--card));color:hsl(var(--fg))}.sbs-recchoice{display:flex;flex-direction:column;gap:10px;margin-top:14px}.sbs-recchoice__btn{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 16px;border:1px solid hsl(var(--line));border-radius:14px;background:hsl(var(--card));color:hsl(var(--fg));cursor:pointer;text-align:start;transition:transform .12s ease,border-color .15s ease}.sbs-recchoice__btn:active{transform:scale(.98);border-color:hsl(var(--fg))}.sbs-recchoice__icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid hsl(var(--line));background:hsl(var(--bg))}.sbs-recchoice__label{flex:1;font:600 15px var(--font-ui)}.sbs-recchoice__chev{color:hsl(var(--mut));display:grid;place-items:center}.sbs-parti{min-height:100dvh;display:flex;flex-direction:column;background:hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-ui);overflow-x:clip}.sbs-parti__head{display:flex;align-items:center;gap:12px;padding:max(60px,env(safe-area-inset-top)) 16px 10px}.sbs-parti__back{width:38px;height:38px;border-radius:9px;border:1px solid hsl(var(--line));background:hsl(var(--card));color:hsl(var(--fg));display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.sbs-parti__scroll{flex:1;overflow-y:auto;padding:8px 20px calc(40px + env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}.sbs-parti__hero{padding:22px 0 6px;border-bottom:1px solid hsl(var(--line))}.sbs-parti__eyebrow{font:600 11px var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:hsl(var(--hl))}.sbs-parti__name{margin:10px 0 0;font:600 34px/1.08 var(--font-serif);letter-spacing:-.015em}.sbs-parti__name em{font-style:italic;color:hsl(var(--hl))}.sbs-parti__logo{margin:14px 0 0;padding:18px 22px;border:1px solid hsl(var(--line));border-radius:16px;background:#faf5ec}.sbs-parti__logo img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}.sbs-parti__tagline{margin:12px 0 18px;font:italic 500 17px/1.45 var(--font-serif);color:hsl(var(--mfg))}.sbs-parti__sec{padding:22px 0 4px}.sbs-parti__h{margin:0 0 10px;font:600 21px/1.2 var(--font-serif);letter-spacing:-.01em}.sbs-parti__p{margin:0 0 12px;font:400 15px/1.6 var(--font-ui);color:hsl(var(--fg) / .88)}.sbs-parti__cards{display:flex;flex-direction:column;gap:10px;margin-top:4px}.sbs-parti__card{border:1px solid hsl(var(--line));border-radius:12px;background:hsl(var(--card));padding:14px 16px}.sbs-parti__cardlead{font:600 15px/1.3 var(--font-ui);margin-bottom:5px}.sbs-parti__cardtext{margin:0;font:400 14px/1.55 var(--font-ui);color:hsl(var(--mfg))}.sbs-parti__motto{display:flex;align-items:center;gap:14px;padding:26px 0 8px}.sbs-parti__mottoline{flex:1;height:1px;background:hsl(var(--hl) / .5)}.sbs-parti__mottotext{margin:0;flex:none;max-width:78%;text-align:center;font:italic 500 15px/1.5 var(--font-serif);color:hsl(var(--fg))}.sbs-authwait{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:hsl(var(--bg) / .88);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sbs-authwait__spin{width:30px;height:30px;border-radius:999px;border:3px solid hsl(var(--hl) / .3);border-top-color:hsl(var(--hl));animation:sb-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.sbs-authwait__spin{animation:none}}.sbs-authwait__text{font:600 14px var(--font-ui);color:hsl(var(--fg))}.sbs-repitch{position:fixed;inset-inline-end:10px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid hsl(var(--line));border-radius:18px;background:hsl(var(--card));box-shadow:0 6px 22px hsl(var(--fg) / .16);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sbs-repitch__cap{font:600 10px var(--font-mono);color:hsl(var(--mfg));letter-spacing:.04em}.sbs-repitch__track{position:relative;width:44px;border-radius:22px;background:hsl(var(--muted));overflow:hidden;cursor:ns-resize}.sbs-repitch__track:focus-visible{outline:2px solid hsl(var(--acc));outline-offset:2px}.sbs-repitch__dead{position:absolute;inset-inline:0;background:repeating-linear-gradient(45deg,hsl(var(--line) / .55),hsl(var(--line) / .55) 3px,transparent 3px,transparent 6px)}.sbs-repitch__zero{position:absolute;inset-inline:6px;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:hsl(var(--mfg) / .5)}.sbs-repitch__thumb{position:absolute;inset-inline:2px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 0;border-radius:16px;background:hsl(var(--fg));color:hsl(var(--bg));box-shadow:0 2px 8px hsl(var(--fg) / .28);pointer-events:none}.sbs-repitch__delta{font:700 13px var(--font-mono);line-height:1;font-variant-numeric:tabular-nums}.sbs-repitch__note{font:600 9.5px var(--font-mono);line-height:1;opacity:.75}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui, system-ui, sans-serif);background:hsl(var(--bg));color:hsl(var(--fg))}html{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.sb-cta{background:hsl(var(--fg));color:hsl(var(--bg))}.sck-instrument{--tt-font-display: var(--font-ui)}@media(min-width:700px)and (min-height:600px){:root{--app-column: 480px;--app-inset: calc(50% - var(--app-column) / 2)}body{background:hsl(var(--muted))}#root{width:100%;max-width:var(--app-column);margin-inline:auto;min-height:100dvh;background:hsl(var(--bg));border-inline:1px solid hsl(var(--line))}.sb-sheet,.sbs-nettoast{inset-inline:var(--app-inset)}.sbs-netbar{inset-inline:calc(var(--app-inset) + 16px)}.sbs-repitch{inset-inline-end:calc(var(--app-inset) + 10px)}}