:root{--color-white: oklch(99.4% 0 0);--color-black: oklch(14.38% 0.007 256.88);--color-gray-light: oklch(95.57% 0.003 286.35);--color-gray: oklch(84.68% 0.002 197.12);--color-gray-dark: oklch(63.12% 0.004 219.55);--color-orange: oklch(0.7242 0.1796 43.23);--color-orange-light: oklch(from var(--color-orange) calc(l*1.1) c h);--color-orange-dark: oklch(from var(--color-orange) calc(l*.9) c h);--color-yellow: oklch(90.92% 0.125 92.56);--color-burnt-mocca: oklch(0.1684 0.0131 66.9);--color-obsidian: oklch(0.1684 0.0131 66.9 / 70%);--color-plastic-grey: oklch(79.196% 0.00856 91.513);--color-plastic-beige: oklch(0.9405 0.0058 84.57);--color-primary: oklch(62.39% 0.181 258.33);--color-secondary: oklch(58.47% 0.181 302.06);--color-accent: var(--color-orange);--color-success: oklch(79.33% 0.179 145.62);--color-warning: var(--color-yellow);--color-danger: oklch(62.73% 0.209 12.37);--color-background: var(--color-plastic-grey);--color-background-light: var(--color-gray-light);--color-background-dark: var(--color-gray-dark);--color-panel-bg: oklch(97.05% 0.039 91.2);--color-border: var(--color-gray);--color-text: var(--color-obsidian);--color-text-light: oklch(63.12% 0.004 219.55);--color-neon: oklch(78% 0.18 145);--color-slider-track: oklch(84.68% 0.002 197.12);--color-slider-thumb: oklch(from var(--color-background) calc(.97*l) c h);--color-slider-tick: oklch(84.68% 0.002 197.12);--color-slider-display-value-bg: oklch(0.7711 0.0284 253.27);--color-shadow: oklch(from var(--color-black) l c h / 80%);--color-shadow-light: oklch(from var(--color-black) l c h / 25%);--color-shadow-medium: oklch(from var(--color-black) l c h / 55%);--color-shadow-dark: oklch(from var(--color-black) l c h / 80%);--color-highlight-strong: oklch(from var(--color-white) l c h / 80%);--color-highlight-medium: oklch(from var(--color-white) l c h / 50%);--color-highlight-low: oklch(from var(--color-white) l c h / 25%)}:root{--scroll: 0;--max-with-content: 30rem;--transition-standard: all ease-out 150ms;--transition-medium: all ease-out 150ms;--transition-slow: all ease-out 450ms;--transition-quick: all ease-out 90ms;--ratio: 0.1416;--angle: 54.3291;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-full: 9999px;--font-size-xs: 0.6rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 2.5rem;--font-family-base: "Akzidenz Grotesk Next", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-weight-light: 300;--font-weight-base: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--line-height-base: 1.3em;--line-height-sm: 1.25em;--line-height-lg: 1.5em;--font-label-weight: var(--font-weight-medium);--font-heading-weight: var(--font-weight-bold)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0;margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizespeed;line-height:var(--line-height-base);font-family:var(--font-family-base);color:var(--color-text);background-color:var(--color-background)}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}button{background:none;border:none;padding:0;cursor:pointer}fieldset{border:none;padding:0;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}@font-face{font-family:"Akzidenz Grotesk Next";src:url("/assets/fonts/web/akzidenz-grotesk-next-regular.woff2") format("woff2"),url("/assets/fonts/web/akzidenz-grotesk-next-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Akzidenz Grotesk Next";src:url("/assets/fonts/web/akzidenz-grotesk-next-light.woff2") format("woff2"),url("/assets/fonts/web/akzidenz-grotesk-next-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Akzidenz Grotesk Next";src:url("/assets/fonts/web/akzidenz-grotesk-next-black.woff2") format("woff2"),url("/assets/fonts/web/akzidenz-grotesk-next-black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Akzidenz Grotesk Next";src:url("/assets/fonts/web/akzidenz-grotesk-next-medium.woff2") format("woff2"),url("/assets/fonts/web/akzidenz-grotesk-next-medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Akzidenz Grotesk Next";src:url("/assets/fonts/web/akzidenz-grotesk-next-bold.woff2") format("woff2"),url("/assets/fonts/web/akzidenz-grotesk-next-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}.neon-text{color:var(--color-neon);text-shadow:0 0 8px var(--color-neon)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--font-size-base);margin-top:vat(--font-size-base);line-height:var(--line-height-lg);font-weight:var(--font-heading-weight);color:var(--color-text);padding:0}h1{font-size:var(--font-size-xl)}@media(min-width: 768px){h1{font-size:calc(var(--font-size-xl)*1.5)}}h2{font-size:var(--font-size-lg)}@media(min-width: 768px){h2{font-size:var(--font-size-xl)}}h3{font-size:var(--font-size-base)}@media(min-width: 768px){h3{font-size:var(--font-size-lg)}}p{margin-bottom:var(--spacing-md)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--transition-timing)}a:hover{color:var(--color-primary-dark)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-light{color:var(--color-text-light)}.text-center{text-align:center}.text-right{text-align:right}.text-mono{font-family:var(--font-family-monospace)}.font-weight-normal{font-weight:var(--font-weight-base)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-weight-semibold{font-weight:var(--font-weight-medium)}.font-weight-bold{font-weight:var(--font-weight-bold)}.grid{display:grid;gap:var(--spacing-md)}.grid--no-gap{gap:0}.grid--cols-1{grid-template-columns:repeat(1, 1fr)}.grid--cols-2{grid-template-columns:repeat(2, 1fr)}.grid--cols-3{grid-template-columns:repeat(3, 1fr)}.grid--cols-4{grid-template-columns:repeat(4, 1fr)}.grid--cols-5{grid-template-columns:repeat(5, 1fr)}.grid--cols-6{grid-template-columns:repeat(6, 1fr)}.grid--cols-7{grid-template-columns:repeat(7, 1fr)}.grid--cols-8{grid-template-columns:repeat(8, 1fr)}.grid--cols-9{grid-template-columns:repeat(9, 1fr)}.grid--cols-10{grid-template-columns:repeat(10, 1fr)}.grid--cols-11{grid-template-columns:repeat(11, 1fr)}.grid--cols-12{grid-template-columns:repeat(12, 1fr)}@media(min-width: 640px){.grid--sm-cols-1{grid-template-columns:repeat(1, 1fr)}.grid--sm-cols-2{grid-template-columns:repeat(2, 1fr)}.grid--sm-cols-3{grid-template-columns:repeat(3, 1fr)}.grid--sm-cols-4{grid-template-columns:repeat(4, 1fr)}.grid--sm-cols-5{grid-template-columns:repeat(5, 1fr)}.grid--sm-cols-6{grid-template-columns:repeat(6, 1fr)}.grid--sm-cols-7{grid-template-columns:repeat(7, 1fr)}.grid--sm-cols-8{grid-template-columns:repeat(8, 1fr)}.grid--sm-cols-9{grid-template-columns:repeat(9, 1fr)}.grid--sm-cols-10{grid-template-columns:repeat(10, 1fr)}.grid--sm-cols-11{grid-template-columns:repeat(11, 1fr)}.grid--sm-cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 768px){.grid--md-cols-1{grid-template-columns:repeat(1, 1fr)}.grid--md-cols-2{grid-template-columns:repeat(2, 1fr)}.grid--md-cols-3{grid-template-columns:repeat(3, 1fr)}.grid--md-cols-4{grid-template-columns:repeat(4, 1fr)}.grid--md-cols-5{grid-template-columns:repeat(5, 1fr)}.grid--md-cols-6{grid-template-columns:repeat(6, 1fr)}.grid--md-cols-7{grid-template-columns:repeat(7, 1fr)}.grid--md-cols-8{grid-template-columns:repeat(8, 1fr)}.grid--md-cols-9{grid-template-columns:repeat(9, 1fr)}.grid--md-cols-10{grid-template-columns:repeat(10, 1fr)}.grid--md-cols-11{grid-template-columns:repeat(11, 1fr)}.grid--md-cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 1024px){.grid--lg-cols-1{grid-template-columns:repeat(1, 1fr)}.grid--lg-cols-2{grid-template-columns:repeat(2, 1fr)}.grid--lg-cols-3{grid-template-columns:repeat(3, 1fr)}.grid--lg-cols-4{grid-template-columns:repeat(4, 1fr)}.grid--lg-cols-5{grid-template-columns:repeat(5, 1fr)}.grid--lg-cols-6{grid-template-columns:repeat(6, 1fr)}.grid--lg-cols-7{grid-template-columns:repeat(7, 1fr)}.grid--lg-cols-8{grid-template-columns:repeat(8, 1fr)}.grid--lg-cols-9{grid-template-columns:repeat(9, 1fr)}.grid--lg-cols-10{grid-template-columns:repeat(10, 1fr)}.grid--lg-cols-11{grid-template-columns:repeat(11, 1fr)}.grid--lg-cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 1280px){.grid--xl-cols-1{grid-template-columns:repeat(1, 1fr)}.grid--xl-cols-2{grid-template-columns:repeat(2, 1fr)}.grid--xl-cols-3{grid-template-columns:repeat(3, 1fr)}.grid--xl-cols-4{grid-template-columns:repeat(4, 1fr)}.grid--xl-cols-5{grid-template-columns:repeat(5, 1fr)}.grid--xl-cols-6{grid-template-columns:repeat(6, 1fr)}.grid--xl-cols-7{grid-template-columns:repeat(7, 1fr)}.grid--xl-cols-8{grid-template-columns:repeat(8, 1fr)}.grid--xl-cols-9{grid-template-columns:repeat(9, 1fr)}.grid--xl-cols-10{grid-template-columns:repeat(10, 1fr)}.grid--xl-cols-11{grid-template-columns:repeat(11, 1fr)}.grid--xl-cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 1536px){.grid--2xl-cols-1{grid-template-columns:repeat(1, 1fr)}.grid--2xl-cols-2{grid-template-columns:repeat(2, 1fr)}.grid--2xl-cols-3{grid-template-columns:repeat(3, 1fr)}.grid--2xl-cols-4{grid-template-columns:repeat(4, 1fr)}.grid--2xl-cols-5{grid-template-columns:repeat(5, 1fr)}.grid--2xl-cols-6{grid-template-columns:repeat(6, 1fr)}.grid--2xl-cols-7{grid-template-columns:repeat(7, 1fr)}.grid--2xl-cols-8{grid-template-columns:repeat(8, 1fr)}.grid--2xl-cols-9{grid-template-columns:repeat(9, 1fr)}.grid--2xl-cols-10{grid-template-columns:repeat(10, 1fr)}.grid--2xl-cols-11{grid-template-columns:repeat(11, 1fr)}.grid--2xl-cols-12{grid-template-columns:repeat(12, 1fr)}}.grid--auto-fit{grid-template-columns:repeat(auto-fit, minmax(var(--min-column-width, 250px), 1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill, minmax(var(--min-column-width, 250px), 1fr))}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--sm{width:100%;max-width:640px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--md{width:100%;max-width:768px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--lg{width:100%;max-width:1024px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--xl{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--fluid{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--narrow{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media(min-width: 768px){.container--narrow{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.container--wide{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width: 768px){.container--wide{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}html{scroll-behavior:smooth}body{text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizelegibility !important;-webkit-font-smoothing:antialiased !important;width:100%;background-color:var(--color-black);color:var(--color-text);font-size:1em}main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--max-with-content);min-height:calc(100svh - var(--header-height));padding:0 1rem;background-color:var(--color-background);margin:0 auto;box-shadow:0 0 8px var(--color-shadow-medium) inset;scroll-snap-type:y mandatory}@media(min-width: 768px){section{padding:var(--spacing-xxl) 0}}section{width:100%;min-height:100vh;position:relative;background-color:var(--background-color);color:var(--text-color);padding-top:3rem;scroll-snap-align:start;scroll-snap-stop:always}section>.content{display:grid;width:100%;max-width:var(--max-with-content);padding:0}section .slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}section--sm{padding:var(--spacing-lg) 0}section--lg{padding:calc(var(--spacing-xxl)*1.5) 0}section--no-padding{padding:0}section--bg-light{background-color:var(--color-background-light)}section--bg-dark{background-color:var(--color-gray-800);color:var(--color-white)}.hidden{display:none}hr{margin:var(--font-size-xxl) 0}.settings{padding:var(--font-size-xxl) var(--font-size-xl);background:var(--color-background);border-radius:var(--border-radius-lg);border:1rem solid var(--color-background);position:relative}.settings::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-lg);box-shadow:0px 3px 7.2px hsla(0,0%,100%,.14),inset 1px 1px 13.2px rgba(0,0,0,.18);pointer-events:none}.settings .buttons{margin-top:var(--font-size-xl)}.slider-container{width:100%;padding:0 0 3rem;background:rgba(0,0,0,0)}.slider-container label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-label-weight);white-space:nowrap;padding:0 0 .25rem}.slider-container .tick-marks{display:flex;justify-content:space-between;align-items:flex-end;width:calc(100% - 2.5rem);margin-bottom:1.5rem;margin-left:1.5rem}.slider-container .tick-marks .tick{width:.15625rem;height:12px;background-color:var(--color-shadow);opacity:.58;border-radius:2px}input[type=range]{appearance:none;width:100%;height:1rem;margin:0;margin-left:-0.25rem;background:rgba(0,0,0,0);outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:.75rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0.26) 4.81%, rgba(92, 92, 92, 0.108182) 59.13%, rgba(33, 33, 33, 0.0987199) 92.31%, rgba(0, 0, 0, 0.09) 100%);box-shadow:0px 2px 6px hsla(0,0%,100%,.22);filter:blur(0.55px);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{appearance:none;width:64px;height:24px;transform:translateY(-25%);background:var(--color-slider-thumb);box-shadow:0px 4px 7.7px rgba(0,0,0,.31),-4px 0px 3.8px rgba(0,0,0,.07),inset 0px 2px 4px hsla(0,0%,100%,.25);border-radius:4px}input[type=range]::-webkit-slider-thumb::after{display:none}input[type=range]:focus{outline:none}input[type=range]::-moz-range-track{height:20px;background:var(--color-black);border-radius:10px;border:none;box-shadow:0 0 24px 6px var(--color-white),0 0 0 1px var(--color-gray-light)}input[type=range]::-moz-range-thumb{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 38% 38%, var(--color-gray-light) 55%, var(--color-gray) 80%, var(--color-gray-dark) 100%);cursor:pointer;border:none;box-shadow:0 2px 16px 0 var(--color-gray-light),0 0 32px 8px var(--color-gray-light);transition:transform .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.04)}input[type=range]::-moz-range-thumb:active{transform:scale(0.98);background:radial-gradient(circle at 38% 38%, #cccccc 60%, #888 100%)}button{display:inline-block;padding:.6em 1.2em;border-radius:30px;border:1px solid var(--color-line);background-color:color-mix(in srgb, var(--color-panel-bg) 97%, white 3%);color:var(--color-text);cursor:pointer;box-shadow:1px 1px 2px var(--color-shadow) inset;transition:transform .2s}button:active{transform:translateY(1px)}button--primary{background-color:var(--color-accent);color:var(--color-white)}button--neon{background-color:var(--color-neon);color:var(--color-black);text-shadow:0 0 6px var(--color-neon)}.kotori-button{appearance:none;display:inline-block;position:relative;width:3.5em;height:3.5em;border-radius:50%;margin:2em 3em 3em 0;--kotori-shadow-rest: var(--color-shadow-dark) 0.52px 0.52px 0.73px -0.63px, var(--color-shadow-dark) 1.32px 1.32px 1.87px -1.25px, var(--color-shadow-dark) 2.66px 2.66px 3.76px -1.88px, var(--color-shadow-dark) 5.03px 5.03px 7.12px -2.5px, var(--color-shadow-medium) 10px 10px 14.15px -3.13px, var(--color-shadow-medium) 22px 22px 31.11px -3.75px;--kotori-shadow-pressed: var(--color-shadow-dark) 0.52px 0.52px 0.13px -0.63px, var(--color-shadow-dark) 1.32px 0.32px 1.17px -1.25px, var(--color-shadow-dark) 2.66px 1.46px 2.06px -1.88px, var(--color-shadow-dark) 5.03px 2.03px 3.42px -2.5px, var(--color-shadow-medium) 10px 3px 8.15px -3.13px, var(--color-shadow-medium) 22px 12px 26.11px -3.75px}.kotori-button.--orange>.surface{background:radial-gradient(100% 100% at 35.8% 29.3%, var(--color-orange-dark) 0%, var(--color-orange-light) 72%, oklch(from var(--color-white) l c h/0.8) 100%, oklch(from var(--color-black) l c h/0.1) 130%)}.kotori-button.--black>.surface{background:radial-gradient(100% 100% at 35.8% 30%, var(--color-black) 0%, var(--color-gray-dark) 72%, var(--color-white) 100%, var(--color-black) 130%)}.kotori-button .surface{display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;color:var(--color-text);box-shadow:var(--kotori-shadow-rest);cursor:pointer;transition:var(--transition-standard)}.kotori-button .surface .svgHighlight{position:absolute;top:0;left:-6%;width:76%;height:97%;opacity:.6;transition:opacity .2s;filter:blur(1px);image-rendering:pixelated;transform:none;transform-origin:50% 50% 0}.kotori-button .surface .svgHighlight.--bottom{filter:blur(1px);transform:rotate(180deg);top:initial;left:initial;bottom:8%;right:12%;width:50%;height:50%;opacity:.3}.kotori-button .surface .svgHighlight>svg{display:block}.kotori-button .surface::after{content:"";position:absolute;bottom:11%;right:19%;width:50%;height:50%;border-radius:inherit;background-color:var(--color-panel-bg);opacity:.5;transition:opacity .2s;filter:blur(7px)}.kotori-button .surface::before{content:"";position:absolute;bottom:1%;right:1%;width:80%;height:80%;border-radius:inherit;box-shadow:var(--kotori-shadow-rest);opacity:.2;transition:all ease-out .2s;filter:blur(3px)}.kotori-button .hole{position:absolute;top:2.5%;left:-0.5%;width:100%;height:103%;border-radius:inherit;box-shadow:0 -1px -5px var(--color-shadow-medium) inset;background-color:rgba(0,0,0,.74);opacity:.9;filter:blur(0.85px)}.kotori-button .indicator{position:absolute;display:block;top:-1.5em;left:50%;width:.5em;height:.5em;border-radius:50%;background:var(--color-shadow);box-shadow:0 1px 2px var(--color-shadow-medium) inset;transition:all ease-out var(--transition-slow);transform:translateX(-50%)}.kotori-button .label{font-size:clamp(0.63rem,0.51rem + 0.38vw,0.75rem);font-weight:var(--font-weight-light);position:absolute;bottom:-2.5em;left:-1em;width:calc(100% + 2em);text-align:center}input[data-kotori-radio]:active+.kotori-button>.surface{transform:translateY(0.4px) scale(0.9);box-shadow:var(--kotori-shadow-pressed)}input[data-kotori-radio]:checked+.kotori-button>.indicator{background:var(--color-black);background:radial-gradient(circle at center, var(--color-success) 0%, var(--color-success) 40%, var(--color-success) 100%);box-shadow:inset 0 1px 2px var(--color-black),0 0 4px var(--color-success),0 0 8px var(--color-success)}input[data-kotori-radio]:checked+.kotori-button>.surface{transform:translateY(0) scale(0.94);opacity:.97;box-shadow:var(--kotori-shadow-pressed)}.buttons{display:flex;flex-direction:row;gap:1.5em;justify-content:flex-start;font-size:1rem}.buttons.--margin-top{margin-top:var(--font-size-xxl)}.buttons legend{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-label-weight);white-space:nowrap;padding:0rem 1rem 1rem}.buttons .button_pair{column-gap:4rem}.buttons .btn{--shadow-black: var(--color-shadow-light);--color-bg-default: oklch(74% 0.005 100deg);--color-bg-black: oklch(24% 0.01 270deg);--color-bg-red: oklch(60% 0.2 30deg);--color-bg-dark: oklch(17% 0.005 270deg);--color-inset-light: oklch(from var(--color-highlight-strong) l c h / 80%);--color-inset-dark: var(--color-bg-default);--color-inset-red: oklch(75% 0.25 40deg / 80%);--color-inset-black: oklch(70% 0.01 270deg / 70%);--color-btn-text-light: white;--color-btn-text-dark: oklch(from #5f5f5f calc(l * 0.75) c h / 90%);--btn-bg: var(--color-bg-default);--btn-inset-light: var(--color-inset-light);--btn-inset-dark: var(--color-inset-dark);--btn-text-color: var(--color-btn-text-dark);--btn-shadow-rest: var(--shadow-black) .25rem .25rem 4px, var(--btn-inset-light) 1.5px 1.5px 2px inset, var(--btn-inset-dark) -3.2px -3.2px 8px inset;--btn-shadow-pressed: var(--shadow-black) 0 0 0, inset 0.5px 0.5px 4px #000, var(--btn-bg) -3.2px -3.2px 5px inset;--btn-width: 5em;--btn-height: 5em;--btn-radius: 0.625em;--btn-inner-width: calc(var(--btn-width) * 0.99);--btn-inner-height: calc(var(--btn-height) * 0.99);line-height:1em}.buttons .btn.--wide{--btn-width: 8em}.buttons .btn.--wide-small{font-size:.8em;--btn-width: 5em;--btn-height: 2.5em;--btn-radius: 0.4em}.buttons .btn.--wide-small>.button>.button_text{padding-top:.2em}.buttons .btn.--small{font-size:.8em;--btn-width: 2.5em;--btn-height: 2.5em;--btn-radius: 0.4em}.buttons .btn.--small>.button>.button_text{padding-top:0em;text-align:center}.buttons .btn.--full-width{--btn-width: 100%;--btn-inner-width: calc(var(--btn-width) * 1)}.buttons .btn{display:flex;align-items:center;justify-content:center;width:var(--btn-width);height:var(--btn-height);background-color:oklch(from var(--color-shadow-dark) l c h/70%);border-radius:calc(var(--btn-radius)/2);box-shadow:0 0 2px var(--color-bg-dark)}.buttons .btn .button{width:var(--btn-inner-width);height:var(--btn-inner-height);border-radius:var(--btn-radius);border:none;outline:none;text-transform:uppercase;cursor:pointer;display:inline-flex;justify-content:center;align-items:start;background-color:var(--btn-bg);box-shadow:var(--btn-shadow-rest);transition:var(--transition-quick)}.buttons .btn .button.--icon{align-items:center}.buttons .btn .button.--icon>.button_text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.buttons .btn .button.--red{--btn-bg: var(--color-bg-red);--btn-inset-light: var(--color-inset-red);--btn-inset-dark: var(--color-bg-red);--btn-text-color: var(--color-btn-text-light);--btn-shadow-rest: var(--shadow-black) .25rem .25rem 4px, var(--btn-inset-light) 2px 2px .25rem inset, var(--btn-inset-dark) -4px -4px 1px inset;--btn-shadow-pressed: var(--shadow-black) 0 0 0, inset 0.5px 0.5px 4px #000, var(--btn-bg) -3.2px -3.2px 5px inset}.buttons .btn .button.--red:active,.buttons .btn .button.--red:hover,.buttons .btn .button.--red:focus{transform:translateY(1px) scale(0.99);box-shadow:var(--btn-shadow-pressed)}.buttons .btn .button.--red>.button_text{color:oklch(from var(--btn-text-color) l c h/80%);filter:blur(0.35px)}.buttons .btn .button.--black{--btn-bg: var(--color-bg-black);--btn-inset-light: var(--color-inset-black);--btn-inset-dark: var(--color-bg-black);--btn-text-color: var(--color-btn-text-light);--btn-shadow-rest: var(--shadow-black) 10px 10px 8px, var(--btn-inset-light) 1.5px 1.5px 1px inset, var(--btn-inset-dark) -3.2px -3.2px 8px inset;--btn-shadow-pressed: var(--shadow-black) 0 0 0, inset 0.5px 0.5px 4px rgba(0, 0, 0, 0.24), var(--btn-bg) -3.2px -3.2px 5px inset}.buttons .btn .button.--black:active,.buttons .btn .button.--black:hover,.buttons .btn .button.--black:focus{transform:translateY(1px) scale(0.99);box-shadow:var(--btn-shadow-pressed)}.buttons .btn .button.--black>.button_text{color:var(--btn-text-color)}.buttons .btn .button:active,.buttons .btn .button:hover,.buttons .btn .button:focus{transform:translateY(1px) scale(0.99);box-shadow:var(--btn-shadow-pressed)}.buttons .btn .button:active .svg,.buttons .btn .button:hover .svg,.buttons .btn .button:focus .svg{scale:.95}.buttons .btn .button:active .button_text,.buttons .btn .button:hover .button_text,.buttons .btn .button:focus .button_text{transform:translateY(0.5px)}.buttons .btn .button .svg{fill:var(--color-btn-text-dark);width:1.5625em;height:1.5625em;transition:var(--transition-quick)}.buttons .btn .button .button_text{color:var(--btn-text-color);padding-top:.6em;letter-spacing:.075em;font-size:var(--font-size-xs);transition:var(--transition-quick)}form label{display:block;padding-bottom:1em;font-weight:var(--font-label-weight);font-size:var(--font-size-sm)}form fieldset.buttons-old{border:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;align-items:start;justify-items:start;justify-content:start;gap:1em}form fieldset.buttons-old legend,form fieldset.buttons-old>.description{grid-column:1/-1}form fieldset.buttons-old>.description{justify-self:left}form fieldset.buttons-old .label{grid-column:1fr;margin-bottom:1em}form fieldset.buttons-old legend{font-weight:var(--font-weight-bold)}input[type=text],input[type=number],textarea{border:1px solid var(--color-line);background-color:var(--color-panel-bg);color:var(--color-text);padding:.5em;border-radius:4px;outline:none}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--color-accent)}.input-group{margin-bottom:var(--spacing-md)}.input-label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-light)}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);color:var(--color-text);transition:all var(--transition-fast) var(--transition-timing)}.input-field::placeholder{color:var(--color-text-light);opacity:.7}.input-field:hover{border-color:var(--color-gray-400)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary), 0.1)}.input-field[disabled]{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.input-field--error{border-color:var(--color-danger)}.input-field--error:focus{box-shadow:0 0 0 2px rgba(var(--color-danger), 0.1)}.input-field--success{border-color:var(--color-success)}.input-field--success:focus{box-shadow:0 0 0 2px rgba(var(--color-success), 0.1)}.input-helper{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-light)}.input-helper--error{color:var(--color-danger)}.input-helper--success{color:var(--color-success)}.toggle{position:relative;width:60px;height:30px;background-color:var(--color-gray);border-radius:15px;cursor:pointer;transition:background-color .2s}.toggle::before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--color-panel-bg);border-radius:50%;transition:transform .2s}.toggle.is-on{background-color:var(--color-accent)}.toggle.is-on::before{transform:translateX(30px)}.checkbox,.radio{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.checkbox__input,.radio__input{position:absolute;opacity:0;width:0;height:0}.checkbox__input:checked+.checkbox__custom,.radio__input:checked+.checkbox__custom{background-color:var(--color-primary);border-color:var(--color-primary)}.description{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);letter-spacing:.04em;background:oklch(from var(--color-white) calc(l * 0.9) c h/80%);width:100%;margin:2rem auto;padding:1em;border-radius:var(--border-radius-sm);box-shadow:1px 1px 1px var(--color-highlight-medium) inset,0 1px 2px var(--color-shadow-light)}header{position:relative;width:100%;top:0;left:0;z-index:100}header nav{max-width:var(--max-with-content);background:oklch(from var(--color-background) calc(l * 0.95) c h);margin:0 auto;padding:1.5rem 1.5rem 2rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}header nav::before{content:"";display:block;position:absolute;width:100%;left:0;top:0;height:.25rem;opacity:.8;background:linear-gradient(120deg, #e41b17 0%, #ffe600 33%, #00b140 66%, #00a2e8 100%);pointer-events:none;z-index:20}header nav::after{content:"";display:block;position:absolute;width:100%;left:0;bottom:0;height:1rem;opacity:.8;background:linear-gradient(180deg, transparent 0%, var(--color-shadow-medium) 100%);pointer-events:none;z-index:20}header nav a{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:rgba(0,0,0,0);letter-spacing:.02em;color:oklch(from #5f5f5f calc(l * 0.75) c h/80%)}header .buttons{display:flex;align-items:center}.drinks-table{display:table;border-spacing:2px;border-collapse:collapse;box-sizing:border-box;text-indent:0}.drinks-table th,.drinks-table caption{text-align:start}.drinks-table thead th:not(:first-child):not(:last-child),.drinks-table td{text-align:end}.drinks-table thead{border-block-end:2px solid}.drinks-table tfoot{border-block:2px solid;background:#f5f5f5}.drinks-table tr:nth-child(even){background:oklch(from var(--color-obsidian) calc(0.1 * l) c h/5%)}.drinks-table tr th,.drinks-table tr td{border-bottom:1px solid var(--color-text);padding:1rem .5rem;font-size:.75rem}.bac-chart{display:block;width:100%;padding:1.5rem .5rem .5rem;margin:var(--font-size-xxl) 0;border-radius:var(--border-radius-md);background-color:var(--color-slider-display-value-bg);box-shadow:inset 0 -1px 2px var(--color-highlight-low),0 1px 2px var(--color-highlight-medium),inset 0 4px 4px var(--color-shadow-light)}.bac-chart canvas{width:100%;aspect-ratio:16/9}.digital-display{display:inline-block;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);width:6rem;text-align:right;background-color:var(--color-slider-display-value-bg);box-shadow:inset 0 -1px 2px var(--color-highlight-low),0 1px 2px var(--color-highlight-medium),inset 0 4px 4px var(--color-shadow-light);color:var(--color-shadow-medium);letter-spacing:.015em}.digital-display.--wide{width:initial}dialog.slide-out{--_card-inset: var(--font-size-sm) / 2;--dialog-transition: var(--transition-medium);container:dialog-panel/size;transition:var(--dialog-transition) allow-discrete;padding:0;background:none;box-shadow:none;block-size:100dvh;max-block-size:100%;inline-size:min(100%,95vw);margin:0;margin-inline-end:auto;overflow-y:hidden;top:0;border-color:rgba(0,0,0,0)}dialog.slide-out::backdrop{transition:var(--dialog-transition);opacity:0;background-color:var(--color-shadow-medium)}dialog.slide-out>section{block-size:calc(100% - var(--_card-inset)*2);margin-block:var(--_card-inset);margin-inline-start:var(--_card-inset);opacity:0;transform:translateX(calc((100% + var(--_card-inset)) * -1));transition:var(--dialog-transition)}@media(prefers-reduced-motion: reduce){dialog.slide-out>section{transform:none;transition:var(--transition-quick)}}dialog.slide-out[open],dialog.slide-out[open]::backdrop{opacity:1}dialog.slide-out[open]>section{opacity:1;transform:translateX(0)}@starting-style{dialog.slide-out[open],dialog.slide-out[open]::backdrop{opacity:0}dialog.slide-out[open]>section{opacity:0;transform:translateX(calc((100% + var(--_card-inset)) * -1))}}.noise{background-image:url("/assets/images/noise.png");position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;opacity:.5}/*# sourceMappingURL=app.css.map */