@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.2q4tlji06vjpz.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_a0285109-module__0Ctu0W__className{font-family:pretendard,pretendard Fallback}.pretendard_a0285109-module__0Ctu0W__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@layer components{.amber-type{--font-headline:var(--font-pretendard), "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-body:var(--font-pretendard), "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-label:var(--font-pretendard), "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-accent:var(--font-pretendard), "Pretendard Variable", Pretendard, system-ui, sans-serif;font-family:var(--font-body);font-feature-settings:"ss06", "tnum" 0;-webkit-font-smoothing:antialiased}.amber-type h1,.amber-type h2,.amber-type h3{font-family:var(--font-headline);text-wrap:balance}.text-lit{background:linear-gradient(100deg, var(--primary) 0%, color-mix(in oklab, var(--primary) 70%, var(--accent)) 55%, var(--primary) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.neu-page{background-color:var(--background);background-image:radial-gradient(70% 45% at 85% 0%, var(--glow-tint), transparent 70%), radial-gradient(120% 60% at 0% 0%, var(--neu-sheen), transparent 60%), radial-gradient(90% 50% at 100% 100%, color-mix(in oklab, var(--neu-lo) 30%, transparent), transparent 70%);background-attachment:fixed}.neu-raised{background:linear-gradient(150deg, var(--neu-sheen), var(--background) 48%);border:1px solid color-mix(in oklab, var(--neu-hi) 70%, transparent);box-shadow:-14px -14px 32px var(--neu-hi), 16px 18px 40px color-mix(in oklab, var(--neu-lo) 85%, transparent), 3px 4px 8px color-mix(in oklab, var(--neu-lo) 45%, transparent);border-radius:2rem}.neu-raised-sm{background:linear-gradient(150deg, var(--neu-sheen), var(--background) 60%);border:1px solid color-mix(in oklab, var(--neu-hi) 60%, transparent);box-shadow:-6px -6px 14px var(--neu-hi), 7px 8px 16px color-mix(in oklab, var(--neu-lo) 85%, transparent)}.neu-inset{background-color:color-mix(in oklab, var(--background) 96%, var(--neu-lo));box-shadow:inset 7px 7px 16px var(--neu-lo), inset -7px -7px 16px var(--neu-hi);border-radius:1.5rem}.neu-inset-sm{background-color:color-mix(in oklab, var(--background) 96%, var(--neu-lo));box-shadow:inset 3px 3px 7px var(--neu-lo), inset -3px -3px 7px var(--neu-hi)}.neu-seam{background:linear-gradient(to bottom, var(--neu-lo), var(--neu-hi));border-radius:2px;height:2px}.light-spill{isolation:isolate;position:relative}.light-spill:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 60% 60%, var(--glow-soft), transparent 70%);filter:blur(28px);pointer-events:none;border-radius:3rem;position:absolute;inset:12% 6% -4%}.neu-key{cursor:pointer;color:var(--foreground);background:linear-gradient(150deg, var(--neu-sheen), var(--background) 62%);border:1px solid var(--neu-edge);box-shadow:-5px -5px 12px var(--neu-hi), 6px 6px 14px var(--neu-lo);-webkit-tap-highlight-color:transparent;transition:box-shadow .26s cubic-bezier(.25,.8,.25,1),transform .26s cubic-bezier(.25,.8,.25,1),background .22s,color .16s,border-color .16s;position:relative}@media (hover:hover){.neu-key:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--primary);box-shadow:-7px -7px 16px var(--neu-hi), 8px 9px 18px var(--neu-lo);transform:translateY(-1px)}}.neu-key:active:not(:disabled),.neu-key[aria-pressed=true]{background:color-mix(in oklab, var(--background) 94%, var(--neu-lo));box-shadow:inset 4px 4px 9px var(--neu-lo), inset -4px -4px 9px var(--neu-hi);transform:translateY(1px)scale(.985)}.neu-key[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:radial-gradient(120% 90% at 50% 120%, var(--glow-soft), transparent 70%), color-mix(in oklab, var(--background) 94%, var(--neu-lo));box-shadow:inset 4px 4px 9px var(--neu-lo), inset -4px -4px 9px var(--neu-hi), 0 0 0 3px color-mix(in oklab, var(--primary) 16%, transparent)}.neu-key:disabled{cursor:not-allowed;box-shadow:none;background:var(--background);color:var(--muted-foreground);border-style:dashed}.neu-key:focus-visible,.neu-focus:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.neu-key-primary{cursor:pointer;color:var(--primary-foreground);background:radial-gradient(90% 120% at 25% 0%, color-mix(in oklab, var(--accent) 55%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in oklab, var(--primary) 82%, var(--accent)), var(--primary) 55%, color-mix(in oklab, var(--primary) 82%, var(--glow-shade)));border:1px solid color-mix(in oklab, var(--primary) 70%, var(--foreground));box-shadow:-6px -6px 14px var(--neu-hi), 0 14px 28px -10px var(--glow-strong), 6px 8px 16px var(--neu-lo), inset 0 1px 0 color-mix(in oklab, var(--primary-foreground) 45%, transparent), inset 0 -2px 6px color-mix(in oklab, var(--primary) 60%, var(--glow-shade));-webkit-tap-highlight-color:transparent;transition:box-shadow .26s cubic-bezier(.25,.8,.25,1),transform .26s cubic-bezier(.25,.8,.25,1),opacity .16s,filter .2s;position:relative}@media (hover:hover){.neu-key-primary:hover:not(:disabled){filter:saturate(1.1)brightness(1.05);box-shadow:-7px -7px 16px var(--neu-hi), 0 18px 36px -10px var(--glow-strong), 0 0 0 4px color-mix(in oklab, var(--accent) 22%, transparent), 6px 8px 16px var(--neu-lo), inset 0 1px 0 color-mix(in oklab, var(--primary-foreground) 45%, transparent);transform:translateY(-1px)}}.neu-key-primary:active:not(:disabled){box-shadow:0 4px 12px -6px var(--glow-strong), inset 4px 4px 10px color-mix(in oklab, var(--primary) 55%, var(--glow-shade)), inset -3px -3px 8px color-mix(in oklab, var(--primary) 70%, var(--accent));transform:translateY(1px)scale(.985)}.neu-key-primary:disabled{cursor:not-allowed;color:var(--muted-foreground);background:var(--background);border:1px dashed var(--neu-edge);box-shadow:inset 3px 3px 7px var(--neu-lo), inset -3px -3px 7px var(--neu-hi)}.neu-key-primary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.neu-led{border:1.5px solid var(--neu-edge);background:0 0;border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem;transition:background-color .2s,box-shadow .2s,border-color .2s;display:inline-block}.neu-led[data-on=true]{border-color:var(--neu-led);background-color:var(--neu-led);box-shadow:0 0 0 3px var(--neu-led-glow), 0 0 10px var(--neu-led-glow)}.neu-led[data-tone=soon][data-on=true]{border-color:var(--filter-soon);background-color:var(--filter-soon);box-shadow:0 0 0 3px color-mix(in oklab, var(--filter-soon) 30%, transparent), 0 0 10px color-mix(in oklab, var(--filter-soon) 45%, transparent)}.neu-led[data-tone=due][data-on=true]{border-color:var(--filter-due);background-color:var(--filter-due);box-shadow:0 0 0 3px color-mix(in oklab, var(--filter-due) 30%, transparent), 0 0 10px color-mix(in oklab, var(--filter-due) 45%, transparent)}.neu-switch{cursor:pointer;border:1px solid var(--neu-edge);background:color-mix(in oklab, var(--background) 94%, var(--neu-lo));width:3.6rem;height:2.1rem;box-shadow:inset 3px 3px 7px var(--neu-lo), inset -3px -3px 7px var(--neu-hi);-webkit-tap-highlight-color:transparent;border-radius:999px;flex-shrink:0;align-items:center;transition:background .32s,border-color .2s,box-shadow .32s;display:inline-flex;position:relative}.neu-switch[aria-checked=true]{border-color:color-mix(in oklab, var(--primary) 70%, var(--foreground));background:linear-gradient(120deg, var(--primary), color-mix(in oklab, var(--primary) 55%, var(--accent)));box-shadow:inset 2px 2px 6px color-mix(in oklab, var(--primary) 50%, var(--glow-shade)), 0 0 16px var(--glow-soft)}.neu-switch-thumb{background:radial-gradient(circle at 35% 30%, var(--neu-sheen), var(--background) 75%);border:1px solid color-mix(in oklab, var(--neu-edge) 60%, transparent);width:1.6rem;height:1.6rem;box-shadow:2px 3px 6px color-mix(in oklab, var(--neu-deep) 70%, transparent), -1px -1px 2px var(--neu-hi);border-radius:999px;margin-top:-.8rem;transition:transform .36s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%;left:.22rem}.neu-switch[aria-checked=true] .neu-switch-thumb{transform:translate(1.45rem)}.neu-switch:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.neu-range{appearance:none;cursor:pointer;--fill:50%;background:0 0;width:100%;height:2.75rem}.neu-range::-webkit-slider-runnable-track{border:1px solid color-mix(in oklab, var(--neu-edge) 60%, transparent);background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 50%, var(--accent))) 0 0 / var(--fill) 100% no-repeat, color-mix(in oklab, var(--background) 94%, var(--neu-lo));height:.85rem;box-shadow:inset 2px 2px 5px var(--neu-lo), inset -2px -2px 5px var(--neu-hi);border-radius:999px}.neu-range::-moz-range-track{border:1px solid color-mix(in oklab, var(--neu-edge) 60%, transparent);background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 50%, var(--accent))) 0 0 / var(--fill) 100% no-repeat, color-mix(in oklab, var(--background) 94%, var(--neu-lo));height:.85rem;box-shadow:inset 2px 2px 5px var(--neu-lo), inset -2px -2px 5px var(--neu-hi);border-radius:999px}.neu-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--neu-edge);background:radial-gradient(circle, var(--primary) 0 .2rem, transparent .22rem), radial-gradient(circle at 35% 30%, var(--neu-sheen), var(--background) 75%);width:1.9rem;height:1.9rem;box-shadow:-3px -3px 7px var(--neu-hi), 4px 4px 9px var(--neu-lo);border-radius:999px;margin-top:calc(-.55rem - 1px);transition:transform .2s}.neu-range::-moz-range-thumb{border:1px solid var(--neu-edge);background:radial-gradient(circle, var(--primary) 0 .2rem, transparent .22rem), radial-gradient(circle at 35% 30%, var(--neu-sheen), var(--background) 75%);width:1.9rem;height:1.9rem;box-shadow:-3px -3px 7px var(--neu-hi), 4px 4px 9px var(--neu-lo);border-radius:999px}.neu-range:active::-webkit-slider-thumb{transform:scale(.94)}.neu-range:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:999px}.air-disc{--aq:var(--aq-good);background:radial-gradient(circle at 32% 28%, var(--neu-sheen), var(--background) 62%);border:1px solid color-mix(in oklab, var(--neu-hi) 70%, transparent);box-shadow:-18px -18px 40px var(--neu-hi), 20px 22px 48px var(--neu-lo), 0 30px 80px -30px color-mix(in oklab, var(--aq) 55%, transparent);border-radius:999px;transition:box-shadow .9s;position:relative}.air-groove{background:color-mix(in oklab, var(--background) 94%, var(--neu-lo));box-shadow:inset 6px 6px 14px var(--neu-lo), inset -6px -6px 14px var(--neu-hi);border-radius:999px;position:absolute;inset:7%}.air-light{background:conic-gradient(from var(--spin,0deg), color-mix(in oklab, var(--aq) 25%, transparent), var(--aq) 30%, color-mix(in oklab, var(--aq) 60%, var(--accent)) 50%, var(--aq) 70%, color-mix(in oklab, var(--aq) 25%, transparent));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - .7rem), var(--foreground) calc(100% - .65rem));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - .7rem), var(--foreground) calc(100% - .65rem));mask:radial-gradient(farthest-side, transparent calc(100% - .7rem), var(--foreground) calc(100% - .65rem));filter:drop-shadow(0 0 6px var(--aq));border-radius:999px;transition:background .9s;position:absolute;inset:9.5%}.air-halo{background:radial-gradient(farthest-side, transparent 78%, color-mix(in oklab, var(--aq) 22%, transparent) 90%, transparent 100%);pointer-events:none;border-radius:999px;transition:background .9s;position:absolute;inset:4%}.air-face{background:radial-gradient(circle at 35% 28%, var(--neu-sheen), var(--background) 70%);border:1px solid color-mix(in oklab, var(--neu-hi) 70%, transparent);box-shadow:-8px -8px 18px var(--neu-hi), 10px 12px 22px var(--neu-lo);border-radius:999px;position:absolute;inset:17%}.air-grille{background-image:radial-gradient(circle, color-mix(in oklab, var(--neu-lo) 80%, transparent) 0 1.4px, transparent 1.9px);background-position:50%;background-size:10px 10px}.aq-text{color:color-mix(in oklab, var(--aq) 75%, var(--foreground));transition:color .6s}.aq-chip{border:1px solid color-mix(in oklab, var(--aq) 70%, var(--foreground));color:color-mix(in oklab, var(--aq) 65%, var(--foreground));background:color-mix(in oklab, var(--aq) 10%, var(--background));transition:color .6s,border-color .6s,background .6s}.aq-scale-cell{opacity:.28;border-radius:999px;height:.4rem;transition:opacity .4s,transform .4s}.aq-scale-cell[data-on=true]{opacity:1;transform:scaleY(1.6);box-shadow:0 0 10px}.neu-dial-face{background:radial-gradient(circle at 35% 30%, var(--neu-sheen), var(--background) 70%);border:1px solid color-mix(in oklab, var(--neu-hi) 70%, transparent);box-shadow:-8px -8px 18px var(--neu-hi), 10px 10px 22px var(--neu-lo);border-radius:999px}.neu-dial-well{background:color-mix(in oklab, var(--background) 95%, var(--neu-lo));box-shadow:inset 10px 10px 22px var(--neu-lo), inset -10px -10px 22px var(--neu-hi);border-radius:999px}.dial-track{stroke:color-mix(in oklab, var(--neu-lo) 65%, var(--background))}.dial-arc{stroke:url(#water-arc);filter:drop-shadow(0 0 5px var(--glow-strong));transition:stroke-dashoffset 1.1s cubic-bezier(.25,.8,.25,1),filter .4s}.dial-arc[data-tone=soon]{stroke:var(--filter-soon);filter:drop-shadow(0 0 5px color-mix(in oklab, var(--filter-soon) 55%, transparent))}.dial-arc[data-tone=due]{stroke:var(--filter-due);filter:drop-shadow(0 0 5px color-mix(in oklab, var(--filter-due) 55%, transparent))}.dial-tick{stroke:var(--neu-edge)}.stop-a{stop-color:var(--accent)}.stop-b{stop-color:var(--primary)}.cartridge{background:color-mix(in oklab, var(--background) 94%, var(--neu-lo));box-shadow:inset 3px 3px 7px var(--neu-lo), inset -3px -3px 7px var(--neu-hi);border:1px solid color-mix(in oklab, var(--neu-edge) 45%, transparent);border-radius:999px;position:relative;overflow:hidden}.cartridge-water{transform-origin:0;background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 45%, var(--accent)));box-shadow:0 0 10px var(--glow-soft);border-radius:999px;position:absolute;inset:3px}.cartridge-water:after{content:"";background:color-mix(in oklab, var(--primary-foreground) 40%, transparent);border-radius:999px;height:35%;position:absolute;inset:1px 6px auto}.cartridge-water[data-tone=soon]{background:linear-gradient(90deg, var(--filter-soon), color-mix(in oklab, var(--filter-soon) 60%, var(--background)));box-shadow:0 0 10px color-mix(in oklab, var(--filter-soon) 35%, transparent)}.cartridge-water[data-tone=due]{background:linear-gradient(90deg, var(--filter-due), color-mix(in oklab, var(--filter-due) 60%, var(--background)));box-shadow:0 0 10px color-mix(in oklab, var(--filter-due) 35%, transparent)}.cartridge-ticks{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(25% - 1px), color-mix(in oklab, var(--background) 60%, transparent) calc(25% - 1px), color-mix(in oklab, var(--background) 60%, transparent) 25%);pointer-events:none;position:absolute;inset:0}.knob{cursor:grab;touch-action:none;background:conic-gradient(from 200deg, var(--neu-sheen), var(--background) 25%, var(--neu-lo) 50%, var(--background) 75%, var(--neu-sheen));border:1px solid var(--neu-edge);box-shadow:-8px -8px 18px var(--neu-hi), 10px 10px 22px var(--neu-lo);border-radius:999px;position:relative}.knob[aria-disabled=true]{cursor:not-allowed}.knob:active{cursor:grabbing}.knob-cap{background:radial-gradient(circle at 35% 30%, var(--neu-sheen), var(--background) 75%);box-shadow:inset 2px 2px 5px var(--neu-hi), inset -3px -3px 6px var(--neu-lo);border-radius:999px;position:absolute;inset:14%}.knob-rotor{border-radius:999px;position:absolute;inset:0}.knob-pointer{background:linear-gradient(to bottom, var(--accent), var(--primary));width:6px;height:22%;box-shadow:0 0 0 3px var(--neu-led-glow), 0 0 12px var(--glow-strong);border-radius:6px;margin-left:-3px;position:absolute;top:9%;left:50%}.knob[aria-disabled=true] .knob-pointer{background:var(--neu-edge);box-shadow:none}.knob:focus-visible{outline:2px solid var(--ring);outline-offset:5px}.knob-mark{border:1.5px solid var(--neu-edge);border-radius:999px;width:.4rem;height:.4rem;transition:background .2s,box-shadow .2s,border-color .2s;position:absolute;translate:-50% -50%}.knob-mark[data-on=true]{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--glow-strong)}.month-dot{cursor:pointer;border:1px solid var(--neu-edge);background:var(--background);box-shadow:-2px -2px 4px var(--neu-hi), 2px 2px 5px var(--neu-lo);border-radius:999px;transition:box-shadow .18s,background-color .18s,transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute}.month-dot[data-paid=true]{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 60%, var(--accent)), var(--primary));border-color:var(--primary);box-shadow:0 0 6px var(--glow-soft)}.month-dot[data-now=true]{background:var(--background);border:2px solid var(--primary);box-shadow:0 0 0 3px var(--neu-led-glow)}.month-dot[aria-pressed=true]{outline:2px solid var(--foreground);outline-offset:2px;transform:scale(1.6)}.month-dot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.vent{background-image:radial-gradient(circle, var(--neu-lo) 0 1.6px, transparent 2.2px);background-position:50%;background-size:11px 11px}.neu-label{letter-spacing:.14em;color:var(--muted-foreground);font-size:.6875rem;font-weight:600}.section-index{letter-spacing:.14em;color:var(--primary);align-items:center;gap:.6rem;font-size:.75rem;font-weight:700;display:inline-flex}.section-index:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));width:1.6rem;height:3px;box-shadow:0 0 8px var(--glow-soft);border-radius:3px}.engraved{text-shadow:1px 1px 0 var(--neu-hi), -1px -1px 0 color-mix(in oklab, var(--neu-lo) 60%, transparent)}.log-rule-b{border-bottom:1px solid var(--log-rule)}.log-rule-r{border-right:1px solid var(--log-rule)}@media (prefers-reduced-motion:no-preference){.cartridge-water{transition:transform 1s cubic-bezier(.2,.75,.2,1),background .4s}.knob-rotor{transition:transform .52s cubic-bezier(.3,1.35,.5,1)}.text-lit{animation:7s ease-in-out infinite lit-run}@keyframes lit-run{50%{background-position:100% 0}}.air-light{animation:air-spin var(--spin-dur,9s) linear infinite}@keyframes air-spin{to{--spin:360deg}}.air-breathe{animation:4s ease-in-out infinite air-breathe}@keyframes air-breathe{50%{opacity:.55}}@keyframes ink-in{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}.ink-in{animation:.65s cubic-bezier(.3,.6,.2,1) both ink-in}@keyframes rise-in{0%{box-shadow:none;opacity:0;transform:translateY(6px)}}.rise-in{animation:.52s cubic-bezier(.3,.7,.3,1) both rise-in}@keyframes check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-draw path{stroke-dasharray:24;animation:.42s ease-out .3s both check-draw}@keyframes led-breathe{50%{box-shadow:0 0 0 6px var(--neu-led-glow), 0 0 14px var(--neu-led-glow)}}.led-breathe[data-on=true]{animation:2.6s ease-in-out infinite led-breathe}@keyframes drip{0%{opacity:0;transform:translateY(-4px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(18px)scale(1)}}.drip{animation:2.4s cubic-bezier(.5,0,.8,.6) infinite drip}@supports (animation-timeline:view()){.settle{animation:linear both settle;animation-timeline:view();animation-range:entry entry 55%}@keyframes settle{0%{transform:translateY(24px)scale(.985)}to{transform:none}}}}}.auth-moulded input:not([type=checkbox]):not([type=radio]){background-color:color-mix(in oklab, var(--background) 94%, var(--neu-lo));border:1px solid var(--neu-edge);box-shadow:inset 3px 3px 7px var(--neu-lo), inset -3px -3px 7px var(--neu-hi);border-radius:1rem;min-height:3rem;transition:border-color .2s,box-shadow .2s}.auth-moulded input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--primary);box-shadow:inset 3px 3px 7px var(--neu-lo), inset -3px -3px 7px var(--neu-hi), 0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent)}.auth-moulded input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.auth-moulded button[type=submit]{min-height:3.1rem;color:var(--primary-foreground);background:linear-gradient(160deg, color-mix(in oklab, var(--primary) 82%, var(--accent)), var(--primary) 55%, color-mix(in oklab, var(--primary) 82%, var(--glow-shade)));border:1px solid color-mix(in oklab, var(--primary) 70%, var(--foreground));box-shadow:-5px -5px 12px var(--neu-hi), 0 12px 24px -10px var(--glow-strong), 5px 6px 14px var(--neu-lo), inset 0 1px 0 color-mix(in oklab, var(--primary-foreground) 45%, transparent);border-radius:999px;transition:box-shadow .2s,transform .2s}.auth-moulded button[type=submit]:active{box-shadow:inset 3px 3px 8px color-mix(in oklab, var(--primary) 55%, var(--glow-shade)), inset -3px -3px 8px color-mix(in oklab, var(--primary) 70%, var(--accent));transform:translateY(1px)scale(.99)}