*,:after,:before{--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/0.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/0.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: }

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--saffron);outline-offset:2px;box-shadow:0 0 0 4px var(--saffron-soft);border-radius:var(--r-sm)}::-moz-selection{background:var(--saffron-soft);color:var(--ink)}::selection{background:var(--saffron-soft);color:var(--ink)}a{color:inherit}.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}}.sf-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.sf-mono{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums}.sf-eyebrow{font:500 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sf-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.sf-card-lux{position:relative;background:linear-gradient(135deg,var(--saffron-soft) 0,transparent 42%),var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.sf-btn{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--font-ui);padding:10px 16px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform .14s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-btn:hover{box-shadow:var(--shadow-md)}.sf-btn:active{transform:translateY(1px) scale(.985);box-shadow:none;transition-duration:.05s}.sf-btn-primary{background:var(--ink);color:var(--paper);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow-sm)}.sf-btn-primary:hover{background:var(--ink-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),var(--shadow-md)}.sf-btn-accent{background:linear-gradient(180deg,var(--saffron-deep,#b85a22),color-mix(in srgb,var(--saffron-deep,#b85a22) 88%,var(--ink)));color:var(--accent-contrast,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),var(--shadow-sm)}.sf-btn-accent:hover{background:color-mix(in srgb,var(--saffron-deep,#b85a22) 88%,var(--ink));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),var(--shadow-md),var(--shadow-accent)}.sf-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.sf-btn-ghost:hover,.sf-btn-pill{background:var(--paper-2)}.sf-btn-pill{color:var(--ink);border-color:transparent}.sf-btn-pill:hover{background:var(--line-2)}.sf-chip{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--font-ui);padding:5px 9px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);letter-spacing:.02em}.sf-chip.sf-chip-saffron{background:var(--saffron-soft);color:var(--saffron-ink)}.sf-chip.sf-chip-sage{background:var(--sage-soft);color:var(--sage-ink,#3f4d33)}.sf-chip.sf-chip-claret{background:var(--claret-soft);color:var(--claret)}.sf-chip.sf-chip-line{background:transparent;border:1px solid var(--line);color:var(--muted)}.sf-chip .sf-dot{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.85}.sf-divider{height:1px;background:var(--line);border:0}.sf-prog{height:4px;background:var(--line-2);border-radius:999px;overflow:hidden}.sf-prog>i{display:block;height:100%;background:var(--saffron);border-radius:999px}.sf-prog.sf-prog-claret>i{background:var(--claret)}.sf-prog.sf-prog-thick{height:8px}.sf-avatar{width:28px;height:28px;border-radius:999px;background:var(--paper-2);display:inline-flex;align-items:center;justify-content:center;font:500 11px/1 var(--font-ui)}.sf-avatar,.sf-input,.sf-select{color:var(--ink);border:1px solid var(--line)}.sf-input,.sf-select{font:400 13px/1.2 var(--font-ui);background:var(--surface-raised);border-radius:8px;padding:8px 10px;outline:none;transition:border-color .12s,box-shadow .12s}.sf-input::-moz-placeholder{color:var(--muted-2)}.sf-input::placeholder{color:var(--muted-2)}.sf-input:focus,.sf-select:focus{border-color:var(--saffron)}kbd.sf-kbd{font:500 10px/1 var(--font-mono);background:var(--surface-raised);border:solid var(--line);border-width:1px 1px 2px;border-radius:4px;padding:3px 5px;color:var(--ink-2)}.sf-press{cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s,background .12s}.sf-press:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.sf-press:active{transform:translateY(0) scale(.995);box-shadow:var(--shadow-sm);transition-duration:.05s}.sf-art{width:100%;height:100%;background:var(--paper);color:var(--ink);overflow:hidden;position:relative}.sf-side{width:232px;flex:0 0 232px;background:var(--paper-2);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:4px;height:100%;overflow-y:auto;overscroll-behavior:contain}.sf-side::-webkit-scrollbar{width:6px}.sf-side::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.sf-side::-webkit-scrollbar-track{background:transparent}.sf-side .sf-brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.sf-side .sf-brand .sf-logo{width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:20px}.sf-side .sf-brand b{font:500 15px/1 var(--font-ui);letter-spacing:-.01em}.sf-side .sf-brand small{display:block;font:400 10px/1 var(--font-ui);color:var(--muted);margin-top:3px;letter-spacing:.1em;text-transform:uppercase}.sf-side .sf-navgroup{font:500 10px/1 var(--font-ui);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;padding:16px 10px 6px}.sf-side .sf-navitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font:500 13px/1 var(--font-ui);color:var(--ink-2);text-decoration:none;cursor:pointer;transition:background .1s;background:transparent;border:0;width:100%;text-align:left}.sf-side .sf-navitem:hover{background:var(--hover-wash,rgba(0,0,0,.04))}.sf-side .sf-navitem.sf-active{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.sf-side .sf-navitem .sf-i{width:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.sf-side .sf-navitem.sf-active .sf-i{color:var(--saffron)}.sf-side .sf-badge{margin-left:auto;font:500 10px/1 var(--font-ui);padding:3px 6px;border-radius:999px;background:var(--saffron);color:var(--accent-contrast,#fff)}.sf-top{justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--paper);gap:16px}.sf-search,.sf-top{display:flex;align-items:center}.sf-search{flex:1;max-width:420px;gap:8px;background:var(--surface-raised);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:400 13px/1 var(--font-ui);color:var(--muted);cursor:text}.sf-main{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.sf-scroll{overflow:auto;flex:1}.sf-content{padding:28px 36px 44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.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!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:var(--r)}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.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)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 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)}.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)}.blur,.invert{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)}.invert{--tw-invert:invert(100%)}.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)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--paper:#f6f1e8;--paper-2:#efe7d7;--surface:#fcfaf6;--surface-raised:#ffffff;--ink:#1a1612;--ink-2:#2a241d;--muted:#6e665d;--muted-2:#9a9085;--line:#e1d7c5;--line-2:#efe7d7;--saffron:#d26a2a;--saffron-soft:#f4e2cc;--saffron-ink:#6e3412;--claret:#6b2a2a;--claret-soft:#ecd8d2;--sage:#5e6f4f;--sage-soft:#dce1cf;--r-sm:6px;--r:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--shadow-sm:0 1px 0 rgba(28,22,18,0.04),0 1px 2px rgba(28,22,18,0.05);--shadow-md:0 1px 0 rgba(28,22,18,0.04),0 3px 10px -4px rgba(28,22,18,0.14);--shadow:0 1px 0 rgba(28,22,18,0.04),0 6px 18px -8px rgba(28,22,18,0.18);--shadow-lg:0 1px 0 rgba(28,22,18,0.04),0 24px 48px -18px rgba(28,22,18,0.25);--shadow-xl:0 1px 0 rgba(28,22,18,0.05),0 8px 20px -10px rgba(28,22,18,0.18),0 40px 72px -28px rgba(28,22,18,0.34);--shadow-accent:0 10px 30px -12px rgba(210,106,42,0.42);--text-2xs:10px;--text-xs:11.5px;--text-sm:13px;--text-base:14px;--text-md:clamp(15px,1.1vw,16px);--text-lg:clamp(17px,1.4vw,19px);--text-xl:clamp(20px,1.9vw,24px);--text-2xl:clamp(26px,2.8vw,34px);--text-3xl:clamp(34px,4.6vw,56px);--text-4xl:clamp(44px,6.5vw,76px);--text-5xl:clamp(52px,8vw,96px);--space:4px;--saffron-deep:#b85a22;--grad-hero:linear-gradient(120deg,#fcfaf6,#f4e2cc 55%,#efe0c8);--grad-accent:linear-gradient(120deg,var(--saffron),var(--saffron-deep));--hero-scrim:linear-gradient(90deg,rgba(252,250,246,0.92),rgba(252,250,246,0.55) 55%,rgba(252,250,246,0));--glass-bg:rgba(252,250,246,0.78);--glass-line:rgba(225,215,197,0.7);--glass-blur:14px;--live:#c22f2f;--live-soft:rgba(194,47,47,0.12);--accent-contrast:#ffffff;--sage-ink:#3f4d33;--hover-wash:rgba(0,0,0,0.04);--font-display:var(--font-display-src,"Instrument Serif","Cormorant Garamond",Georgia,serif);--font-ui:var(--font-ui-src,"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif);--font-mono:var(--font-mono-src,"JetBrains Mono",ui-monospace,Menlo,monospace);--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--dur-4:500ms;--dur-5:800ms;--ease-settle:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--medal-bronze:#b0703c;--medal-silver:#9aa4ad;--medal-gold:#d9a03f}[data-aesthetic=modern]{--paper:#f4f7f3;--paper-2:#e9efe6;--surface:#ffffff;--surface-raised:#ffffff;--ink:#14201a;--ink-2:#1e2d26;--muted:#5a6b62;--muted-2:#8b9890;--line:#dde3da;--line-2:#e8ede4;--shadow-sm:0 1px 0 rgba(20,32,26,0.04),0 1px 2px rgba(20,32,26,0.05);--shadow-md:0 1px 0 rgba(20,32,26,0.04),0 3px 10px -4px rgba(20,32,26,0.12);--shadow:0 1px 0 rgba(20,32,26,0.04),0 8px 24px -12px rgba(20,32,26,0.14);--shadow-lg:0 1px 0 rgba(20,32,26,0.04),0 24px 48px -18px rgba(20,32,26,0.2);--shadow-xl:0 1px 0 rgba(20,32,26,0.05),0 10px 24px -12px rgba(20,32,26,0.14),0 44px 80px -30px rgba(20,32,26,0.26);--shadow-accent:0 12px 34px -14px rgba(31,138,91,0.4);--hero-scrim:linear-gradient(90deg,rgba(244,247,243,0.92),rgba(244,247,243,0.55) 55%,rgba(244,247,243,0));--glass-bg:rgba(255,255,255,0.72);--glass-line:rgba(221,227,218,0.75)}[data-aesthetic=modern],[data-aesthetic=modern][data-accent=mint]{--saffron:#1f8a5b;--saffron-soft:#ddf0e5;--saffron-ink:#103e2c;--saffron-deep:#17714a;--claret:#c58524;--claret-soft:#f8ebcb;--sage:#1e7a8c;--sage-soft:#dde9ed;--grad-hero:linear-gradient(120deg,#ffffff,#ddf0e5 55%,#d2eadd);--shadow-accent:0 12px 34px -14px rgba(31,138,91,0.4)}[data-aesthetic=modern][data-accent=ocean]{--saffron:#1e7a8c;--saffron-soft:#dde9ed;--saffron-ink:#0e3640;--saffron-deep:#175f6e;--claret:#c58524;--claret-soft:#f8ebcb;--sage:#1f8a5b;--sage-soft:#ddf0e5;--grad-hero:linear-gradient(120deg,#ffffff,#dde9ed 55%,#d3e3e8);--shadow-accent:0 12px 34px -14px rgba(30,122,140,0.4)}[data-aesthetic=modern][data-accent=sunset]{--saffron:#c26b2e;--saffron-soft:#f4e2cc;--saffron-ink:#5a2e0f;--saffron-deep:#a55620;--claret:#6b2a2a;--claret-soft:#ecd8d2;--sage:#1f8a5b;--sage-soft:#ddf0e5;--grad-hero:linear-gradient(120deg,#ffffff,#f4e2cc 55%,#eeddc2);--shadow-accent:0 12px 34px -14px rgba(194,107,46,0.42)}[data-aesthetic=noir]{--paper:#141110;--paper-2:#1c1815;--surface:#181411;--surface-raised:#221d18;--ink:#f1e9da;--ink-2:#ddd1bc;--muted:#a89c8c;--muted-2:#7c7266;--line:#372f27;--line-2:#2a241f;--shadow-sm:0 1px 0 rgba(0,0,0,0.35),0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 1px 0 rgba(0,0,0,0.35),0 4px 12px -4px rgba(0,0,0,0.5);--shadow:0 1px 0 rgba(0,0,0,0.35),0 10px 26px -10px rgba(0,0,0,0.6);--shadow-lg:0 1px 0 rgba(0,0,0,0.35),0 28px 56px -18px rgba(0,0,0,0.7);--shadow-xl:0 1px 0 rgba(0,0,0,0.4),0 12px 28px -12px rgba(0,0,0,0.6),0 48px 88px -30px rgba(0,0,0,0.82);--shadow-accent:0 12px 40px -12px rgba(236,139,69,0.42);--glass-bg:rgba(24,20,17,0.72);--glass-line:rgba(241,233,218,0.09);--hero-scrim:linear-gradient(90deg,rgba(20,17,16,0.92),rgba(20,17,16,0.55) 55%,rgba(20,17,16,0));--live:#ff5a52;--live-soft:rgba(255,90,82,0.16);--accent-contrast:#1a120b;--sage-ink:#cfdcb4;--hover-wash:rgba(241,233,218,0.06);color-scheme:dark;--medal-bronze:#cf8a52;--medal-silver:#aeb9c2;--medal-gold:#f0be62}[data-aesthetic=noir],[data-aesthetic=noir][data-accent=sunset]{--saffron:#ec8b45;--saffron-soft:rgba(236,139,69,0.16);--saffron-ink:#ffc99a;--saffron-deep:#f79e58;--claret:#e0796b;--claret-soft:rgba(224,121,107,0.15);--sage:#a9bd8b;--sage-soft:rgba(169,189,139,0.15);--grad-hero:linear-gradient(120deg,#241d16,#2e2318 45%,#191411)}[data-aesthetic=noir][data-accent=mint]{--saffron:#3fd58f;--saffron-soft:rgba(63,213,143,0.14);--saffron-ink:#b5f0d3;--saffron-deep:#5ce2a2;--claret:#e3b25c;--claret-soft:rgba(227,178,92,0.15);--sage:#52b9cd;--sage-soft:rgba(82,185,205,0.14);--sage-ink:#c4e4ec;--grad-hero:linear-gradient(120deg,#16201a,#12281d 45%,#101815)}[data-aesthetic=noir][data-accent=ocean]{--saffron:#4cc3dc;--saffron-soft:rgba(76,195,220,0.14);--saffron-ink:#bfeaf4;--saffron-deep:#67d2e8;--claret:#e3b25c;--claret-soft:rgba(227,178,92,0.15);--sage:#3fd58f;--sage-soft:rgba(63,213,143,0.14);--sage-ink:#bdedd6;--grad-hero:linear-gradient(120deg,#14202a,#102532 45%,#0f161c)}[data-aesthetic=noir] .sf-img{background:repeating-linear-gradient(135deg,#372f27 0 1px,transparent 1px 10px),var(--paper-2)}[data-aesthetic=noir] .sf-card{box-shadow:inset 0 1px 0 rgba(241,233,218,.05),var(--shadow-sm)}.sf-top-title{font-family:var(--font-display,var(--font-ui));font-size:22px}.sf-top-sub{font-size:13px;color:var(--muted);margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sf-top-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.sf-top-titles{min-width:0}.sf-menu-btn{display:none;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font:500 13px/1 var(--font-ui);cursor:pointer;flex:0 0 auto}.sf-menu-btn:hover{background:var(--paper-2)}.sf-skip{position:absolute;left:12px;top:-60px;z-index:300;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--paper);font:500 13px/1 var(--font-ui);text-decoration:none;transition:top .15s ease}.sf-skip:focus,.sf-skip:focus-visible{top:12px;outline:2px solid var(--saffron);outline-offset:2px}.sf-content:focus{outline:none}.sf-pro>.sf-skip{position:fixed}.sf-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.sf-mobilenav{position:fixed;inset:0;z-index:260;display:flex}.sf-mobilenav-scrim{position:absolute;inset:0;border:0;padding:0;background:rgba(10,8,6,.5);cursor:pointer;animation:sf-mobilenav-fade .14s ease}.sf-mobilenav-panel{position:relative;z-index:1;height:100%;display:flex;animation:sf-mobilenav-slide .16s ease}.sf-mobilenav-panel .sf-side{box-shadow:var(--shadow-lg,0 16px 48px -12px rgba(0,0,0,.4))}.sf-mobilenav-close{position:absolute;top:14px;right:-46px;width:36px;height:36px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer}@keyframes sf-mobilenav-fade{0%{opacity:0}to{opacity:1}}@keyframes sf-mobilenav-slide{0%{transform:translateX(-16px);opacity:.6}to{transform:translateX(0);opacity:1}}@media (max-width:760px){.sf-art>.sf-side{display:none}.sf-art>.sf-main .sf-top{padding:10px 14px;flex-wrap:wrap;row-gap:8px;gap:10px}.sf-menu-btn{display:inline-flex;order:1}.sf-art>.sf-main .sf-top .sf-top-actions{order:2;flex:0 0 auto;margin-left:auto;gap:8px}.sf-art>.sf-main .sf-top .sf-top-titles{order:3;flex:1 1 100%;min-width:0}.sf-top-title{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-top-sub{white-space:nowrap;font-size:12px}.sf-art>.sf-main .sf-top .sf-search{order:4;flex:1 1 100%;max-width:none}.sf-art>.sf-main .sf-content{padding:16px 16px 32px}.sf-mobilenav-close{right:-44px}}[data-aesthetic=modern] .sf-img{background:repeating-linear-gradient(135deg,#c9d2c5 0 1px,transparent 1px 10px),var(--paper-2)}[data-aesthetic=modern] .sf-card{border-radius:18px;box-shadow:0 1px 0 rgba(20,32,26,.04),0 8px 24px -12px rgba(20,32,26,.14)}[data-aesthetic=modern] .sf-btn{border-radius:10px}[data-aesthetic=modern] .sf-btn-pill{border-radius:999px}[data-aesthetic=modern] .sf-chip{border-radius:6px}@keyframes sf-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.sf-anim-enter{animation:sf-enter .32s cubic-bezier(.22,1,.36,1) both}.sf-anim-fade{animation:sf-fade-in .4s ease both}.sf-anim-scale{animation:sf-scale-in .24s cubic-bezier(.22,1,.36,1) both}.sf-anim-stagger>*{animation:sf-enter .36s cubic-bezier(.22,1,.36,1) both}.sf-anim-stagger>:first-child{animation-delay:.03s}.sf-anim-stagger>:nth-child(2){animation-delay:.07s}.sf-anim-stagger>:nth-child(3){animation-delay:.11s}.sf-anim-stagger>:nth-child(4){animation-delay:.15s}.sf-anim-stagger>:nth-child(5){animation-delay:.19s}.sf-anim-stagger>:nth-child(6){animation-delay:.23s}.sf-anim-stagger>:nth-child(7){animation-delay:.27s}.sf-anim-stagger>:nth-child(8){animation-delay:.31s}.sf-anim-stagger>:nth-child(9){animation-delay:.35s}.sf-anim-stagger>:nth-child(10){animation-delay:.39s}.sf-anim-stagger>:nth-child(11){animation-delay:.43s}.sf-anim-stagger>:nth-child(n+12){animation-delay:.46s}.sf-anim-pulse{animation:sf-pulse 1.4s ease-in-out infinite}@keyframes sf-veil-lift{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.sf-anim-veil{position:relative}.sf-anim-veil:after{content:"";position:absolute;inset:0;z-index:60;background:var(--paper);pointer-events:none;animation:sf-veil-lift .44s cubic-bezier(.22,1,.36,1) .02s both}.sf-anim-lift{transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s ease;will-change:transform}.sf-anim-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.sf-anim-lift:active{transform:translateY(-1px) scale(.995);box-shadow:var(--shadow-md);transition-duration:.06s}.sf-anim-stagger-tight>*{animation:sf-enter .3s cubic-bezier(.22,1,.36,1) both}.sf-anim-stagger-tight>:first-child{animation-delay:.02s}.sf-anim-stagger-tight>:nth-child(2){animation-delay:45ms}.sf-anim-stagger-tight>:nth-child(3){animation-delay:.07s}.sf-anim-stagger-tight>:nth-child(4){animation-delay:95ms}.sf-anim-stagger-tight>:nth-child(5){animation-delay:.12s}.sf-anim-stagger-tight>:nth-child(6){animation-delay:.145s}.sf-anim-stagger-tight>:nth-child(7){animation-delay:.17s}.sf-anim-stagger-tight>:nth-child(8){animation-delay:.195s}.sf-anim-stagger-tight>:nth-child(n+9){animation-delay:.22s}@keyframes sf-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sf-glow{0%,to{box-shadow:0 0 0 0 var(--saffron-soft)}50%{box-shadow:0 0 22px -2px var(--saffron-soft)}}@keyframes sf-shimmer{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes sf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sf-anim-rise{animation:sf-rise .5s cubic-bezier(.22,1,.36,1) both}.sf-anim-glow{animation:sf-glow 2.4s ease-in-out infinite}.sf-anim-shimmer{background-image:linear-gradient(100deg,transparent 30%,var(--hover-wash) 45%,var(--saffron-soft) 50%,var(--hover-wash) 55%,transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:sf-shimmer 1.5s linear infinite}.sf-anim-float{animation:sf-float 5s ease-in-out infinite}.sf-anim-tilt{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease;transform-style:preserve-3d;will-change:transform}.sf-anim-tilt:hover{transform:translateY(-4px) rotateX(3deg) rotateY(-3deg);box-shadow:var(--shadow-xl)}.sf-anim-tilt:active{transform:translateY(-1px) scale(.995);transition-duration:.06s}.sf-perspective{perspective:1000px}.sf-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);border:1px solid var(--glass-line)}.sf-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--grad-hero);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),var(--shadow),var(--shadow-accent)}[data-aesthetic=noir] .sf-hero{box-shadow:inset 0 1px 0 rgba(241,233,218,.06),var(--shadow),var(--shadow-accent)}.sf-hero-canvas{position:absolute;inset:0;z-index:0}.sf-hero-canvas canvas{display:block;width:100%;height:100%}.sf-hero-scrim{position:absolute;inset:0;z-index:1;background:var(--hero-scrim);pointer-events:none}.sf-hero-content{position:relative;z-index:2;padding:26px 28px}.sf-hero-title{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-.015em;margin:0}.sf-hero-title em{font-style:italic;color:var(--saffron)}.sf-hero-compact .sf-hero-content{padding:18px 22px}.sf-hero-compact .sf-hero-title{font-size:clamp(24px,3vw,34px)}.sf-hero-fallback{position:absolute;inset:0;background:var(--grad-hero)}.sf-hero-fallback:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 26px,var(--saffron-soft) 26px 28px);opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 20%,#000 55%,transparent 90%);mask-image:linear-gradient(180deg,transparent 20%,#000 55%,transparent 90%)}.sf-live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:var(--live);color:#fff;font:700 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.sf-live-dot{width:6px;height:6px;border-radius:999px;background:currentColor;animation:sf-pulse 1.4s ease-in-out infinite}.sf-live-badge[data-ended=true]{background:var(--paper-2);color:var(--muted)}.sf-live-badge[data-ended=true] .sf-live-dot{animation:none}.sf-live-viewers{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2);font:600 11px/1 var(--font-mono);font-variant-numeric:tabular-nums}.sf-jam-chat,.sf-live-chat{display:flex;flex-direction:column;gap:8px}.sf-jam-chat-msg,.sf-live-chat-msg{align-self:flex-start;max-width:85%;padding:8px 11px;border-radius:12px 12px 12px 4px;background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);font:400 13px/1.45 var(--font-ui);color:var(--ink);overflow-wrap:anywhere}.sf-jam-chat-msg[data-own=true],.sf-live-chat-msg[data-own=true]{align-self:flex-end;border-radius:12px 12px 4px 12px;background:var(--saffron-soft);border-color:transparent}.sf-jam-chat-author,.sf-live-chat-author{display:block;font:600 11px/1.2 var(--font-ui);color:var(--muted);margin-bottom:2px}.sf-jam-chat-body,.sf-live-chat-body{display:block}.sf-jam-chat-time,.sf-live-chat-time{display:block;margin-top:3px;font:500 9.5px/1 var(--font-mono);color:var(--muted-2)}.sf-jam-chat-note,.sf-live-chat-note{align-self:center;font:500 11px/1.4 var(--font-ui);color:var(--muted-2);text-align:center}.sf-jam-presence{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sf-jam-member{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);font:500 12px/1 var(--font-ui);color:var(--ink-2)}.sf-jam-dot{width:8px;height:8px;border-radius:999px;background:var(--sage);box-shadow:0 0 0 2px var(--sage-soft);flex:0 0 auto}.sf-jam-dot[data-state=idle]{background:var(--claret);box-shadow:0 0 0 2px var(--claret-soft)}.sf-jam-dot[data-state=offline]{background:var(--muted-2);box-shadow:none}.sf-jam-readout{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:var(--r-sm);background:var(--paper-2);border:1px solid var(--line);font:600 14px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.sf-jam-readout small{font:600 9px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sf-jam-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:8px 6px;border-radius:var(--r);border:solid var(--line);border-width:1px 1px 3px;background:var(--surface-raised);color:var(--ink);font:500 15px/1 var(--font-display);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .08s,background .1s,border-color .1s}.sf-jam-pad:hover{border-color:var(--saffron)}.sf-jam-pad:active,.sf-jam-pad[data-on=true]{transform:translateY(1px);background:var(--saffron-soft);border-color:var(--saffron);border-bottom-width:1px;color:var(--saffron-ink)}.sf-jam-pad small{font:500 9px/1 var(--font-ui);color:var(--muted)}.sf-notif-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--ink);color:var(--paper);font:700 9.5px/1 var(--font-ui);font-variant-numeric:tabular-nums}.sf-notif-panel{width:344px;max-height:420px;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.sf-notif-list{display:flex;flex-direction:column}.sf-notif-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--line-2);background:transparent;text-align:left;cursor:pointer;transition:background .1s;font-family:var(--font-ui);color:var(--ink)}.sf-notif-row:last-child{border-bottom:0}.sf-notif-row:hover{background:var(--paper-2)}.sf-notif-row[data-unread=true]{background:var(--saffron-soft)}.sf-notif-row[data-unread=true]:hover{background:var(--saffron-soft);filter:brightness(.98)}.sf-notif-dot{width:7px;height:7px;margin-top:5px;border-radius:999px;background:var(--saffron);flex:0 0 auto}.sf-notif-row[data-unread=false] .sf-notif-dot{background:transparent}.sf-notif-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sf-notif-title{font:600 12.5px/1.35 var(--font-ui);color:var(--ink)}.sf-notif-body{font:400 12px/1.4 var(--font-ui);color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sf-notif-time{font:500 10px/1 var(--font-mono);color:var(--muted-2);white-space:nowrap;margin-top:3px;flex:0 0 auto}.sf-notif-empty{padding:22px 16px;text-align:center;font:400 12.5px/1.5 var(--font-ui);color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-delay:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sf-daw{--paper:#0b0d10;--paper-2:#121519;--surface:#15191e;--surface-raised:#1b2026;--surface-3:#232931;--ink:#eef2f4;--ink-2:#c4ccd2;--muted:#8a949c;--muted-2:#7f8993;--line:#2a3138;--line-2:#1e242a;--accent:var(--sf-accent,#2bd576);--accent-dim:var(--sf-accent-dim,#1f9b57);--accent-soft:var(--sf-accent-soft,rgba(43,213,118,0.16));--accent-ink:var(--sf-accent-ink,#061a0f);--accent-glow:0 0 0 1px var(--sf-accent-soft,rgba(43,213,118,0.45)),0 0 18px -4px var(--sf-accent-soft,rgba(43,213,118,0.55));--saffron:var(--accent);--saffron-soft:var(--accent-soft);--saffron-ink:var(--ink);--saffron-deep:var(--accent-dim);--accent-contrast:var(--accent-ink);--surface-hover:#2b323a;--line-3:#38414a;--line-4:#3a434d;--well:#07090b;--ctl-cap:#3a434d;--ctl-base:#20262c;--ctl-edge:#454f59;--rec:#f0473f;--rec-soft:rgba(240,71,63,0.16);--live:var(--rec);--live-soft:var(--rec-soft);--solo:#f5c451;--solo-soft:rgba(245,196,81,0.18);--meter-lo:#2bd576;--meter-mid:#d9e04a;--meter-hi:#f0473f;--clip-1:#46b6e6;--clip-2:#b07cf0;--clip-3:#2bd576;--clip-4:#f0a23f;--clip-5:#e6679a;--clip-6:#4fd6c4;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 2px 8px rgba(0,0,0,0.45);--shadow-lg:0 24px 60px -24px rgba(0,0,0,0.7);background:var(--paper);color:var(--ink);font-family:var(--font-ui)}.sf-daw-fill{margin:-28px -36px -44px}@media (max-width:760px){.sf-daw-fill{margin:-16px -16px -32px}}.sf-daw .sf-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}.sf-daw ::-moz-selection{background:var(--accent-soft)}.sf-daw ::selection{background:var(--accent-soft)}.sf-daw :focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sf-daw .sf-transport{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 14px;background:linear-gradient(180deg,var(--surface-raised),var(--surface));border:1px solid var(--line);border-radius:12px}.sf-daw .sf-tbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;min-width:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface-3);color:var(--ink-2);font:600 12px/1 var(--font-ui);cursor:pointer;transition:background .12s,color .12s,border-color .12s,box-shadow .12s,transform .06s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-daw .sf-tbtn:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--line-3)}.sf-daw .sf-tbtn:active{transform:translateY(1px)}.sf-daw .sf-tbtn svg{display:block}.sf-daw .sf-tbtn-play[data-on=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--accent-glow)}.sf-daw .sf-tbtn-stop[data-on=true]{background:var(--rec);border-color:var(--rec);color:#fff}.sf-daw .sf-tbtn-toggle[data-on=true]{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.sf-daw .sf-tbtn-rec{border-color:var(--rec-soft)}.sf-daw .sf-tbtn-rec[data-on=true]{background:var(--rec);border-color:var(--rec);color:#fff;box-shadow:0 0 12px -2px var(--rec)}.sf-daw .sf-tbtn-rec:disabled{opacity:.45;cursor:not-allowed}.sf-daw .sf-readout{display:flex;flex-direction:column;gap:2px;padding:5px 12px;border-radius:8px;background:var(--well);border:1px solid var(--line);min-width:0}.sf-daw .sf-readout .sf-readout-label{font:600 8.5px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.sf-daw .sf-readout .sf-readout-value{font:600 18px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.01em}.sf-daw .sf-readout .sf-readout-value.sf-readout-sub{font-size:13px;color:var(--ink-2)}.sf-daw .sf-tempo-input{width:4ch;background:transparent;border:none;color:var(--accent);font:600 18px/1 var(--font-mono);font-variant-numeric:tabular-nums;padding:0;text-align:left}.sf-daw .sf-tempo-input:focus{outline:none}.sf-daw .sf-tempo-input::-webkit-inner-spin-button,.sf-daw .sf-tempo-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sf-daw .sf-meter{position:relative;background:var(--well);border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.sf-daw .sf-meter-v{width:8px;height:100%}.sf-daw .sf-meter-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--meter-lo) 0,var(--meter-lo) 62%,var(--meter-mid) 80%,var(--meter-hi) 100%);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);mask-image:repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);transition:height .05s linear}.sf-daw .sf-meter-h{height:7px;width:100%}.sf-daw .sf-meter-h .sf-meter-fill{top:0;bottom:0;right:auto;background:linear-gradient(to right,var(--meter-lo) 0,var(--meter-lo) 62%,var(--meter-mid) 80%,var(--meter-hi) 100%);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 4px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 4px);transition:width .05s linear}.sf-daw .sf-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:6px;background:linear-gradient(to top,var(--accent-dim),var(--line));border-radius:999px;cursor:ns-resize}.sf-daw .sf-fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:13px;border-radius:3px;background:linear-gradient(180deg,var(--ctl-cap),var(--ctl-base));border:1px solid var(--ctl-edge);box-shadow:0 1px 2px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12);cursor:ns-resize}.sf-daw .sf-fader::-moz-range-thumb{width:26px;height:13px;border-radius:3px;background:linear-gradient(180deg,var(--ctl-cap),var(--ctl-base));border:1px solid var(--ctl-edge);box-shadow:0 1px 2px rgba(0,0,0,.6);cursor:ns-resize}.sf-daw .sf-fader::-moz-range-track{width:6px;background:transparent}.sf-daw .sf-pan{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--line);cursor:ew-resize}.sf-daw .sf-pan::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:999px;background:var(--ink-2);border:1px solid var(--ctl-edge);box-shadow:0 1px 2px rgba(0,0,0,.6);cursor:ew-resize}.sf-daw .sf-pan::-moz-range-thumb{width:12px;height:12px;border-radius:999px;background:var(--ink-2);border:1px solid var(--ctl-edge);cursor:ew-resize}.sf-daw .sf-msr{display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;border-radius:5px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);font:700 10px/1 var(--font-ui);letter-spacing:.02em;cursor:pointer;transition:background .1s,color .1s,border-color .1s,box-shadow .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-daw .sf-msr:hover{background:var(--surface-hover);color:var(--ink-2)}.sf-daw .sf-msr-m[data-on=true]{background:var(--rec);border-color:var(--rec);color:#fff}.sf-daw .sf-msr-s[data-on=true]{background:var(--solo);border-color:var(--solo);color:#1a1405}.sf-daw .sf-msr-rec[data-on=true]{background:var(--rec);border-color:var(--rec);color:#fff;box-shadow:0 0 10px -2px var(--rec)}.sf-daw .sf-insert-chip{display:inline-flex;align-items:center;gap:5px;height:20px;max-width:100%;padding:0 7px;border-radius:5px;border:1px solid var(--line);background:var(--paper-2);color:var(--muted);font:600 10px/1 var(--font-mono);letter-spacing:.01em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-daw .sf-insert-chip[data-bound=true]{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.sf-daw .sf-insert-chip:hover{border-color:var(--line-4)}.sf-daw .sf-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface-3);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:600 11px/1 var(--font-mono);padding:5px 22px 5px 8px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 12px),calc(100% - 8px);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.sf-daw .sf-select:hover{border-color:var(--line-4)}.sf-daw .sf-select option{background:var(--surface);color:var(--ink)}.sf-daw .sf-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-3);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:600 11px/1 var(--font-mono);padding:5px 6px}.sf-daw .sf-input:focus{outline:none;border-color:var(--accent-dim,#2f6b4a)}.sf-daw .sf-input::-moz-placeholder{color:var(--muted-2)}.sf-daw .sf-input::placeholder{color:var(--muted-2)}.sf-daw .sf-scrollx::-webkit-scrollbar,.sf-daw .sf-scrolly::-webkit-scrollbar{width:10px;height:10px}.sf-daw .sf-scrollx::-webkit-scrollbar-thumb,.sf-daw .sf-scrolly::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--paper-2);border-radius:999px}.sf-daw .sf-scrollx::-webkit-scrollbar-thumb:hover,.sf-daw .sf-scrolly::-webkit-scrollbar-thumb:hover{background:var(--line-3)}.sf-daw .sf-scrollx::-webkit-scrollbar-track,.sf-daw .sf-scrolly::-webkit-scrollbar-track{background:var(--paper-2)}.sf-daw .sf-tl-zoom{display:flex;align-items:center;gap:2px}.sf-daw .sf-tl-zoom-btn{width:20px;height:19px;font-size:13px;line-height:1}.sf-daw .sf-tl-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.sf-daw .sf-tl-zoom-pct{min-width:34px;height:19px;padding:0 4px;border-radius:5px;border:1px solid var(--line);background:var(--surface-3);color:var(--ink-2);font-size:9.5px;font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.sf-daw .sf-tl-zoom-pct:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--line-3)}.sf-daw .sf-track-resize:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent;transition:background .1s}.sf-daw .sf-track-resize:hover:after{background:var(--accent);box-shadow:0 0 6px -1px var(--accent)}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.35}}.sf-daw .sf-pulse{animation:sf-pulse 1.4s ease-in-out infinite}.sf-pro{--sf-topbar-h:72px;--sf-topbar-row1-h:28px;--sf-topbar-row2-h:44px;--sf-statusbar-h:26px;--sf-browser-w:248px;--sf-inspector-w:312px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-pro .sf-pro-topbar{display:flex;flex-direction:column;gap:0;padding:0;min-height:var(--sf-topbar-h);background:linear-gradient(180deg,#0f1216,var(--paper-2));border-bottom:1px solid var(--line);overflow:visible;min-width:0;position:relative;z-index:200}.sf-pro .sf-pro-topbar-row1{height:var(--sf-topbar-row1-h)}.sf-pro .sf-pro-topbar-row1,.sf-pro .sf-pro-topbar-row2{display:flex;align-items:center;gap:9px;padding:0 12px;min-width:0;overflow:visible}.sf-pro .sf-pro-topbar-row2{height:var(--sf-topbar-row2-h);border-top:1px solid var(--line)}.sf-pro .sf-pro-topbar-settings{margin-left:auto;flex:0 0 auto}.sf-pro .sf-pro-transport-slot{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden}.sf-pro .sf-pro-topbar-divider{width:1px;align-self:stretch;margin:6px 0;background:var(--line);flex:0 0 auto}.sf-pro .sf-pro-projectmenu{display:flex;align-items:center;gap:7px;flex:0 0 auto}.sf-pro .sf-pro-brand{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:800;box-shadow:var(--accent-glow);flex:0 0 auto}.sf-pro .sf-pro-menubtn-group{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:8px;background:var(--paper-2);border:1px solid var(--line)}.sf-pro .sf-pro-menubtn{display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:24px;padding:0 7px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink-2);font:600 11.5px/1 var(--font-ui);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.sf-pro .sf-pro-menubtn:hover{background:var(--surface-3);color:var(--ink)}.sf-pro .sf-pro-menubtn:disabled{opacity:.4;cursor:not-allowed}.sf-pro .sf-pro-menubtn-accent{color:var(--accent)}.sf-pro .sf-pro-menubtn-accent:hover{background:var(--accent-soft);color:var(--accent)}.sf-pro .sf-pro-body{display:grid;grid-template-columns:var(--sf-browser-w) minmax(0,1fr) var(--sf-inspector-w);min-height:0;overflow:hidden}.sf-pro .sf-pro-pane{display:flex;flex-direction:column;min-height:0;background:var(--surface);overflow:hidden}.sf-pro .sf-pro-browser{border-right:1px solid var(--line)}.sf-pro .sf-pro-inspector{border-left:1px solid var(--line);background:var(--paper-2)}.sf-pro .sf-pro-pane-head{height:30px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--paper-2);flex:0 0 auto}.sf-pro .sf-pro-inspector .sf-pro-pane-head{background:var(--surface)}.sf-pro .sf-pro-pane-body{flex:1;min-height:0;overflow-y:auto}.sf-pro .sf-pro-dock-tabs,.sf-pro .sf-pro-tabs{display:flex;align-items:stretch;gap:2px;padding:5px 8px;border-bottom:1px solid var(--line);background:var(--paper-2);flex:0 0 auto}.sf-pro .sf-pro-tab{position:relative;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 12px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);font:600 11px/1 var(--font-ui);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.sf-pro .sf-pro-tab:hover{color:var(--ink-2);background:var(--surface-3)}.sf-pro .sf-pro-tab[data-on=true]{background:var(--surface-raised);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.sf-pro .sf-pro-tab-dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 6px -1px var(--accent)}.sf-pro .sf-pro-browser-search{display:flex;align-items:center;gap:5px;margin:8px 10px;padding:6px 10px;border-radius:8px;background:var(--well);border:1px solid var(--line);flex:0 0 auto}.sf-pro .sf-pro-search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font:500 12px/1 var(--font-ui)}.sf-pro .sf-pro-search-input::-moz-placeholder{color:var(--muted-2)}.sf-pro .sf-pro-search-input::placeholder{color:var(--muted-2)}.sf-pro .sf-pro-browser-group{padding:12px 12px 5px;font:600 9.5px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.sf-pro .sf-pro-browser-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 12px;border:none;border-left:2px solid transparent;background:transparent;color:var(--ink-2);text-align:left;cursor:pointer;transition:background .1s,border-color .1s}.sf-pro .sf-pro-browser-row:hover{background:var(--surface-3);border-left-color:var(--accent)}.sf-pro .sf-pro-browser-row[data-disabled=true]{cursor:default;opacity:.55}.sf-pro .sf-pro-browser-row[data-disabled=true]:hover{background:transparent;border-left-color:transparent}.sf-pro .sf-pro-browser-glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--paper-2);border:1px solid var(--line);color:var(--accent);font-size:14px;flex:0 0 auto}.sf-pro .sf-pro-browser-row[data-kind=instrument] .sf-pro-browser-glyph{color:var(--clip-2)}.sf-pro .sf-pro-browser-row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sf-pro .sf-pro-browser-row-label{font:600 12.5px/1.1 var(--font-ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pro .sf-pro-browser-row-sub{font:500 10px/1 var(--font-ui);color:var(--muted-2)}.sf-pro .sf-pro-browser-add{font-size:14px;color:var(--muted-2);opacity:0;transition:opacity .1s,color .1s;flex:0 0 auto}.sf-pro .sf-pro-browser-row:hover .sf-pro-browser-add{opacity:1;color:var(--accent)}.sf-pro .sf-pro-browser-empty{padding:6px 12px 12px;font:500 11px/1.5 var(--font-ui);color:var(--muted-2);margin:0}.sf-pro .sf-pro-browser-folderbar{display:flex;align-items:center;gap:7px;padding:8px 10px}.sf-pro .sf-pro-browser-folder{flex:1;min-width:0;font:600 11px/1 var(--font-mono);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pro .sf-pro-preview-btn{cursor:pointer;font-size:9px;color:var(--ink-2);text-indent:1px;transition:background .1s,color .1s,border-color .1s}.sf-pro .sf-pro-preview-btn[data-on=true]{text-indent:0}.sf-pro .sf-pro-preview-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.sf-pro .sf-pro-preview-btn[data-on=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sf-pro .sf-pro-browser-row[draggable=true]{cursor:grab;border-bottom:1px solid var(--line-2);padding-right:10px}.sf-pro .sf-pro-browser-row[draggable=true]:active{cursor:grabbing}.sf-pro .sf-pro-browser-addbtn{display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border-radius:6px;border:1px solid var(--line-4);background:var(--surface-raised);color:var(--ink-2);font-size:15px;line-height:1;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.sf-pro .sf-pro-browser-addbtn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sf-pro .sf-pro-center{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--paper)}.sf-pro .sf-pro-arrangement{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px}.sf-pro .sf-pro-arrangement>.sf-card{min-height:100%}.sf-pro .sf-pro-arrangement>.sf-card>div{flex:1 1 auto}.sf-pro .sf-pro-dock{display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--surface);overflow:hidden;flex:0 0 auto}.sf-pro .sf-pro-dock-body{flex:1;min-height:0;overflow:auto;padding:8px}.sf-pro .sf-pro-statusbar{display:flex;align-items:center;gap:14px;height:var(--sf-statusbar-h);padding:0 12px;border-top:1px solid var(--line);background:var(--paper-2);font:500 11px/1 var(--font-ui);flex:0 0 auto}.sf-pro .sf-pro-badge{display:inline-flex;align-items:center;height:16px;padding:0 7px;border-radius:4px;font:800 9px/1 var(--font-ui);letter-spacing:.12em}.sf-pro .sf-pro-badge-edition{background:var(--accent);color:var(--accent-ink)}.sf-pro .sf-pro-status-item{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);white-space:nowrap}.sf-pro .sf-pro-status-key{font:600 8.5px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.sf-pro .sf-pro-status-key[data-on=true]{color:var(--accent)}.sf-pro .sf-pro-status-val{color:var(--ink-2)}.sf-pro .sf-pro-inspector-card{background:var(--surface)}.sf-pro .sf-pro-device-slot{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px dashed var(--line);border-radius:7px;background:var(--well)}.sf-pro .sf-pro-device-slot-glyph{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--paper-2);color:var(--muted-2);font-size:12px;flex:0 0 auto}.sf-pro .sf-pro-device-slot-text{flex:1;font:500 11px/1.3 var(--font-ui);color:var(--muted)}.sf-pro .sf-pro-device-slot-add{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.sf-pro .sf-pro-topbar .sf-transport{flex:1;min-width:0;align-self:center;background:transparent;border:none;border-radius:0;padding:0;gap:10px}.sf-pro .sf-pro-topbar .sf-readout{align-items:center;text-align:center;justify-content:center}.sf-pro .sf-pro-topbar .sf-tbtn{height:30px;min-width:30px;padding:0 8px}.sf-pro .sf-pro-topbar .sf-tbtn svg{width:13px;height:13px}.sf-pro .sf-pro-topbar .sf-readout{padding:2px 8px;gap:0}.sf-pro .sf-pro-topbar .sf-readout .sf-readout-value{font-size:14px}.sf-pro .sf-pro-topbar .sf-readout .sf-readout-value.sf-readout-sub{font-size:12px}.sf-pro .sf-pro-topbar .sf-tempo-input{font-size:14px}.sf-pro .sf-pro-pane-head .sf-eyebrow{color:#a6b0b8}.sf-pro .sf-plugin-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.sf-pro .sf-plugin-window{position:fixed;width:272px;pointer-events:auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 90px),linear-gradient(180deg,var(--surface),var(--paper-2));--dev-hue:var(--accent);--dev-fill:color-mix(in srgb,var(--dev-hue) 17%,transparent);--dev-soft:color-mix(in srgb,var(--dev-hue) 30%,transparent)}.sf-pro .sf-plugin-window[data-category=dynamics]{--dev-hue:var(--clip-3)}.sf-pro .sf-plugin-window[data-category=eq]{--dev-hue:var(--clip-6)}.sf-pro .sf-plugin-window[data-category=time]{--dev-hue:var(--clip-2)}.sf-pro .sf-plugin-window[data-category=modulation]{--dev-hue:var(--clip-5)}.sf-pro .sf-plugin-window[data-category=colour]{--dev-hue:var(--clip-4)}.sf-pro .sf-plugin-window[data-category=instrument]{--dev-hue:var(--clip-1)}.sf-pro .sf-plugin-window:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--dev-hue),color-mix(in srgb,var(--dev-hue) 34%,transparent) 38%,color-mix(in srgb,var(--dev-hue) 8%,transparent))}.sf-pro .sf-plugin-window-head{display:flex;align-items:center;gap:9px;padding:8px 11px;cursor:move;background:linear-gradient(90deg,color-mix(in srgb,var(--dev-hue) 10%,transparent),transparent 180px),linear-gradient(180deg,var(--surface-raised),var(--surface));border-bottom:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.sf-pro .sf-plugin-window-glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--dev-hue) 16%,transparent);border:1px solid color-mix(in srgb,var(--dev-hue) 32%,transparent);color:var(--dev-hue);font-size:14px;flex:0 0 auto}.sf-pro .sf-plugin-window-cat{font:600 8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dev-hue);padding:4px 6px;border-radius:5px;border:1px solid color-mix(in srgb,var(--dev-hue) 26%,transparent);background:color-mix(in srgb,var(--dev-hue) 9%,transparent);white-space:nowrap;flex:0 0 auto}.sf-pro .sf-plugin-window-title{font:600 13px/1.1 var(--font-ui);color:var(--ink)}.sf-pro .sf-plugin-window-sub{font:500 10px/1.2 var(--font-ui);color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pro .sf-plugin-window-close{width:22px;height:22px;flex:0 0 auto;border-radius:6px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);font-size:11px;cursor:pointer;transition:background .1s,color .1s}.sf-pro .sf-plugin-window-close:hover{background:var(--rec);border-color:var(--rec);color:#fff}.sf-pro .sf-plugin-window-body{display:flex;flex-direction:column;gap:10px;padding:12px}.sf-pro .sf-plugin-window-body>*{flex-shrink:0}.sf-pro .sf-plugin-window-expand:hover{filter:brightness(1.2)}.sf-pro .sf-plugin-window-expand:focus-visible{box-shadow:var(--accent-glow)}.sf-pro .sf-plugin-seg:hover{filter:brightness(1.15)}.sf-pro .sf-plugin-seg:focus-visible{box-shadow:var(--accent-glow)}.sf-pro .sf-dev-plate{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:7px 10px 9px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,var(--surface-3),var(--surface-raised) 62%,var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.4),0 3px 7px -4px rgba(0,0,0,.8)}.sf-pro .sf-dev-well{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;gap:0;min-width:0;padding:8px 9px 9px;border:1px solid rgba(0,0,0,.6);border-radius:9px;background:radial-gradient(130% 88% at 50% -8%,color-mix(in srgb,var(--dev-hue) 9%,transparent),transparent 68%),var(--well);box-shadow:inset 0 3px 7px -2px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.028),0 1px 0 rgba(255,255,255,.055)}.sf-pro .sf-dev-well:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--dev-hue),transparent);opacity:.34}.sf-pro .sf-dev-group{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:1px 9px 0}.sf-pro .sf-dev-group+.sf-dev-group{border-left:1px solid var(--line-2)}.sf-pro .sf-dev-cell{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}.sf-pro .sf-dev-cell+.sf-dev-cell{margin-left:9px;padding-left:9px;border-left:1px solid rgba(255,255,255,.055)}.sf-pro .sf-dev-plate>.sf-dev-row{gap:0}.sf-pro .sf-dev-plate>.sf-dev-row+.sf-dev-row{padding-top:8px;border-top:1px solid var(--line-2)}.sf-pro .sf-dev-rail{display:flex;flex-direction:column;gap:6px;padding:0 1px 8px;border-bottom:1px solid var(--line-2)}.sf-pro .sf-dev-eyebrow{display:inline-flex;align-items:center;gap:6px;font:600 8.5px/1 var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pro .sf-dev-eyebrow:before{content:"";flex:0 0 auto;width:2px;height:8px;border-radius:1px;background:var(--dev-hue);opacity:.9}.sf-pro .sf-dev-well .sf-dev-eyebrow{color:var(--muted-2)}.sf-pro .sf-dev-stack{display:flex;flex-direction:column;gap:9px}.sf-pro .sf-dev-stack>*{flex-shrink:0}.sf-pro .sf-dev-face,.sf-pro .sf-dev-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:9px}.sf-pro .sf-dev-meters{display:flex;align-items:stretch;gap:9px;flex:1 1 auto;min-height:96px;max-height:180px}.sf-pro .sf-dev-meter-col{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.sf-pro .sf-dev-meter-cap{font:600 8px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sf-pro .sf-dev-meter-val{font:500 9px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.sf-pro .sf-dev-gr-well{position:relative;width:10px;flex:1 1 auto;border-radius:3px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.sf-pro .sf-dev-well .sf-dev-gr-well,.sf-pro .sf-dev-well .sf-mast-well{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.sf-pro .sf-dev-gr-fill{position:absolute;left:0;right:0;top:0;background:linear-gradient(to bottom,var(--claret),color-mix(in srgb,var(--claret) 55%,transparent));-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 4px);mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 4px);transition:height 60ms linear}.sf-pro .sf-plugin-scope{display:block;width:100%;background:var(--well);border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,255,255,.03)}.sf-pro .sf-dev-well .sf-plugin-scope{background:transparent;border-color:rgba(255,255,255,.05);border-radius:5px;box-shadow:none}.sf-pro .sf-scope-mid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 3}.sf-pro .sf-scope-grid{stroke:var(--line-2);stroke-width:1}.sf-pro .sf-dev-well .sf-scope-grid{stroke:rgba(255,255,255,.075)}.sf-pro .sf-dev-well .sf-scope-mid{stroke:rgba(255,255,255,.16)}.sf-pro .sf-dev-well .sf-scope-rest{stroke:rgba(255,255,255,.13)}.sf-pro .sf-scope-line{stroke:var(--dev-hue,var(--accent));stroke-width:1.5;filter:drop-shadow(0 0 3px var(--dev-soft,var(--accent-soft)))}.sf-pro .sf-scope-rest{stroke:var(--line-2);stroke-width:1;opacity:.55}.sf-pro .sf-eq-spectrum{opacity:.16}.sf-pro .sf-dev-well .sf-eq-spectrum{opacity:.22}.sf-pro .sf-eq-node{stroke:#06120c;stroke-width:1.5}.sf-pro .sf-eq-node:hover{stroke:var(--ink)}.sf-pro .sf-scope-line-2{stroke:var(--muted-2);stroke-width:1;stroke-dasharray:2 3;opacity:.6}.sf-pro .sf-scope-fill{fill:var(--dev-hue,var(--accent));opacity:.14}.sf-pro .sf-dev-well .sf-scope-fill{opacity:.12}.sf-pro .sf-scope-fill-rec{fill:var(--claret,#b4506b);opacity:.3}.sf-pro .sf-mb-gr{fill:var(--claret,#b4506b);opacity:.52}.sf-pro .sf-mb-gr-edge{stroke:var(--claret,#b4506b);stroke-width:1.5}.sf-pro .sf-scope-stem{stroke:var(--dev-hue,var(--accent));stroke-width:2}.sf-pro .sf-scope-stem-dry{stroke:var(--muted-2);stroke-width:2}.sf-pro .sf-scope-dot{fill:var(--dev-hue,var(--accent))}.sf-pro .sf-scope-dot-dry{fill:var(--muted-2)}.sf-pro .sf-mastering-win{cursor:default}.sf-pro .sf-mastering-win .sf-plugin-window-body{gap:0}.sf-pro .sf-mastering-status{flex:0 0 auto;font:600 8.5px/1 var(--font-mono);letter-spacing:.04em;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);white-space:nowrap;transition:background var(--dur-1) var(--ease-settle),color var(--dur-1) var(--ease-settle),border-color var(--dur-1) var(--ease-settle)}.sf-pro .sf-mastering-status[data-live=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#06120c)}.sf-pro .sf-mast-well{position:relative;width:11px;flex:1 1 auto;border-radius:3px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.sf-pro .sf-mast-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--accent),color-mix(in srgb,var(--accent) 55%,transparent));-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 4px);mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 4px);transition:height 80ms linear}.sf-pro .sf-mast-fill[data-over=true]{background:linear-gradient(to top,var(--claret),color-mix(in srgb,var(--claret) 55%,transparent))}.sf-pro .sf-mast-tick{position:absolute;left:0;right:0;height:1px;background:var(--muted);opacity:.7}.sf-pro .sf-mast-gauge{position:relative;height:12px;border-radius:3px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.sf-pro .sf-mast-gauge-win{position:absolute;top:0;bottom:0;left:45.8%;width:8.4%;background:color-mix(in srgb,var(--accent) 18%,transparent)}.sf-pro .sf-mast-gauge-mid{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--muted);opacity:.7}.sf-pro .sf-mast-gauge-mark{position:absolute;top:1px;bottom:1px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--warn,#d9a13c);transition:left .12s var(--ease-settle)}.sf-pro .sf-mast-gauge-mark[data-on=true]{background:var(--accent)}.sf-pro .sf-mast-card{flex:0 0 auto;width:190px;display:flex;flex-direction:column;gap:7px;padding:9px 10px 10px;border-radius:9px;border:1px solid rgba(0,0,0,.45);background:color-mix(in srgb,var(--well) 65%,var(--surface));box-shadow:inset 0 2px 5px -1px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.035);transition:border-color var(--dur-2) var(--ease-settle),box-shadow var(--dur-2) var(--ease-settle),background var(--dur-2) var(--ease-settle)}.sf-pro .sf-mast-card[data-on=true]{border-color:color-mix(in srgb,var(--dev-hue) 42%,var(--line));background:linear-gradient(180deg,var(--surface-3),var(--surface-raised) 62%,var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.4),0 3px 7px -4px rgba(0,0,0,.8)}.sf-pro .sf-zonemap{position:relative;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-pro .sf-zonemap-lane{position:relative;border-radius:7px 7px 0 0;background:var(--well);box-shadow:inset 0 1px 3px rgba(0,0,0,.55);border:1px solid var(--line);border-bottom:none;overflow:hidden}.sf-pro .sf-zonemap-empty{position:absolute;inset:0;display:grid;place-items:center;padding:0 10px;text-align:center;font:500 9.5px/1.3 var(--font-ui);color:var(--muted-2);pointer-events:none}.sf-pro .sf-zonemap-bar{position:absolute;display:flex;align-items:center;gap:3px;padding-inline:5px;border-radius:3px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);cursor:grab;overflow:hidden;white-space:nowrap;transition:background var(--dur-1) var(--ease-settle),border-color var(--dur-1) var(--ease-settle)}.sf-pro .sf-zonemap-bar[data-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sf-pro .sf-zonemap-bar-name{font:600 8.5px/1 var(--font-ui);overflow:hidden;text-overflow:ellipsis}.sf-pro .sf-zonemap-grip{position:absolute;top:0;bottom:0;width:6px}.sf-pro .sf-zonemap-root{position:absolute;bottom:0;width:0;height:0;transform:translateX(-50%);border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid var(--accent);pointer-events:none}.sf-pro .sf-zonemap-keys{position:relative;height:26px;border:1px solid var(--line);border-radius:0 0 4px 4px;background:var(--surface-3);overflow:hidden}.sf-pro .sf-zonemap-key{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#cdd4d8,#9aa4aa);border-right:1px solid rgba(0,0,0,.5)}.sf-pro .sf-zonemap-key[data-c=true]{background:linear-gradient(180deg,#b9c6cd,#8c9aa2)}.sf-pro .sf-zonemap-key-b{position:absolute;top:0;height:62%;transform:translateX(-50%);border-radius:0 0 2px 2px;background:linear-gradient(180deg,#23292d,#0d1113);box-shadow:0 1px 1px rgba(0,0,0,.6)}.sf-pro .sf-zonemap-ruler{position:relative;height:11px;margin-top:2px}.sf-pro .sf-zonemap-oct{position:absolute;top:0;transform:translateX(-50%);font:500 7.5px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-2)}.sf-pro .sf-zonemap-drop{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px dashed var(--line);border-radius:7px;text-align:center;cursor:pointer;font:500 10px/1.3 var(--font-ui);color:var(--muted);background:transparent;transition:border-color var(--dur-1) var(--ease-settle),background var(--dur-1) var(--ease-settle),color var(--dur-1) var(--ease-settle)}.sf-pro .sf-zonemap-drop:hover,.sf-pro .sf-zonemap-drop[data-active=true]{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,transparent)}.sf-pro .sf-zonemap-drop-glyph{font-size:12px;line-height:1;color:var(--accent)}.sf-pro .sf-zone-panel{border:1px solid var(--line-2);border-radius:7px;padding:4px 9px 8px;margin:0;min-width:0}.sf-pro .sf-zone-panel-legend{display:flex;align-items:baseline;gap:7px;padding:0 4px;min-width:0}.sf-pro .sf-zone-panel-name{font:600 9px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.sf-pro .sf-zone-panel-range{font:500 8.5px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-2);white-space:nowrap}.sf-pro .sf-zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:5px 14px;margin-top:4px}.sf-pro .sf-zone-row{display:grid;grid-template-columns:44px 1fr 46px;align-items:center;gap:6px;min-width:0}.sf-pro .sf-zone-row-cap{font:600 8px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.sf-pro .sf-zone-row-val{text-align:right;font:500 9px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.sf-pro .sf-zone-loop{display:inline-flex;align-items:center;gap:5px;font:600 8px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer}.sf-pro .sf-zone-loop input{accent-color:var(--accent);width:12px;height:12px}.sf-pro .sf-zone-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:12px;background:transparent;cursor:ew-resize}.sf-pro .sf-zone-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.sf-pro .sf-zone-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.sf-pro .sf-zone-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:12px;margin-top:-4px;border-radius:2px;border:1px solid var(--ctl-edge);background:linear-gradient(180deg,var(--ctl-cap),var(--ctl-base));box-shadow:0 1px 2px rgba(0,0,0,.45)}.sf-pro .sf-zone-slider::-moz-range-thumb{width:9px;height:12px;border-radius:2px;border:1px solid var(--ctl-edge);background:linear-gradient(180deg,var(--ctl-cap),var(--ctl-base));box-shadow:0 1px 2px rgba(0,0,0,.45)}.sf-pro .sf-zone-slider:focus-visible{outline:none}.sf-pro .sf-zone-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--accent-glow)}.sf-pro .sf-drum-rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:8px 10px}.sf-pro .sf-drum-bank{display:flex;flex-direction:column;gap:5px;min-width:0}.sf-pro .sf-drum-bank-cap{display:flex;align-items:center;gap:7px;font:600 8px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}.sf-pro .sf-drum-bank-cap:after{content:"";flex:1 1 auto;height:1px;background:var(--line-2)}.sf-pro .sf-drum-bank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sf-pro .sf-drum-pad{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1px;min-width:0;min-height:52px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% -10%,rgba(255,255,255,.1),rgba(255,255,255,0) 60%),linear-gradient(180deg,var(--surface-raised),var(--surface-3,var(--surface)) 62%,var(--well));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 3px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.4);color:var(--ink);cursor:pointer;text-align:left;overflow:hidden;transition:background .08s,border-color .08s,transform .06s,box-shadow .08s}.sf-pro .sf-drum-pad:hover{border-color:var(--accent-dim)}.sf-pro .sf-drum-pad:focus-visible{outline:none;box-shadow:var(--accent-glow)}.sf-pro .sf-drum-pad[data-last=true]{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.sf-pro .sf-drum-pad:active,.sf-pro .sf-drum-pad[data-hit=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}.sf-pro .sf-drum-pad-led{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--line);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4);transition:background .08s,box-shadow .08s}.sf-pro .sf-drum-pad[data-last=true] .sf-drum-pad-led{background:color-mix(in srgb,var(--accent) 45%,transparent)}.sf-pro .sf-drum-pad:active .sf-drum-pad-led,.sf-pro .sf-drum-pad[data-hit=true] .sf-drum-pad-led{background:var(--accent-ink);box-shadow:0 0 5px rgba(255,255,255,.5)}.sf-pro .sf-drum-pad-name{font:600 10px/1.15 var(--font-ui);letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-pro .sf-drum-pad-note{font:500 8px/1 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.sf-pro .sf-drum-pad:active .sf-drum-pad-note,.sf-pro .sf-drum-pad[data-hit=true] .sf-drum-pad-note{color:var(--accent-ink)}.sf-pro .sf-plugin-window[data-focused=false]{opacity:.82;filter:saturate(.7) brightness(.92)}.sf-pro .sf-plugin-window[data-focused=true]{border-color:color-mix(in srgb,var(--dev-hue) 55%,var(--line));box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--dev-hue) 38%,transparent),0 0 20px -5px color-mix(in srgb,var(--dev-hue) 50%,transparent)}.sf-pro .sf-knob-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px;justify-items:center}.sf-pro .sf-knob{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:66px}.sf-pro .sf-knob-svg{cursor:ns-resize;touch-action:none;border-radius:999px;outline:none}.sf-pro .sf-knob-svg:focus-visible{box-shadow:var(--accent-glow)}.sf-pro .sf-knob-track{stroke:var(--line);stroke-width:3.2;stroke-linecap:round}.sf-pro .sf-knob-fill{stroke:var(--dev-hue,var(--accent));stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--dev-soft,var(--accent-soft)))}.sf-pro .sf-knob-cap{fill:var(--ctl-base);stroke:var(--ctl-edge);stroke-width:1;transition:fill var(--dur-1) var(--ease-settle),stroke var(--dur-1) var(--ease-settle)}.sf-pro .sf-knob-cap-light{stroke:var(--ctl-cap);stroke-width:2.2;stroke-linecap:round;opacity:.85}.sf-pro .sf-knob-tick{stroke:var(--line);stroke-width:1.2;stroke-linecap:round}.sf-pro .sf-knob-tick-mid{stroke:var(--muted-2);stroke-width:1.4;stroke-linecap:round}.sf-pro .sf-knob-needle{stroke:var(--ink);stroke-width:2;stroke-linecap:round}.sf-pro .sf-knob:hover .sf-knob-cap{fill:var(--surface-3)}.sf-pro .sf-knob[data-dragging=true] .sf-knob-cap{fill:var(--surface-hover);stroke:var(--dev-hue,var(--accent-dim))}.sf-pro .sf-knob[data-dragging=true] .sf-knob-fill{filter:drop-shadow(0 0 5px var(--dev-soft,var(--accent-soft)))}.sf-pro .sf-knob-name{font:600 8.5px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;text-align:center}.sf-pro .sf-knob-val{font:600 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);transition:color var(--dur-1) var(--ease-settle)}.sf-pro .sf-knob[data-dragging=true] .sf-knob-val{color:var(--dev-hue,var(--accent))}.sf-pro .sf-knob-bubble{position:absolute;left:50%;top:-9px;transform:translateX(-50%);z-index:3;pointer-events:none;font:600 10px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent-ink);background:var(--dev-hue,var(--accent));padding:3px 6px;border-radius:5px;white-space:nowrap;box-shadow:var(--shadow)}.sf-knobscope .sf-knob-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px;justify-items:center}.sf-knobscope .sf-knob{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:66px}.sf-knobscope .sf-knob-svg{cursor:ns-resize;touch-action:none;border-radius:999px;outline:none}.sf-knobscope .sf-knob-svg:focus-visible{box-shadow:0 0 0 2px var(--saffron-soft,rgba(210,106,42,.35))}.sf-knobscope .sf-knob-track{stroke:var(--line);stroke-width:3;stroke-linecap:round}.sf-knobscope .sf-knob-fill{stroke:var(--saffron);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--saffron-soft,rgba(210,106,42,.35)))}.sf-knobscope .sf-knob-cap{fill:var(--paper-2);stroke:var(--line);stroke-width:1;transition:fill var(--dur-1) var(--ease-settle),stroke var(--dur-1) var(--ease-settle)}.sf-knobscope .sf-knob-cap-light{stroke:var(--surface-raised);stroke-width:2.2;stroke-linecap:round;opacity:.9}.sf-knobscope .sf-knob-tick{stroke:var(--line);stroke-width:1.2;stroke-linecap:round}.sf-knobscope .sf-knob-tick-mid{stroke:var(--muted-2);stroke-width:1.4;stroke-linecap:round}.sf-knobscope .sf-knob-needle{stroke:var(--ink);stroke-width:2;stroke-linecap:round}.sf-knobscope .sf-knob:hover .sf-knob-cap{fill:var(--surface)}.sf-knobscope .sf-knob[data-dragging=true] .sf-knob-cap{fill:var(--surface-raised);stroke:var(--saffron)}.sf-knobscope .sf-knob-name{font:600 8.5px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;text-align:center}.sf-knobscope .sf-knob-val{font:600 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);transition:color var(--dur-1) var(--ease-settle)}.sf-knobscope .sf-knob[data-dragging=true] .sf-knob-val{color:var(--saffron)}.sf-knobscope .sf-knob-bubble{position:absolute;left:50%;top:-9px;transform:translateX(-50%);z-index:3;pointer-events:none;font:600 10px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--surface);background:var(--saffron);padding:3px 6px;border-radius:5px;white-space:nowrap;box-shadow:var(--shadow-sm)}.sf-pro .sf-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(4,6,8,.62);backdrop-filter:blur(4px)}.sf-pro .sf-modal{width:min(520px,calc(100vw - 48px));max-height:calc(100vh - 80px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.sf-pro .sf-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.sf-pro .sf-modal-body{overflow-y:auto;padding:4px 16px 16px}.sf-pro .sf-set-section{padding:14px 0;border-bottom:1px solid var(--line-2)}.sf-pro .sf-set-section:last-child{border-bottom:none}.sf-pro .sf-set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:28px}.sf-pro .sf-set-label{font:500 12.5px/1.3 var(--font-ui);color:var(--ink-2)}.sf-pro .sf-set-control{display:flex;align-items:center;gap:7px}.sf-pro .sf-set-static,.sf-pro .sf-set-unit{font:500 11px/1 var(--font-mono);color:var(--muted-2)}.sf-pro .sf-set-static{color:var(--ink-2)}.sf-pro .sf-set-note{margin:8px 0 0;font:500 11px/1.5 var(--font-ui);color:var(--muted-2)}.sf-pro .sf-set-input{width:64px;background:var(--well);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:600 12px/1 var(--font-mono);padding:6px 8px;text-align:right}.sf-pro .sf-set-seg,.sf-pro .sf-set-swatches{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:8px;background:var(--paper-2);border:1px solid var(--line)}.sf-pro .sf-set-seg-btn{height:24px;padding:0 10px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);font:600 11px/1 var(--font-ui);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.sf-pro .sf-set-seg-btn:hover:not(:disabled){color:var(--ink-2);background:var(--surface-3)}.sf-pro .sf-set-seg-btn[data-on=true]{background:var(--accent);color:var(--accent-ink)}.sf-pro .sf-set-seg-btn:disabled{opacity:.4;cursor:not-allowed}.sf-pro .sf-set-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer}.sf-pro .sf-set-swatch[data-on=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--surface)}.sf-pro .sf-set-toggle{width:38px;height:22px;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);padding:2px;cursor:pointer;transition:background .12s}.sf-pro .sf-set-toggle[data-on=true]{background:var(--accent);border-color:var(--accent)}.sf-pro .sf-set-toggle-knob{display:block;width:16px;height:16px;border-radius:999px;background:var(--ink);transition:transform .12s}.sf-pro .sf-set-toggle[data-on=true] .sf-set-toggle-knob{transform:translateX(16px);background:var(--accent-ink)}.sf-pro .sf-set-keys{display:flex;flex-direction:column;gap:6px}.sf-pro .sf-set-key-row{display:flex;align-items:center;gap:10px;font:500 12px/1.3 var(--font-ui);color:var(--ink-2)}.sf-pro .sf-set-key-row .sf-kbd{min-width:76px;text-align:center;flex:0 0 auto}[data-sf-reduce-motion=true] *,[data-sf-reduce-motion=true] :after,[data-sf-reduce-motion=true] :before{animation-duration:.001ms!important;animation-delay:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.sf-pro .sf-songwriter{padding:12px 14px;display:flex;flex-direction:column;gap:11px}.sf-pro .sf-sw-head{display:flex;align-items:center;justify-content:space-between}.sf-pro .sf-sw-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.sf-pro .sf-sw-ctl{display:flex;flex-direction:column;gap:4px}.sf-pro .sf-sw-ctl>span:first-child{font:600 8.5px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.sf-pro .sf-sw-octval{display:inline-grid;place-items:center;min-width:22px;font:600 12px/1 var(--font-mono)}.sf-pro .sf-sw-palette{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.sf-pro .sf-sw-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:8px;border:1px solid var(--line);border-top:2px solid var(--muted);background:var(--surface-3);color:var(--ink);cursor:pointer;transition:transform .06s,border-color .1s,background .1s}.sf-pro .sf-sw-chip:hover{transform:translateY(-1px);background:var(--surface-hover)}.sf-pro .sf-sw-chip[data-fn=tonic]{border-top-color:var(--accent)}.sf-pro .sf-sw-chip[data-fn=subdominant]{border-top-color:var(--clip-6)}.sf-pro .sf-sw-chip[data-fn=dominant]{border-top-color:var(--solo)}.sf-pro .sf-sw-chip-name{font:700 14px/1 var(--font-display)}.sf-pro .sf-sw-chip-rn{font:600 9.5px/1 var(--font-mono);color:#aeb8c0}.sf-pro .sf-sw-sections,.sf-pro .sf-sw-suggest{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sf-pro .sf-sw-suggest-label{font:600 9px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.sf-pro .sf-sw-suggest-chip{padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2);font:600 11px/1 var(--font-ui);cursor:pointer}.sf-pro .sf-sw-suggest-chip[data-fn=dominant]{border-color:var(--solo)}.sf-pro .sf-sw-suggest-chip:hover{background:var(--surface-3)}.sf-pro .sf-sw-slots{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.sf-pro .sf-sw-slot{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px 5px;border-radius:7px;border-bottom:1px solid var(--line);border:solid var(--line);border-width:1px 1px 3px;background:var(--paper-2);color:var(--ink);cursor:pointer;transition:background .1s,box-shadow .1s}.sf-pro .sf-sw-slot[data-on=true]{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--accent)}.sf-pro .sf-sw-slot-bar{font:600 8px/1 var(--font-mono);color:#97a1a9}.sf-pro .sf-sw-slot-chord{font:700 14px/1.1 var(--font-display)}.sf-pro .sf-sw-slot-rn{font:600 8px/1 var(--font-mono);color:#9aa3ad;min-height:8px}.sf-pro .sf-sw-sec-pill{padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:600 10.5px/1 var(--font-ui);cursor:pointer}.sf-pro .sf-sw-sec-pill[data-on=true]{background:var(--sec);border-color:var(--sec);color:#06120c}.sf-pro .sf-sw-actions{display:flex;align-items:center;gap:10px}.sf-pro .sf-sw-ai-status,.sf-pro .sf-sw-hint{font:500 11px/1.5 var(--font-ui);color:var(--muted-2)}.sf-pro .sf-sw-ai{border-top:1px solid var(--line-2);padding-top:11px}.sf-pro .sf-sw-ai-row{display:flex;gap:8px;margin-bottom:6px}.sf-pro .sf-sw-vibe{flex:1;min-width:0;background:var(--well);border:1px solid var(--line);border-radius:7px;color:var(--ink);font:500 12px/1 var(--font-ui);padding:7px 10px}.sf-pro .sf-sw-ai-status[data-status=queued]{color:var(--solo)}.sf-pro .sf-sw-ai-status[data-status=ok]{color:var(--accent)}@media (max-width:1180px){.sf-pro{--sf-browser-w:212px;--sf-inspector-w:268px}}@media (max-width:1080px){.sf-pro .sf-pro-transport-slot{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.sf-pro .sf-pro-transport-slot::-webkit-scrollbar{height:6px}.sf-pro .sf-pro-transport-slot::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.sf-pro .sf-pro-transport-slot::-webkit-scrollbar-track{background:transparent}}.sf-pro .sf-lab-window{width:auto;max-width:min(92vw,460px)}.sf-pro .sf-lab-device-body{padding:12px;display:flex;flex-direction:column;gap:11px}.sf-pro .sf-pro-menubtn[data-on=true]{color:var(--accent);border-color:var(--accent-dim)}.sf-pro .sf-pro-labspop{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:244px;padding:6px;display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-lg)}.sf-pro .sf-pro-labspop-item{display:flex;align-items:center;gap:10px;padding:8px 9px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;text-align:left;transition:background .1s,border-color .1s}.sf-pro .sf-pro-labspop-item:hover{background:var(--surface-3)}.sf-pro .sf-pro-labspop-item[data-on=true]{border-color:var(--accent-dim);background:var(--accent-soft)}.sf-pro .sf-pro-labspop-glyph{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:7px;background:var(--surface-raised);font-size:15px}.sf-pro .sf-pro-labspop-text{display:flex;flex-direction:column;min-width:0;flex:1}.sf-pro .sf-pro-labspop-label{font:600 12.5px/1.2 var(--font-ui);color:var(--ink)}.sf-pro .sf-pro-labspop-hint{font:500 10px/1.3 var(--font-ui);color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pro .sf-pro-labspop-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--line)}.sf-pro .sf-pro-labspop-dot[data-on=true]{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sf-pro .sf-piano{display:flex;flex-direction:column;gap:10px}.sf-pro .sf-piano-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.sf-pro .sf-sw-octval{min-width:16px;text-align:center;font:600 12px/1 var(--font-mono,var(--font-ui));color:var(--ink)}.sf-pro .sf-piano-chord{margin-left:auto;min-width:56px;padding:4px 10px;border-radius:7px;background:var(--well);border:1px solid var(--line);color:var(--accent);font:600 13px/1.3 var(--font-mono,var(--font-ui));text-align:center}.sf-pro .sf-piano-keys{position:relative;margin:0 auto;border-radius:0 0 7px 7px;touch-action:none}.sf-pro .sf-piano-key{position:absolute;top:0;padding:0;cursor:pointer;border:1px solid #0a0c0e;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-pro .sf-piano-key-white{height:100%;background:linear-gradient(180deg,#f4f6f7,#d9dee1);border-radius:0 0 4px 4px;z-index:1}.sf-pro .sf-piano-key-black{height:62%;background:linear-gradient(180deg,#2a3038,#11151a);border-radius:0 0 3px 3px;z-index:2}.sf-pro .sf-piano-key-white[data-in-scale=true]{background:linear-gradient(180deg,#eafff3,#b7e9cc)}.sf-pro .sf-piano-key-black[data-in-scale=true]{background:linear-gradient(180deg,#1f6f47,#0c3a24)}.sf-pro .sf-piano-key[data-root=true]:after{content:"";position:absolute;left:50%;bottom:5px;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);background:var(--accent)}.sf-pro .sf-piano-key-white[data-down=true]{background:linear-gradient(180deg,var(--accent),var(--accent-dim))}.sf-pro .sf-piano-key-black[data-down=true]{background:linear-gradient(180deg,var(--accent-dim),#0a3a22)}.sf-pro .sf-theory{display:flex;flex-direction:column;gap:11px;min-width:300px}.sf-pro .sf-theory-tabs{align-self:flex-start}.sf-pro .sf-theory-explore{display:flex;flex-direction:column;gap:11px}.sf-pro .sf-theory-scale{display:flex;gap:5px;flex-wrap:wrap}.sf-pro .sf-theory-degree{min-width:30px;padding:4px 6px;border-radius:6px;background:var(--surface-3);border:1px solid var(--line);color:var(--muted);font:600 11.5px/1 var(--font-mono,var(--font-ui));text-align:center}.sf-pro .sf-theory-degree[data-root=true]{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-soft)}.sf-pro .sf-theory-palette{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.sf-pro .sf-theory-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 3px;border-radius:8px;border:1px solid var(--line);background:var(--surface-raised);cursor:pointer;transition:border-color .1s,background .1s,transform .06s}.sf-pro .sf-theory-chip:hover{border-color:var(--accent-dim)}.sf-pro .sf-theory-chip:active{transform:translateY(1px)}.sf-pro .sf-theory-chip[data-on=true]{border-color:var(--accent);background:var(--accent-soft)}.sf-pro .sf-theory-chip-name{font:700 12px/1 var(--font-ui);color:var(--ink)}.sf-pro .sf-theory-chip-rn{font:500 9.5px/1 var(--font-ui);color:var(--muted-2)}.sf-pro .sf-theory-detail{min-height:18px;font:500 12px/1.5 var(--font-ui);color:var(--muted)}.sf-pro .sf-theory-detail .sf-mono{color:var(--accent)}.sf-pro .sf-theory-best{margin-top:10px;text-align:center;font:500 12px/1.4 var(--font-ui);color:var(--muted)}.sf-pro .sf-dj{display:flex;flex-direction:column;gap:12px;min-width:260px}.sf-pro .sf-dj-decks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-pro .sf-dj-deck{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:9px;border:1px solid var(--line);background:var(--surface-raised)}.sf-pro .sf-dj-deck-label{font:700 11px/1 var(--font-ui);letter-spacing:.06em;color:var(--muted)}.sf-pro .sf-dj-meter{position:relative;height:70px;border-radius:5px;background:var(--well);border:1px solid var(--line);overflow:hidden}.sf-pro .sf-dj-meter-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,var(--accent-dim),var(--accent));transition:height .08s linear}.sf-pro .sf-dj-fader{display:flex;align-items:center;gap:10px}.sf-pro .sf-dj-fader input[type=range]{flex:1;accent-color:var(--accent)}.sf-pro .sf-dj-fader-end{font:700 12px/1 var(--font-ui);color:var(--muted)}.sf-pro .sf-piano-capturing{margin:0;padding:5px 9px;border-radius:7px;background:var(--accent-soft);border:1px solid var(--accent-dim);color:var(--accent);font:600 11px/1.4 var(--font-ui)}.sf-pro .sf-dj-fader input[type=range]:disabled{opacity:.4;cursor:not-allowed}.sf-pro .sf-resize{background:var(--line);position:relative;z-index:6;transition:background .1s;touch-action:none;flex:0 0 auto}.sf-pro .sf-resize:active,.sf-pro .sf-resize:hover{background:var(--accent)}.sf-pro .sf-resize:before{content:"";position:absolute;z-index:1}.sf-pro .sf-resize-x{cursor:col-resize;align-self:stretch;width:5px}.sf-pro .sf-resize-x:before{top:0;bottom:0;left:-4px;right:-4px}.sf-pro .sf-resize-y{cursor:row-resize;width:100%;height:5px}.sf-pro .sf-resize-y:before{left:0;right:0;top:-4px;bottom:-4px}.sf-pro .sf-pro-dock[data-tab=mixer] .sf-pro-dock-body{overflow-y:hidden}.sf-pro .sf-pro-pane-head{display:flex;align-items:center;justify-content:space-between}.sf-pro .sf-pro-popout{flex:0 0 auto;width:18px;height:16px;border-radius:4px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);font-size:10px;line-height:1;cursor:pointer;transition:background .1s,color .1s}.sf-pro .sf-pro-popout:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#06120c)}.sf-pro .sf-detached-window{width:auto;display:flex;flex-direction:column;resize:none}.sf-pro .sf-detached-body{flex:1;min-height:0;overflow:auto;background:var(--paper)}.sf-pro .sf-detached-body>.sf-pro-pane{width:100%;height:100%}.sf-pro .sf-detached-body>.sf-pro-dock{height:100%!important}.sf-pro .sf-detached-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--accent) 50%);opacity:.6;z-index:2}.sf-pro .sf-detached-resize:hover{opacity:1}.sf-stage{--paper:#0b0d10;--paper-2:#121519;--surface:#15191e;--surface-raised:#1b2026;--surface-3:#232931;--ink:#eef2f4;--ink-2:#c4ccd2;--muted:#8a949c;--muted-2:#5d666e;--line:#2a3138;--line-2:#1e242a;--line-3:#38414a;--well:#07090b;--ctl-cap:#3a434d;--ctl-base:#20262c;--ctl-edge:#454f59;--hover-wash:rgba(238,242,244,0.06);--glass-bg:rgba(11,13,16,0.72);--glass-line:rgba(238,242,244,0.09);--accent-contrast:#061009;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 1px 0 rgba(0,0,0,0.35),0 4px 12px -4px rgba(0,0,0,0.5);--shadow:0 2px 8px rgba(0,0,0,0.45);--shadow-lg:0 24px 60px -24px rgba(0,0,0,0.7);--shadow-xl:0 12px 28px -12px rgba(0,0,0,0.6),0 48px 88px -30px rgba(0,0,0,0.82);--medal-bronze:#cf8a52;--medal-silver:#aeb9c2;--medal-gold:#f0be62;--sage:#2bd576;--sage-soft:rgba(43,213,118,0.16);--sage-ink:#b5f0d3;--claret:#e0796b;--claret-soft:rgba(224,121,107,0.16);color-scheme:dark;background:var(--paper);color:var(--ink)}.sf-stage-ember{--saffron:#ec8b45;--saffron-deep:#f79e58;--saffron-soft:rgba(236,139,69,0.16);--saffron-ink:#ffc99a;--shadow-accent:0 12px 40px -12px rgba(236,139,69,0.42)}.sf-stage-green{--saffron:#2bd576;--saffron-deep:#4ae08c;--saffron-soft:rgba(43,213,118,0.16);--saffron-ink:#b5f0d3;--shadow-accent:0 12px 40px -12px rgba(43,213,118,0.42)}.sf-stage-amber{--saffron:#f0a23f;--saffron-deep:#f6b35f;--saffron-soft:rgba(240,162,63,0.16);--saffron-ink:#ffd9a1;--shadow-accent:0 12px 40px -12px rgba(240,162,63,0.42)}.sf-stage-violet{--saffron:#b07cf0;--saffron-deep:#c295f5;--saffron-soft:rgba(176,124,240,0.16);--saffron-ink:#e0cdfa;--shadow-accent:0 12px 40px -12px rgba(176,124,240,0.42)}.sf-stage-sky{--saffron:#46b6e6;--saffron-deep:#63c5ee;--saffron-soft:rgba(70,182,230,0.16);--saffron-ink:#bfe7f8;--shadow-accent:0 12px 40px -12px rgba(70,182,230,0.42)}.sf-stage .sf-card{box-shadow:inset 0 1px 0 rgba(238,242,244,.06),var(--shadow-sm)}.sf-stage .sf-btn{border-radius:var(--r-sm);font-weight:600;font-size:13px}.sf-btn-lg{padding:14px 24px;font-size:15px;font-weight:600}.sf-segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--paper-2)}.sf-seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:500 13px/1 var(--font-ui);padding:8px 14px;border-radius:999px;cursor:pointer;transition:color var(--dur-1) var(--ease-settle),background var(--dur-1) var(--ease-settle),box-shadow var(--dur-1) var(--ease-settle);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-seg:hover{color:var(--ink)}.sf-seg[aria-checked=true],.sf-seg[data-on=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.sf-stage .sf-segmented{border-radius:var(--r-sm);background:var(--well)}.sf-stage .sf-seg{border-radius:calc(var(--r-sm) - 2px)}.sf-stage .sf-seg[aria-checked=true],.sf-stage .sf-seg[data-on=true]{background:linear-gradient(180deg,var(--ctl-cap),var(--ctl-base));color:var(--ink);box-shadow:inset 0 1px 0 var(--ctl-edge),var(--shadow-sm)}.sf-stage .sf-input,.sf-stage .sf-select{background-color:var(--well);color:var(--ink);border-color:var(--line);border-radius:var(--r-sm)}.sf-stage .sf-input:hover,.sf-stage .sf-select:hover{border-color:var(--line-3)}.sf-stage .sf-input:focus,.sf-stage .sf-select:focus{border-color:var(--saffron)}.sf-stage .sf-input::-moz-placeholder{color:var(--muted)}.sf-stage .sf-input::placeholder{color:var(--muted)}.sf-stage .sf-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px),calc(100% - 10px);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.sf-stage .sf-select option{background:var(--surface);color:var(--ink)}.sf-frame{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-raised);box-shadow:var(--shadow-lg)}.sf-frame-bar{display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;background:var(--paper-2);border-bottom:1px solid var(--line)}.sf-frame-bar>i{width:8px;height:8px;border-radius:999px;opacity:.6;flex:0 0 auto}.sf-frame-bar>i:first-child{background:var(--clip-1,#46b6e6)}.sf-frame-bar>i:nth-child(2){background:var(--clip-2,#b07cf0)}.sf-frame-bar>i:nth-child(3){background:var(--clip-3,#2bd576)}.sf-frame img{display:block;width:100%}.sf-stage .sf-frame{box-shadow:inset 0 1px 0 rgba(238,242,244,.07),var(--shadow-xl)}.sf-stage .sf-frame,.sf-stage .sf-frame-bar{background:var(--surface)}.sf-ring{position:relative;width:28px;height:28px;flex:0 0 auto}.sf-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.sf-ring-track{fill:none;stroke:var(--line-2);stroke-width:3}.sf-ring-arc{fill:none;stroke:var(--saffron);stroke-width:3;stroke-linecap:round;stroke-dasharray:var(--sf-ring-val,0) 100;transition:stroke-dasharray var(--dur-3) var(--ease-settle)}.sf-ring-label{position:absolute;inset:0;display:grid;place-items:center;font:500 8.5px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.sf-chip.sf-chip-medal{background:transparent;border:1px solid var(--line);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;font-size:var(--text-2xs)}.sf-chip.sf-chip-medal .sf-medal-disc{width:10px;height:10px;border-radius:999px;flex:0 0 auto;background:var(--medal,var(--muted));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 1px rgba(0,0,0,.25)}.sf-chip.sf-chip-medal[data-tier=bronze]{--medal:var(--medal-bronze)}.sf-chip.sf-chip-medal[data-tier=silver]{--medal:var(--medal-silver)}.sf-chip.sf-chip-medal[data-tier=gold]{--medal:var(--medal-gold)}.sf-chip.sf-chip-medal[data-tier=none] .sf-medal-disc{display:none}