@property --amb-elevation{syntax:"<number>";inherits:false;initial-value:0}:root{--amb-light-x:-1;--amb-light-y:-1;--amb-key-light-intensity:.9;--amb-fill-light-intensity:.7;--amb-light-hue:234;--amb-light-saturation:15%;--amb-light-distance:0px;--amb-chamfer:0;--amb-fillet:0;--amb-thickness:0;--amb-elevation:0;--amb-chamfer-width:1;--amb-fillet-width:1;--amb-highlight-color:coral;--amb-lume-hue:17;--amb-albedo:#eaeaea;--amb-shade:1;--amb-curve-scale:1;--amb-mat-specular:0;--amb-mat-roughness:1;--amb-mat-opacity:1;--amb-grain-amount:1;--amb-lume:color-mix(in oklab, hsl(var(--amb-lume-hue) 100% 74%) calc(max(0, min((.5 - var(--amb-key-light-intensity)) / .2, 1)) * 100%), hsl(var(--amb-light-hue) var(--amb-light-saturation) calc((1 - sign(var(--amb-key-light-intensity) - .5)) * 50% + 25%)));--amb-label:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc((1 - var(--amb-key-light-intensity)) * 60% + 20%))}@supports (color:lab(0% 0 0)){:root{--amb-albedo:lab(92.5749% 0 0)}}*{--amb-curve-delta:calc(( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16 + 3.78 ) * var(--amb-curve-scale));--amb-exposure:calc(var(--amb-key-light-intensity) * .6396 + var(--amb-fill-light-intensity) * .5496);--_amb-diffuse:color(from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--amb-exposure)) calc(g * var(--amb-shade) * var(--amb-exposure)) calc(b * var(--amb-shade) * var(--amb-exposure)));--amb-lit:color-mix(in srgb, var(--_amb-diffuse), hsl(from var(--_amb-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation))}.amb-chamfer{--amb-chamfer:1;--amb-thickness:1}.amb-chamfer-2{--amb-chamfer:1;--amb-chamfer-width:2;--amb-thickness:2}.amb-fillet{--amb-fillet:1;--amb-thickness:1}.amb-fillet-2{--amb-fillet:1;--amb-fillet-width:2;--amb-thickness:2}.amb-groove{--amb-thickness:1}.amb-thickness-0{--amb-thickness:0}.amb-thickness-1{--amb-thickness:1}.amb-thickness-2{--amb-thickness:2}.amb-elevation-0{--amb-elevation:0}.amb-elevation-1{--amb-elevation:1}.amb-elevation-2{--amb-elevation:2}.amb-elevation-3{--amb-elevation:3}.ambient{--_amb-chamfer-w:max(-1 * var(--amb-thickness), min(var(--amb-chamfer-width), var(--amb-thickness)));--_amb-fillet-w:max(-1 * var(--amb-thickness), min(var(--amb-fillet-width), var(--amb-thickness)));--_amb-sh-gate:max(0, min(var(--amb-elevation) + var(--amb-thickness), 1));--_amb-body-gate:max(0, min(var(--amb-thickness), 1));--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0, 1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));box-shadow:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sh-gate) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0, 1 - var(--amb-elevation)) * .14 ))) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 3.8px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 3.8px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 2.7px) .8px, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 2.85px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 2.85px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 2px) calc(var(--amb-thickness) * .9px), hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 1.9px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 1.9px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 1.35px) calc(var(--amb-thickness) * .6px), hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * .95px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * .95px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * .7px) calc(var(--amb-thickness) * .3px), inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * -1px) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * -1px) 0px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0, min(var(--amb-thickness), 1)) * ( var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03 ))), inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * 1px) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * 1px) 0px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0, min(var(--amb-thickness), 1)) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24 ))), inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * -1.4px) calc(var(--amb-light-y) * var(--_amb-fillet-w) * -1.4px) 2px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0, min(var(--amb-thickness), 1)) * ( var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99 ))), inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * 1.4px) calc(var(--amb-light-y) * var(--_amb-fillet-w) * 1.4px) 2px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0, min(var(--amb-thickness), 1)) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3 )))}.amb-surface{background-color:var(--amb-lit)}.amb-groove{--_amb-groove-exposure:calc(var(--amb-key-light-intensity) * .6623 + var(--amb-fill-light-intensity) * .5527);--_amb-groove-diffuse:color(from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--_amb-groove-exposure)) calc(g * var(--amb-shade) * var(--_amb-groove-exposure)) calc(b * var(--amb-shade) * var(--_amb-groove-exposure)));background-color:color-mix(in srgb, var(--_amb-groove-diffuse), hsl(from var(--_amb-groove-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation));box-shadow:inset calc(var(--amb-light-x) * var(--amb-thickness) * -3.6px) calc(var(--amb-light-y) * var(--amb-thickness) * -3.6px) calc(var(--amb-thickness) * 2.7px) 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(max(0, min(var(--amb-thickness), 1)) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .24 + .31 ))), inset calc(var(--amb-light-x) * var(--amb-thickness) * 2.7px) calc(var(--amb-light-y) * var(--amb-thickness) * 2.7px) calc(var(--amb-thickness) * 5.1px) 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(max(0, min(var(--amb-thickness), 1)) * max(0, min(var(--amb-key-light-intensity) * 1.5 + var(--amb-fill-light-intensity) * .72 - .96, 1))))}.amb-mat-shiny{--amb-mat-specular:1;--amb-mat-roughness:0;--amb-mat-opacity:1;--_shiny-angle:calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg);--_spec-peak:var(--amb-key-light-intensity);background-image:linear-gradient(var(--_shiny-angle), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .09 + .07)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 10%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 24%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .04 + .31)) 30%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 36%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%), linear-gradient(to bottom, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fill-light-intensity) * .22)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 45%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / 0) 60%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fill-light-intensity) * .1)) 100%);filter:brightness(1.04)contrast(1.01)}.amb-mat-glass{--amb-mat-specular:.05;--amb-mat-roughness:.9;--amb-mat-opacity:0;--_shiny-angle:calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg);--_spec-peak:var(--amb-key-light-intensity);background-image:linear-gradient(var(--_shiny-angle), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .12)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .06)) 40%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 75%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%);background-blend-mode:screen;--_glass-lightness:calc(var(--amb-key-light-intensity) * 100%);--_glass-alpha:calc(.05 + var(--amb-key-light-intensity) * .1);--_glass-blur:calc(8px + var(--amb-key-light-intensity) * 8px);background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_glass-lightness) / var(--_glass-alpha));-webkit-backdrop-filter:blur(var(--_glass-blur)) saturate(160%);backdrop-filter:blur(var(--_glass-blur)) saturate(160%);border:1px solid hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(.1 + var(--amb-key-light-intensity) * .15))}:where(.amb-mat-brushed),:where(.amb-mat-brushed-round),:where(.amb-mat-blasted){position:relative}.amb-mat-brushed,.amb-mat-brushed-round,.amb-mat-blasted{isolation:isolate;--_grain-offset:2px;--_grain-x:round(var(--amb-light-x) * var(--_grain-offset), 1px);--_grain-y:round(var(--amb-light-y) * var(--_grain-offset), 1px);--_grain-aniso:1;--_grain-lit:max(.45, min(1.5, .45 + 2.75 * (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity))));overflow:hidden}.amb-mat-brushed:before,.amb-mat-brushed:after,.amb-mat-brushed-round:before,.amb-mat-brushed-round:after,.amb-mat-blasted:before,.amb-mat-blasted:after{content:"";pointer-events:none;border-radius:inherit;z-index:-1;background-size:var(--_grain-scale);opacity:calc(var(--_grain-aniso) * var(--_grain-lit) * var(--_grain-alpha) * var(--amb-grain-amount));background-repeat:repeat;position:absolute;inset:0}.amb-mat-brushed:before,.amb-mat-brushed-round:before,.amb-mat-blasted:before{background-image:var(--_grain-tile);background-position:var(--_grain-x) var(--_grain-y);mix-blend-mode:screen}.amb-mat-brushed:after,.amb-mat-brushed-round:after,.amb-mat-blasted:after{background-image:var(--_grain-tile-inv);background-position:calc(var(--_grain-x) * -1) calc(var(--_grain-y) * -1);mix-blend-mode:multiply}.amb-mat-brushed{--amb-mat-specular:.3;--amb-mat-roughness:.72;--_grain-tile:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.015625%200.9%22%20numOctaves%3D%221%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23t\)%22%2F%3E%3C%2Fsvg%3E);--_grain-tile-inv:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.015625%200.9%22%20numOctaves%3D%221%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23t\)%22%2F%3E%3C%2Fsvg%3E);--_grain-scale:512px;--_grain-alpha:.2;--_grain-across:calc(abs(var(--amb-light-y)) / max(.001, hypot(var(--amb-light-x), var(--amb-light-y))));--_grain-aniso:calc(.3 + .7 * var(--_grain-across));--_sheen-alpha:calc(var(--amb-key-light-intensity) * .11 + .04);--_sheen-at:calc(54% + var(--amb-light-y) * 42%);background-image:linear-gradient(to bottom, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) calc(var(--_sheen-at) - 42%), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) var(--_sheen-at), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) calc(var(--_sheen-at) + 42%), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%)}.amb-mat-blasted{--amb-mat-specular:0;--amb-mat-roughness:1;--_grain-tile:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.9%200.9%22%20numOctaves%3D%222%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23t%29%22%2F%3E%3C%2Fsvg%3E);--_grain-tile-inv:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.9%200.9%22%20numOctaves%3D%222%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23t%29%22%2F%3E%3C%2Fsvg%3E);--_grain-scale:96px;--_grain-alpha:.32}.amb-mat-brushed-round{--amb-mat-specular:.3;--amb-mat-roughness:.72;--_grain-tile:conic-gradient(from 0deg at 50% 50%, #a4a4a4 0deg, #fff 2.4deg, #b0b0b0 9.6deg, #fff 13.3deg, #fff 18.4deg, #000 24.6deg, #fff 30.9deg, #525252 36deg, #fff 43deg, #000 48.2deg, #343434 53deg, #1b1b1b 59.1deg, #fff 64.2deg, #000 69.1deg, #ebebeb 75.5deg, #737373 83deg, #000 87deg, #ebebeb 94.1deg, #fff 98.9deg, #fff 102.7deg, #7d7d7d 110.3deg, #000 114.4deg, #000 120.8deg, #9a9a9a 127.1deg, #cfcfcf 131.9deg, #fff 137.1deg, #000 142.1deg, #d9d9d9 148.1deg, #b5b5b5 154.7deg, #fff 158.9deg, #fff 166.2deg, #fff 172deg, #ededed 177.4deg, #161616 182.6deg, #e2e2e2 187.6deg, #000 195.2deg, #e3e3e3 200.9deg, #000 206.4deg, #252525 209.9deg, #5b5b5b 215.1deg, #fff 222.1deg, #cdcdcd 228.9deg, #fff 234.4deg, #cacaca 239.5deg, #484848 244.5deg, #000 250.8deg, #000 257.1deg, #000 260.8deg, silver 268.5deg, #fff 274deg, #535353 279.6deg, #dfdfdf 284.9deg, #f6f6f6 290.5deg, #000 294.6deg, #fff 299.7deg, #d1d1d1 308.1deg, #444 312.1deg, #fff 318.2deg, #525252 323.4deg, #c4c4c4 328.4deg, #747474 333.2deg, #000 340.4deg, #636363 346.1deg, #8d8d8d 350.4deg, #000 355.7deg, #a4a4a4 360deg);--_grain-tile-inv:conic-gradient(from 0deg at 50% 50%, #5b5b5b 0deg, #000 2.4deg, #4f4f4f 9.6deg, #000 13.3deg, #000 18.4deg, #fff 24.6deg, #000 30.9deg, #adadad 36deg, #000 43deg, #fff 48.2deg, #cbcbcb 53deg, #e4e4e4 59.1deg, #000 64.2deg, #fff 69.1deg, #141414 75.5deg, #8c8c8c 83deg, #fff 87deg, #141414 94.1deg, #000 98.9deg, #000 102.7deg, #828282 110.3deg, #fff 114.4deg, #fff 120.8deg, #656565 127.1deg, #303030 131.9deg, #000 137.1deg, #fff 142.1deg, #262626 148.1deg, #4a4a4a 154.7deg, #000 158.9deg, #000 166.2deg, #000 172deg, #121212 177.4deg, #e9e9e9 182.6deg, #1d1d1d 187.6deg, #fff 195.2deg, #1c1c1c 200.9deg, #fff 206.4deg, #dadada 209.9deg, #a4a4a4 215.1deg, #000 222.1deg, #323232 228.9deg, #000 234.4deg, #353535 239.5deg, #b7b7b7 244.5deg, #fff 250.8deg, #fff 257.1deg, #fff 260.8deg, #3f3f3f 268.5deg, #000 274deg, #acacac 279.6deg, #202020 284.9deg, #090909 290.5deg, #fff 294.6deg, #000 299.7deg, #2e2e2e 308.1deg, #bbb 312.1deg, #000 318.2deg, #adadad 323.4deg, #3b3b3b 328.4deg, #8b8b8b 333.2deg, #fff 340.4deg, #9c9c9c 346.1deg, #727272 350.4deg, #fff 355.7deg, #5b5b5b 360deg);--_grain-scale:200% 200%;--_grain-alpha:.1;--_sheen-alpha:calc(var(--amb-key-light-intensity) * .11 + .04);--_sheen-angle:calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 90deg);background-image:radial-gradient(circle closest-side at 50% 50%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_sheen-alpha) * 1.5)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 40%), conic-gradient(from var(--_sheen-angle) at 50% 50%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) 0deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 62deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 118deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) 180deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 242deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 298deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) 360deg)}.amb-mat-brushed-round:before{background-position:calc(50% + var(--_grain-x)) calc(50% + var(--_grain-y))}.amb-mat-brushed-round:after{background-position:calc(50% - var(--_grain-x)) calc(50% - var(--_grain-y))}.amb-surface-concave{--_concave-y:max(-1, min(var(--amb-light-y), 1));--_concave-delta:calc(var(--_concave-y) * var(--amb-curve-delta));background:linear-gradient(hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta))) 0%, hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta) * .33)) 35%, hsl(from var(--amb-lit) h s l) 50%, hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta) * .33)) 65%, hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta))) 100%)}.amb-surface-concave-h{--_concave-h-x:max(-1, min(var(--amb-light-x), 1));--_concave-h-delta:calc(var(--_concave-h-x) * var(--amb-curve-delta));background:linear-gradient(to right, hsl(from var(--amb-lit) h s calc(l + var(--_concave-h-delta))) 0%, hsl(from var(--amb-lit) h s calc(l + var(--_concave-h-delta) * .33)) 35%, hsl(from var(--amb-lit) h s l) 50%, hsl(from var(--amb-lit) h s calc(l - var(--_concave-h-delta) * .33)) 65%, hsl(from var(--amb-lit) h s calc(l - var(--_concave-h-delta))) 100%)}.amb-surface-convex{--_convex-y:max(-1, min(var(--amb-light-y), 1));--_convex-delta:calc(var(--_convex-y) * var(--amb-curve-delta));background:linear-gradient(hsl(from var(--amb-lit) h s calc(l - var(--_convex-delta))) 0%, hsl(from var(--amb-lit) h s calc(l - var(--_convex-delta) * .33)) 35%, hsl(from var(--amb-lit) h s l) 50%, hsl(from var(--amb-lit) h s calc(l + var(--_convex-delta) * .33)) 65%, hsl(from var(--amb-lit) h s calc(l + var(--_convex-delta))) 100%)}.amb-light-tl{--amb-light-x:-1;--amb-light-y:-1}.amb-light-tr{--amb-light-x:1;--amb-light-y:-1}.amb-light-bl{--amb-light-x:-1;--amb-light-y:1}.amb-light-br{--amb-light-x:1;--amb-light-y:1}.amb-light-top{--amb-light-x:0;--amb-light-y:-1}.amb-light-bottom{--amb-light-x:0;--amb-light-y:1}.amb-light-left{--amb-light-x:-1;--amb-light-y:0}.amb-light-right{--amb-light-x:1;--amb-light-y:0}.amb-emit-red{--amb-emit-color:#ef4444}.amb-emit-green{--amb-emit-color:#4ade80}.amb-emit-amber{--amb-emit-color:#f59e0b}.amb-emit-cyan{--amb-emit-color:#22d3d3}.amb-emit-blue{--amb-emit-color:#3b82f6}.amb-emit-white{--amb-emit-color:#fff}.amb-rounded{border-radius:4px}.amb-rounded-md{border-radius:8px}.amb-rounded-lg{border-radius:12px}.amb-rounded-xl{border-radius:16px}.amb-rounded-full{border-radius:9999px}.amb-glow{box-shadow:0 0 6.2px var(--amb-lume)}@keyframes amb-bounce-elevation{0%,to{--amb-elevation:0}15%{--amb-elevation:3}30%{--amb-elevation:0}42%{--amb-elevation:2}54%{--amb-elevation:0}64%{--amb-elevation:1}74%{--amb-elevation:0}}.amb-bounce{animation:2s ease-in-out infinite amb-bounce-elevation}:root{color:#edf4f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0d1418;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0d1418;min-width:320px}body{background:radial-gradient(circle at 12% -10%,#5c838b6b 0,#0000 34rem),radial-gradient(circle at 92% 105%,#2158524d 0,#0000 42rem),linear-gradient(145deg,#111a1f 0%,#0b1216 72%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.44}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #79ecd2}#app,.app{min-height:100vh}.ambient.amb-elevation-2{--amb-elevation:.8}.app{--amb-albedo:#25343b;--amb-light-hue:184;--amb-light-saturation:23%;--amb-key-light-intensity:.88;--amb-fill-light-intensity:.38;padding:clamp(8px,1.2vw,16px)}.top-right-indicators{z-index:10;align-items:center;gap:5px;display:flex;position:fixed;top:12px;right:12px}.active-channel-indicator,.midi-controller-indicator{color:#9bf4de;letter-spacing:.08em;text-align:center;font-variant-numeric:tabular-nums;background:#15252aeb;border:1px solid #41575c;border-radius:8px;min-width:44px;padding:5px 8px;font-size:.66rem;font-weight:800;box-shadow:0 4px 12px #0000003d}.midi-controller-indicator{color:#ffdf92;letter-spacing:.08em;border-color:#8b7042;min-width:58px;font-weight:800}.learning-state-indicator{color:#09241f;background:linear-gradient(145deg,#ffd989,#d8a64c);border:1px solid;border-radius:4px;place-items:center;min-width:17px;min-height:17px;margin-left:3px;padding:1px 3px;font-size:.58rem;font-weight:900;line-height:1;display:inline-grid}.panel{--amb-albedo:#243239;color:#edf4f2;border:1px solid #ddf5f021;gap:clamp(10px,1.2vw,16px);width:min(1480px,100%);margin:0 auto;padding:clamp(12px,1.5vw,18px);display:grid}.topbar,.topbar-actions,.brand-lockup,.channel-bar,.channel-actions,.section-heading,.module-heading-actions,.effect-type-heading,.eq-band-header,.eq-band-actions,.seed-actions,.custom-sliders-heading,.custom-slider-header,.custom-slider-actions{align-items:center;display:flex}.topbar,.channel-bar,.section-heading,.effect-type-heading,.eq-band-header{justify-content:space-between}.topbar{border-bottom:1px solid #def2f424;gap:12px;padding:0 0 10px}.brand-lockup{gap:8px;min-width:0}.brand-mark{background:radial-gradient(circle at 34% 28%,#b5fff0 0 5%,#64d6be 6% 18%,#0000 19%),conic-gradient(from 30deg,#18282b,#5fd5bd,#152428,#5fd5bd,#18282b);border:1px solid #8bf4dd;border-radius:9px;flex:none;width:34px;height:34px}h1{color:#f7fbfa;letter-spacing:-.06em;margin:1px 0 0;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:720;line-height:.96}.brand-description{color:#a8b9bb;margin:3px 0 0;font-size:.7rem;line-height:1.3}.topbar-actions,.channel-actions,.module-heading-actions,.seed-actions{gap:5px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.voice-count{color:#9bf4de;font-variant-numeric:tabular-nums;background:#15252a;border:1px solid #41575c;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:800;display:grid}.bpm-control{color:#b6c8ca;background:#172329;border:1px solid #40545b;border-radius:9px;align-items:center;gap:5px;min-height:30px;padding:3px 8px;display:flex}.bpm-label,.eyebrow,.instrument-selector>span,.field,.seed-field,.output-controls h2,.section-heading h2,.effect-type-heading h3,.eq-band-header{color:#a9bec0;letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:760}.eyebrow{margin:0 0 3px}.brand-lockup .eyebrow{color:#79dec8;font-size:.65rem}.bpm-control input{color:#f4f8f7;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;width:44px;padding:0;font-weight:760}button,select,.seed-field input{color:#e7efee;background:linear-gradient(145deg,#26363d,#172329);border:1px solid #496068;border-radius:8px}button{letter-spacing:.055em;text-transform:uppercase;min-height:30px;padding:5px 9px;font-size:.66rem;font-weight:760;transition:color .15s,background .15s,border-color .15s,transform .15s}button:hover{color:#fff;background:linear-gradient(145deg,#31464e,#1c2b31);border-color:#759198}button:active{transform:translateY(1px)}select{width:100%;min-height:30px;padding:5px 28px 5px 8px}.randomize-button,.add-channel-button,.connect-button,.add-oscillator-button,.add-env-button,.add-filter-button,.add-eq-button,.add-module-button{color:#09241f;background:linear-gradient(145deg,#9af5df,#55c7af);border-color:#a6f9e5}.randomize-button:hover,.add-channel-button:hover,.connect-button:hover,.add-oscillator-button:hover,.add-env-button:hover,.add-filter-button:hover,.add-eq-button:hover,.add-module-button:hover{color:#071d19;background:linear-gradient(145deg,#b6ffed,#70d9c1)}.panic-button,.module-remove{color:#ffd9d7;background:linear-gradient(145deg,#57353a,#352126);border-color:#8d5558}.module-bypass{color:#cae8ff;border-color:#52758d}.module-bypass[aria-pressed=true]{color:#09241f;background:linear-gradient(145deg,#9af5df,#55c7af);border-color:#a6f9e5}.setup-grid{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:clamp(8px,1vw,12px);display:grid}.channel-bar{--amb-albedo:#20363b;grid-column:1/-1;gap:10px;padding:10px 12px}.channel-number{color:#91ecd8;letter-spacing:.06em;font-size:.88rem}.channel-actions{flex-wrap:wrap;justify-content:flex-end}.channel-button{min-width:30px;padding-inline:7px}.channel-button-active{color:#09211e;background:linear-gradient(145deg,#a9f9e7,#62cfb8);border-color:#b7ffed}.instrument-selector{--amb-albedo:#253a40;align-content:start;gap:6px;padding:10px 12px;display:grid}.instrument-export-button{white-space:nowrap}.output-controls,.custom-sliders{--amb-albedo:#203c43;gap:9px;padding:10px 12px;display:grid}.custom-sliders{border-top:3px solid #c58ae8}.setup-grid:not(:has(.instrument-selector)) .output-controls{grid-column:1/-1}.output-controls h2,.custom-sliders h2{margin:0}.output-control-grid,.oscillator-content,.eq-band-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.custom-sliders-heading{justify-content:space-between;gap:8px}.custom-sliders-heading h2{flex:1}.custom-sliders-content{gap:9px;display:grid}.add-custom-slider-button{color:#09241f;background:linear-gradient(145deg,#9af5df,#55c7af);border-color:#a6f9e5;min-width:30px;padding-inline:7px;font-size:1rem;line-height:1}.custom-sliders-empty{color:#acbdbe;margin:0;font-size:.72rem;line-height:1.4}.custom-slider-list{gap:8px;display:grid}.custom-slider{background:#1b292f;border:1px solid #40535c;border-radius:8px;gap:7px;padding:8px;display:grid}.custom-slider-header{gap:10px}.custom-slider-control{flex:1}.custom-slider-actions{flex:none;gap:5px}.custom-slider-assignments{gap:4px;margin:0;padding:0;list-style:none;display:grid}.custom-slider-assignments li{color:#91ecd8;border-top:1px solid #b7d3d31a;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-top:5px;font-size:.7rem;display:flex}.custom-slider-assignments span{overflow-wrap:anywhere;min-width:0}.custom-slider-assignment-actions{flex:none;gap:4px;display:flex}.custom-slider-response{min-width:26px;min-height:26px;padding:0 4px;font-size:.66rem;line-height:1}.synth-workspace{grid-template-columns:1fr;align-items:start;gap:clamp(8px,1vw,12px);display:grid}.synth-section{--amb-albedo:#203038;border:1px solid #40565d;min-width:0;padding:clamp(10px,1vw,14px)}.synth-section.oscillators-section{border-top:3px solid #73ddc6}.synth-section.module-chain-section{border-top:3px solid #dab873;grid-column:1}.synth-section>.section-frame-content,.oscillator-content,.effect-type{padding-top:9px}.oscillators-section,.oscillators-content,.effect-chain,.eq-bands,.envelope-list{gap:9px;display:grid}.synth-section>h2{margin:0}.oscillators-toggle,.section-frame-toggle{color:#d2e2e2;width:100%;min-height:30px;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-size:.76rem}.oscillators-toggle:after,.section-frame-toggle:after{float:right;color:#8ce7d2;content:"−";font-size:1.2rem;font-weight:500}.oscillators-toggle[aria-expanded=false]:after,.section-frame-toggle[aria-expanded=false]:after{content:"+"}.oscillators-toggle:hover,.section-frame-toggle:hover{color:#fff;box-shadow:none;background:0 0;border-color:#0000}.section-frame{--amb-albedo:#27373e;min-width:0;padding:10px}.section-frame-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-frame-heading h2{flex:1;margin:0}.section-frame-content{gap:9px;padding-top:10px;display:grid}.effect-order-actions{gap:5px;display:inline-flex}.effect-order-actions button,.module-remove,.module-bypass{min-height:30px;padding:5px 7px;font-size:.58rem}.effect-chain{gap:12px}.module-chain-item{border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;min-width:0;transition:background .12s,opacity .12s,outline-color .12s;display:grid}.module-chain-item>:not(.module-drag-handle){grid-column:2;min-width:0}.module-drag-handle{color:#81999c;width:20px;min-height:36px;box-shadow:none;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;grid-column:1;place-items:center;margin-top:5px;padding:0;font-size:1.05rem;line-height:1;display:grid}.module-drag-handle:hover{color:#91ecd8;box-shadow:none;background:#91ecd814;border:0}.module-drag-handle:active{cursor:grabbing;box-shadow:none;transform:none}.module-chain-item-dragging{opacity:.42}.module-chain-item-drag-over{outline-offset:4px;background:#91ecd80f;outline:1px dashed #91ecd894}.effect-type{border-top:1px solid #ddf1f521;gap:8px;display:grid}.effect-type:first-child{border-top:0;padding-top:0}.effect-type-heading h3{margin:0}.control{color:#c6d3d4;grid-template-columns:1fr auto;gap:4px 7px;min-width:0;font-size:.7rem;font-weight:620;line-height:1.3;display:grid}.control:has(select){align-content:start}.control select,.control input{grid-column:1/-1}.control output{color:#91ecd8;font-variant-numeric:tabular-nums}.control input[type=range]{accent-color:#72dec7;cursor:pointer;width:100%;height:20px;margin:0}.detune-slider{grid-column:1/-1;align-items:center;gap:6px;min-width:0;display:flex}.detune-slider input[type=range]{flex:1;min-width:0}.detune-step-toggle{flex:none;min-height:20px;padding:2px 5px;font-size:.52rem}.detune-step-toggle[aria-pressed=true]{color:#09241f;background:linear-gradient(145deg,#9af5df,#55c7af);border-color:#a6f9e5}.modulation-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;display:grid}.filter-control-grid,.envelope-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.lfo-list,.envelope-list{gap:9px;display:grid}.add-env-button{justify-self:start;width:max-content}.module-actions{flex-wrap:wrap;gap:5px;padding-top:1px;display:flex}.add-module-button{justify-self:start;width:max-content;margin:10px 0 2px}.eq-band{background:#1b292f;border:1px solid #40535c;border-radius:8px;padding:10px}.eq-band-header{gap:8px;margin-bottom:8px}.eq-band-actions{gap:6px}.connection-panel{--amb-albedo:#243239;border:1px solid #b7d3d312;padding:10px 12px}.connection-panel>h2{margin:0}.connection-grid{grid-template-columns:1fr;gap:0;padding-top:8px;display:grid}.midi-controls,.seed-panel{background:0 0;padding:10px 0}.midi-controls{border-bottom:1px solid #b7d3d31a}.status{color:#acbdbe;font-size:.72rem;line-height:1.4}.midi-controls{gap:9px;display:grid}.midi-fields{grid-template-columns:repeat(3,minmax(0,1fr)) 90px;gap:8px;display:grid}.midi-learn{gap:7px;display:grid}.midi-learn-parameter{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px;display:grid}.midi-learn-active{color:#09241f;background:linear-gradient(145deg,#ffd989,#d8a64c);border-color:#ffe5a8}.midi-mapping{color:#91ecd8;font-variant-numeric:tabular-nums;font-size:.7rem}.midi-assignments{gap:5px;display:grid}.midi-assignments-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.midi-assignments-heading{color:#a9bec0;letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:760}.midi-clear-assignments{color:#ffd9d7;background:linear-gradient(145deg,#57353a,#352126);border-color:#8d5558;min-height:26px;padding:3px 7px}.midi-assignments ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.midi-assignment-group{color:#c4d3d3;font-variant-numeric:tabular-nums;background:#172329;border:1px solid #79a1a547;border-radius:6px;gap:5px;padding:5px 7px;font-size:.7rem;display:grid}.midi-assignment-controller{color:#a9bec0;letter-spacing:.08em;font-size:.66rem;font-weight:760}.midi-assignment-rows{gap:3px}.midi-assignment-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.midi-assignment-parameter{color:#91ecd8;overflow-wrap:anywhere;min-width:0}.midi-assignment-actions{gap:4px;display:flex}.midi-assignment-add{justify-content:flex-end;display:flex}.midi-add-assignment,.midi-reverse-assignment,.midi-remove-assignment{min-width:26px;min-height:26px;padding:0;font-size:1rem;line-height:1}.midi-reverse-assignment{font-size:.66rem}.midi-reverse-assignment[aria-pressed=true]{color:#09241f;background:linear-gradient(145deg,#9af5df,#55c7af);border-color:#a6f9e5}.midi-remove-assignment{color:#ffd9d7;background:linear-gradient(145deg,#57353a,#352126);border-color:#8d5558}.field{gap:5px;display:grid}.midi-status{margin-top:-2px}.seed-panel{grid-column:1}.seed-panel-content{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;display:grid}.seed-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.seed-field input{text-transform:none;min-width:0;min-height:30px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.seed-status{color:#a6b7bd;grid-column:1/-1;min-height:1em;font-size:.72rem}.seed-export-button{margin-top:8px}.add-module-dialog{color:#edf3f4;background:#223139;border:1px solid #64808b;border-radius:10px;width:min(680px,100vw - 24px);max-height:calc(100vh - 24px);padding:0}.add-module-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050a0ec2}.add-module-dialog-content{max-height:calc(100vh - 24px);padding:12px;overflow:auto}.add-module-dialog-heading{border-bottom:1px solid #def2f424;align-items:center;gap:8px;padding-bottom:10px;display:flex}.add-module-dialog-heading h2{color:#8cf1d7;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem}.add-module-dialog-close{border-radius:50%;width:36px;margin-left:auto;padding:0}.add-module-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.add-module-category{background:#19272d;border:1px solid #40545d;border-radius:8px;gap:5px;padding:10px;display:grid}.add-module-category h3{color:#a7bcc3;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:.7rem}.add-module-category button{text-align:left}@media (width<=980px){.setup-grid,.connection-grid{grid-template-columns:1fr}.setup-grid>*,.connection-grid>*{grid-column:1}.setup-grid:not(:has(.instrument-selector)) .output-controls{grid-column:1}.synth-workspace{grid-template-columns:1fr}.synth-workspace>*,.synth-section.module-chain-section{grid-column:1}.filter-control-grid,.envelope-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.app{padding:8px}.panel{gap:10px;padding:10px}.topbar,.channel-bar{flex-direction:column;align-items:flex-start}.brand-mark{border-radius:8px;width:32px;height:32px}.topbar-actions,.channel-actions{justify-content:flex-start;width:100%}.channel-bar,.instrument-selector,.output-controls,.synth-section,.section-frame,.custom-sliders,.connection-panel{padding:10px}.midi-controls,.seed-panel{padding-block:8px}.output-control-grid,.oscillator-content,.modulation-controls,.filter-control-grid,.envelope-controls,.eq-band-controls,.midi-fields,.seed-panel-content,.seed-field,.add-module-categories{grid-template-columns:1fr}.module-heading-actions{flex-wrap:wrap;justify-content:flex-end}.effect-order-actions button,.module-remove,.module-bypass{min-height:30px}}@media (width<=420px){.app{padding:6px}.panel{padding:8px}.brand-description{display:none}.topbar-actions>button{flex:1}.bpm-control{flex:1;justify-content:center}.seed-actions{grid-template-columns:repeat(3,1fr);display:grid}.seed-actions button{min-width:0;padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}