@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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:oklch(92% .009 80);--color-surface:oklch(100% 0 0);--color-surface-subtle:oklch(95% .01 85);--color-text:oklch(25% 0 0);--color-text-muted:oklch(46% 0 0);--color-border:oklch(25% 0 0/.15);--color-border-strong:oklch(55% 0 0);--color-accent:oklch(43% 0 0);--color-accent-hover:color-mix(in oklch, var(--color-accent) 88%, black);--color-accent-active:color-mix(in oklch, var(--color-accent) 76%, black);--color-accent-soft:oklch(94% 0 0);--color-on-accent:var(--color-surface);--color-focus:oklch(25% 0 0);--color-disabled-bg:var(--color-surface-subtle);--color-disabled-text:var(--color-text-muted);--color-selection-bg:var(--color-accent-soft);--color-selection-text:var(--color-text);--color-success:oklch(40% .075 145);--color-success-soft:oklch(96% .018 145);--color-warning:oklch(43% .075 75);--color-warning-soft:oklch(96% .025 75);--color-danger:oklch(45% .14 25);--color-danger-soft:oklch(96% .018 25);--amb-light-x:-.7;--amb-light-y:-.85;--amb-key-light-intensity:.9;--amb-fill-light-intensity:.7;--amb-light-hue:45;--amb-light-saturation:5%;--amb-albedo:var(--color-surface-subtle);--instrument-screen:oklch(28% 0 0);--instrument-screen-text:oklch(95% 0 0);--instrument-shadow:2px 3px 5px oklch(20% 0 0/.2), 8px 14px 24px oklch(20% 0 0/.12);--instrument-inset:inset 2px 3px 8px oklch(12% 0 0/.65), 0 1px 0 var(--color-surface);--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--text-label:.75rem;--text-note:.8125rem;--text-caption:.875rem;--text-body:1rem;--text-lead:clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--text-heading:clamp(1.5rem, 1.25rem + 1vw, 2rem);--text-title:clamp(2rem, 1.5rem + 2vw, 3rem);--text-display:clamp(2.5rem, 1.75rem + 3vw, 4.5rem);--weight-regular:400;--weight-medium:500;--weight-bold:700;--leading-body:1.8;--leading-heading:1.35;--leading-display:1.2;--tracking-body:0;--tracking-heading:-.02em;--tracking-label:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--layout-width:75rem;--layout-prose:36em;--layout-gutter:clamp(1.25rem, .75rem + 2vw, 3rem);--layout-section:clamp(3.5rem, 2rem + 6vw, 7rem);--control-height:2.75rem;--border-width:1px;--radius-control:.5rem;--radius-panel:1rem;--radius-pill:999px;--shadow-raised:0 1px 2px oklch(25% 0 0/.04), 0 4px 12px oklch(25% 0 0/.04);--focus-width:2px;--focus-offset:3px;--layer-header:10;--layer-overlay:20;--layer-dialog:30;--duration-fast:.12s;--duration-normal:.2s;--duration-reveal:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-reveal:0s}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-canvas);color:var(--color-text)}body{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);overflow-wrap:break-word;background-image:radial-gradient(at 20% 30%,#2d261c11 0 .25px,#0000 .7px),radial-gradient(at 70% 60%,#ffffff54 0 .3px,#0000 .8px),radial-gradient(at 40% 80%,#4137280d 0 .25px,#0000 .65px);background-size:2.3px 3.7px,3.1px 2.7px,4.3px 3.3px;margin:0}button,input,textarea,select{font:inherit}a{color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:from-font}@media (hover:hover) and (pointer:fine){a:hover{color:var(--color-accent-hover)}}a:active{color:var(--color-accent-active)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}