*,:before,:after{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 5%, #ffb9c747, transparent 25rem), radial-gradient(circle at 96% 8%, #c2f75b2e, transparent 23rem), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), var(--canvas);color:var(--ink);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;background-size:auto,auto,28px 28px,28px 28px,auto;margin:0;font-size:16px;line-height:1.5}@supports (color:lab(0% 0 0)){body{background:radial-gradient(circle at 8% 5%, lab(82.0985% 46.1657 7.21004/.28), transparent 25rem), radial-gradient(circle at 96% 8%, lab(91.3675% -33.9947 66.4013/.18), transparent 23rem), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), var(--canvas)}}button,select,input,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,select,input,textarea{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible:not(.gummy-button,.gummy-card,.gummy-switch,.gummy-tabs__tab,.gummy-menu__trigger,.gummy-dialog__trigger,.gummy-dialog__close),select:focus-visible,input:focus-visible:not(.gummy-input__field,.gummy-field__control,.gummy-checkbox__input,.gummy-radio-item__input),textarea:focus-visible:not(.gummy-textarea__control){box-shadow:inset 0 -3px 0 var(--focus-keyline);filter:saturate(1.08)brightness(1.015);outline:none}a:focus-visible:not(.gummy-card){text-underline-offset:4px;outline:none;text-decoration:underline;text-decoration-thickness:2px}::selection{background:#ff668d57;background:lab(64.9214% 71.6545 13.3514/.34)}.skip-link{z-index:100;background:var(--ink);color:var(--canvas);border-radius:12px;padding:10px 16px;transition:transform .16s;position:fixed;top:12px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.lab-header{z-index:50;min-height:72px;padding:12px max(24px, calc((100vw - var(--page-width)) / 2));border-bottom:1px solid color-mix(in oklch, var(--line) 74%, transparent);background:color-mix(in oklch, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.lab-brand{width:max-content;font-family:var(--font-display), sans-serif;letter-spacing:-.035em;align-items:center;gap:10px;font-size:18px;font-weight:760;display:inline-flex}.lab-brand__mark{color:#1f0a2d;color:lab(6.20324% 16.9376 -19.1569);background:radial-gradient(at 28% 17%,#ffffffdb 0 7%,#0000 19%),linear-gradient(145deg,#ffd1dae0,#ff5685db 55%,#c30051);background:radial-gradient(at 28% 17%,lab(100% 0 0/.86) 0 7%,#0000 19%),linear-gradient(145deg,lab(88.1369% 39.6889 6.13323/.88),lab(62.3618% 77.9626 14.7358/.86) 55%,lab(41.7116% 71.0881 13.8807));border:1px solid #e00060;border:1px solid lab(48.4353% 77.5963 15.0924);border-radius:13px 17px 14px 16px;place-items:center;width:36px;height:36px;font-size:23px;line-height:1;display:grid;transform:rotate(-4deg);box-shadow:inset 3px 4px 7px #ffffff47,inset -4px -6px 8px #a100414d,0 3px #aa0046,0 8px 16px #f530713d;box-shadow:inset 3px 4px 7px lab(100% 0 0/.28),inset -4px -6px 8px lab(33.8271% 64.5397 12.7178/.3),0 3px lab(36.1486% 64.6156 12.63),0 8px 16px lab(55.5186% 74.6296 14.1976/.24)}.lab-brand__tag{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-left:2px;padding:4px 8px;font-size:9px;font-weight:660}.lab-header__status{align-items:center;gap:16px;display:flex}.lab-header__status>span{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:650;display:inline-flex}.lab-header__status i{background:#b0ec0a;background:lab(86.9247% -38.3311 81.9831);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #b0ec0a29;box-shadow:0 0 0 4px lab(86.9247% -38.3311 81.9831/.16)}.lab-theme-toggle{border:1px solid var(--line);background:var(--canvas-raised);min-height:40px;box-shadow:0 5px 14px var(--page-shadow), inset 0 1px #ffffff61;color:var(--ink-soft);cursor:pointer;border-radius:13px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:650;display:inline-flex}@supports (color:lab(0% 0 0)){.lab-theme-toggle{box-shadow:0 5px 14px var(--page-shadow), inset 0 1px lab(100% 0 0/.38)}}.lab-theme-toggle:hover{border-color:var(--line-strong)}.lab-theme-toggle__dark,:root[data-theme=dark] .lab-theme-toggle__light{display:none}:root[data-theme=dark] .lab-theme-toggle__dark{display:inline}.lab-shell{width:min(calc(100% - 48px), var(--page-width));margin:0 auto;padding:70px 0 96px}.lab-intro{grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:clamp(36px,8vw,110px);padding:0 0 68px;display:grid}.lab-kicker{color:#db1c64;color:lab(48.6547% 71.262 12.0508);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:720}:root[data-theme=dark] .lab-kicker{color:#ffa2b6;color:lab(77.4582% 46.1313 7.22444)}.lab-intro h1{max-width:740px;font-family:var(--font-display), sans-serif;letter-spacing:-.075em;margin:0;font-size:clamp(72px,12vw,148px);font-weight:800;line-height:.82}.lab-intro__lede{max-width:700px;color:var(--ink-soft);margin:32px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.52}.lab-intro__measure{border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 44px var(--page-shadow), inset 0 1px #ffffff61;border-radius:24px;padding:22px}@supports (color:lab(0% 0 0)){.lab-intro__measure{box-shadow:0 18px 44px var(--page-shadow), inset 0 1px lab(100% 0 0/.38)}}.lab-intro__measure span{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.lab-intro__measure strong{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;margin:8px 0;font-size:54px;line-height:1;display:block}.lab-intro__measure p{color:var(--muted);margin:0;font-size:13px}.lab-section{border-top:1px solid var(--line);padding:64px 0}.lab-section__heading{grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:end;gap:48px;margin-bottom:34px;display:grid}.lab-section__heading h2,.review-gate h2{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,58px);font-weight:760;line-height:1}.lab-section__heading>p{color:var(--muted);margin:0;font-size:15px}kbd{border:1px solid var(--line-strong);background:var(--canvas-raised);color:var(--ink-soft);font-family:var(--font-mono), monospace;border-bottom-width:2px;border-radius:6px;margin:0 3px;padding:2px 7px;font-size:11px;display:inline-block}.gummy-input{--input-light:#fffdf6;--input-core:#fff1ee;--input-rim:#e0a5ab;--input-depth:#d57d8e;--input-shadow:#e1627f29;--input-shell-light:var(--input-light);--input-shell-core:var(--input-core);--input-shell-rim:var(--input-rim);--input-shell-depth:var(--input-depth);--input-plane-light:#fffefae0;--input-plane-core:#fff3eed4;--input-label:#251133;--input-muted:#5f516b;width:100%;color:var(--input-label);gap:8px;display:grid}@supports (color:lab(0% 0 0)){.gummy-input{--input-light:lab(99.4649% 1.44947 7.53524);--input-core:lab(96.3116% 7.32833 4.869);--input-rim:lab(73.7014% 22.9279 6.34965);--input-depth:lab(62.7466% 36.2453 6.41114);--input-shadow:lab(58.6739% 52.3604 9.53299/.16);--input-plane-light:lab(99.6749% .979871 4.46712/.88);--input-plane-core:lab(96.9566% 6.0631 6.23101/.83);--input-label:lab(9.02958% 16.7512 -18.9266);--input-muted:lab(36.7703% 10.1468 -12.879)}}.gummy-input[data-status=error]{--input-light:#fff3f4;--input-core:#ffe0e3;--input-rim:var(--fruit-raspberry-rim);--input-depth:var(--fruit-raspberry-depth);--input-shadow:#f4006938}@supports (color:lab(0% 0 0)){.gummy-input[data-status=error]{--input-light:lab(97.2477% 13.0263 4.10593);--input-core:lab(92.3739% 19.6758 5.40719);--input-shadow:lab(52.9578% 80.8842 15.6628/.22)}}.gummy-input[data-status=success]{--input-light:#f7ffea;--input-core:#e6fbc8;--input-rim:var(--fruit-lime-rim);--input-depth:var(--fruit-lime-depth);--input-shadow:#83b10033}@supports (color:lab(0% 0 0)){.gummy-input[data-status=success]{--input-light:lab(99.2886% -7.89911 12.4272);--input-core:lab(96.1205% -13.5674 22.0705);--input-shadow:lab(66.8334% -31.2808 67.6149/.2)}}.gummy-input[data-status=success] .gummy-input__control{border-color:color-mix(in oklch, var(--fruit-lime-rim) 58%, white)}.gummy-input__label-row{align-items:baseline;gap:8px;min-height:21px;display:flex}.gummy-input__label{color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:720}.gummy-input__label:after{background:var(--input-shell-depth);content:"";opacity:0;border-radius:2px 50% 50%;width:8px;height:6px;margin-left:6px;transition:opacity .14s,transform .18s cubic-bezier(.2,1.4,.3,1);display:inline-block;transform:scale(.55)rotate(27deg)}.gummy-input__required,.gummy-input__read-only{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:650}.gummy-input__control{isolation:isolate;background:radial-gradient(ellipse 42% 30% at 17% 8%, #fff9, transparent 74%), radial-gradient(ellipse 58% 92% at 18% 44%, color-mix(in oklch, var(--input-shell-light) 28%, transparent), transparent 78%), radial-gradient(ellipse 68% 82% at 94% 105%, color-mix(in oklch, var(--input-shell-depth) 24%, transparent), transparent 76%), linear-gradient(137deg, color-mix(in oklch, var(--input-shell-light) 34%, transparent), color-mix(in oklch, var(--input-shell-core) 22%, transparent) 50%, color-mix(in oklch, var(--input-shell-rim) 38%, transparent));-webkit-backdrop-filter:blur(13px)saturate(1.28);backdrop-filter:blur(13px)saturate(1.28);min-height:58px;box-shadow:inset 2px 3px 5px #ffffff94, inset -7px -8px 13px color-mix(in oklch, var(--input-shell-depth) 17%, transparent), 0 7px 18px color-mix(in oklch, var(--input-shadow) 23%, transparent);border:0;border-radius:32px 27px 31px 25px/25px 32px 24px 30px;align-items:center;gap:8px;padding:0 20px;transition:box-shadow .18s,filter .15s,transform .22s cubic-bezier(.2,1.16,.25,1),border-radius .18s;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.gummy-input__control{background:radial-gradient(ellipse 42% 30% at 17% 8%, lab(100% 0 0/.6), transparent 74%), radial-gradient(ellipse 58% 92% at 18% 44%, color-mix(in oklch, var(--input-shell-light) 28%, transparent), transparent 78%), radial-gradient(ellipse 68% 82% at 94% 105%, color-mix(in oklch, var(--input-shell-depth) 24%, transparent), transparent 76%), linear-gradient(137deg, color-mix(in oklch, var(--input-shell-light) 34%, transparent), color-mix(in oklch, var(--input-shell-core) 22%, transparent) 50%, color-mix(in oklch, var(--input-shell-rim) 38%, transparent));box-shadow:inset 2px 3px 5px lab(100% 0 0/.58), inset -7px -8px 13px color-mix(in oklch, var(--input-shell-depth) 17%, transparent), 0 7px 18px color-mix(in oklch, var(--input-shadow) 23%, transparent)}}.gummy-input__control:before{z-index:-1;background:radial-gradient(ellipse 76% 66% at 46% 22%, color-mix(in oklch, var(--input-plane-light) 76%, transparent), transparent 78%), linear-gradient(150deg, var(--input-plane-light), var(--input-plane-core));box-shadow:inset 2px 3px 7px #ffffff6b, inset -4px -5px 9px color-mix(in oklch, var(--input-shell-depth) 7%, transparent);content:"";pointer-events:none;border:0;border-radius:24px 18px 22px 20px/19px 25px 18px 23px;position:absolute;inset:6px 45px 6px 6px}@supports (color:lab(0% 0 0)){.gummy-input__control:before{box-shadow:inset 2px 3px 7px lab(100% 0 0/.42), inset -4px -5px 9px color-mix(in oklch, var(--input-shell-depth) 7%, transparent)}}.gummy-input__control:after{z-index:0;background:radial-gradient(circle at 58% 24%, #ffffffb8 0 4%, transparent 6%), radial-gradient(ellipse at 55% 54%, color-mix(in oklch, var(--input-shell-core) 58%, transparent), color-mix(in oklch, var(--input-shell-rim) 52%, transparent) 60%, color-mix(in oklch, var(--input-shell-depth) 30%, transparent) 88%);width:84px;height:56px;box-shadow:inset 3px 4px 6px #ffffff6b, inset -6px -8px 11px color-mix(in oklch, var(--input-shell-depth) 20%, transparent);content:"";opacity:.72;pointer-events:none;border-radius:58% 42% 54% 46%/48% 43% 57% 52%;transition:background .18s,transform .22s cubic-bezier(.2,1.2,.25,1);position:absolute;top:1px;right:-6px;transform:rotate(1.5deg)}@supports (color:lab(0% 0 0)){.gummy-input__control:after{background:radial-gradient(circle at 58% 24%, lab(100% 0 0/.72) 0 4%, transparent 6%), radial-gradient(ellipse at 55% 54%, color-mix(in oklch, var(--input-shell-core) 58%, transparent), color-mix(in oklch, var(--input-shell-rim) 52%, transparent) 60%, color-mix(in oklch, var(--input-shell-depth) 30%, transparent) 88%);box-shadow:inset 3px 4px 6px lab(100% 0 0/.42), inset -6px -8px 11px color-mix(in oklch, var(--input-shell-depth) 20%, transparent)}}.gummy-input__field{z-index:1;width:100%;min-width:0;min-height:54px;color:var(--input-label);background:0 0;border:0;outline:0;padding:12px 0;font-size:16px;font-weight:560;line-height:1.25}.gummy-input__field::placeholder{color:#80758a;color:lab(50.8363% 7.76371 -10.1037);opacity:1}.gummy-input__adornment{z-index:1;color:var(--input-muted);white-space:nowrap;flex:none;font-size:12px;font-weight:620;position:relative}.gummy-input__status-icon{z-index:2;background:radial-gradient(circle at 30% 24%, #ffffff94, transparent 54%), color-mix(in oklch, var(--input-shell-rim) 64%, transparent);width:24px;height:24px;box-shadow:inset 1px 1px 2px #ffffff7a, inset -2px -2px 4px color-mix(in oklch, var(--input-shell-depth) 14%, transparent);color:#1f0b2c;color:lab(6.29349% 15.5747 -17.8243);border:0;border-radius:64% 36% 58% 42%/43% 61% 39% 57%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;right:14px;transform:rotate(-2deg)scale(1.08)}@supports (color:lab(0% 0 0)){.gummy-input__status-icon{background:radial-gradient(circle at 30% 24%, lab(100% 0 0/.58), transparent 54%), color-mix(in oklch, var(--input-shell-rim) 64%, transparent);box-shadow:inset 1px 1px 2px lab(100% 0 0/.48), inset -2px -2px 4px color-mix(in oklch, var(--input-shell-depth) 14%, transparent)}}.gummy-input:has(.gummy-input__status-icon) .gummy-input__control{padding-right:58px}.gummy-input__message{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.gummy-input__message--error,.gummy-input__message--success{align-items:baseline;gap:6px;display:flex}.gummy-input__message-mark{background:currentColor;border-radius:68% 32% 57% 43%/41% 64% 36% 59%;flex:none;width:7px;height:7px;transform:rotate(18deg);box-shadow:inset 1px 1px 1px #ffffff75;box-shadow:inset 1px 1px 1px lab(100% 0 0/.46)}.gummy-input__message--error{color:#970035;color:lab(31.8108% 58.2304 16.9184);font-weight:650}.gummy-input__message--success{color:#2d4d00;color:lab(29.2672% -24.9295 49.2123);font-weight:650}:root[data-theme=dark] .gummy-input__label{color:#fdf6ea;color:lab(97.1574% .876755 6.85554)}:root[data-theme=dark] .gummy-input{--input-label:#faf3e5;--input-muted:#b9aac4}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-input{--input-label:lab(96.0031% .987232 7.62659);--input-muted:lab(71.649% 9.17488 -11.2357)}}:root[data-theme=dark] .gummy-input__field::placeholder{color:#b2a5bc;color:lab(69.3948% 8.0123 -9.84452)}:root[data-theme=dark] .gummy-input__control{box-shadow:inset 3px 4px 8px #ffffff40, inset -6px -8px 13px color-mix(in oklch, var(--input-shell-depth) 17%, transparent), 0 9px 22px color-mix(in oklch, var(--input-shadow) 38%, transparent)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-input__control{box-shadow:inset 3px 4px 8px lab(100% 0 0/.25), inset -6px -8px 13px color-mix(in oklch, var(--input-shell-depth) 17%, transparent), 0 9px 22px color-mix(in oklch, var(--input-shadow) 38%, transparent)}}:root[data-theme=dark] .gummy-input__control:before{background:radial-gradient(ellipse 76% 66% at 46% 22%, #ffffff17, transparent 78%), color-mix(in oklch, var(--surface-solid) 68%, transparent)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-input__control:before{background:radial-gradient(ellipse 76% 66% at 46% 22%, lab(100% 0 0/.09), transparent 78%), color-mix(in oklch, var(--surface-solid) 68%, transparent)}}:root[data-theme=dark] .gummy-input[data-status=success] .gummy-input__control{border-color:color-mix(in oklch, var(--fruit-lime-rim) 68%, #ffffff4d)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-input[data-status=success] .gummy-input__control{border-color:color-mix(in oklch, var(--fruit-lime-rim) 68%, lab(100% 0 0/.3))}}:root[data-theme=dark] .gummy-input__required,:root[data-theme=dark] .gummy-input__read-only,:root[data-theme=dark] .gummy-input__message:not(.gummy-input__message--error,.gummy-input__message--success){color:#ac9eb7;color:lab(67.0345% 8.71655 -10.6735)}:root[data-theme=dark] .gummy-input__message--error{color:#ff9ca7;color:lab(75.2325% 45.6872 13.0032)}:root[data-theme=dark] .gummy-input__message--success{color:#add95d;color:lab(81.8261% -28.9026 54.9391)}.gummy-input[data-filled=true] .gummy-input__control{filter:saturate(1.035)}.gummy-input__field:focus-visible{box-shadow:none;filter:none;outline:none}.gummy-input--preview-focus .gummy-input__label:after{opacity:1;transform:scale(1)rotate(45deg)}.gummy-input:has(.gummy-input__field:focus-visible) .gummy-input__label:after{opacity:1;transform:scale(1)rotate(45deg)}.gummy-input--preview-focus .gummy-input:not([data-status=error],[data-status=success]){--input-shell-light:var(--fruit-aqua-light);--input-shell-core:color-mix(in oklch, var(--fruit-aqua-core) 54%, transparent);--input-shell-rim:color-mix(in oklch, var(--fruit-aqua-rim) 62%, transparent);--input-shell-depth:color-mix(in oklch, var(--fruit-aqua-depth) 52%, transparent);--input-shadow:#0097b021}@supports (color:lab(0% 0 0)){.gummy-input--preview-focus .gummy-input:not([data-status=error],[data-status=success]){--input-shadow:lab(56.7982% -36.2548 -31.291/.13)}}.gummy-input:not([data-status=error],[data-status=success]):has(.gummy-input__field:focus-visible){--input-shell-light:var(--fruit-aqua-light);--input-shell-core:color-mix(in oklch, var(--fruit-aqua-core) 54%, transparent);--input-shell-rim:color-mix(in oklch, var(--fruit-aqua-rim) 62%, transparent);--input-shell-depth:color-mix(in oklch, var(--fruit-aqua-depth) 52%, transparent);--input-shadow:#0097b021}@supports (color:lab(0% 0 0)){.gummy-input:not([data-status=error],[data-status=success]):has(.gummy-input__field:focus-visible){--input-shadow:lab(56.7982% -36.2548 -31.291/.13)}}.gummy-input--preview-focus .gummy-input__control{box-shadow:inset 4px 5px 10px #ffffff75, inset -7px -9px 14px color-mix(in oklch, var(--input-shell-depth) 18%, transparent), 0 9px 22px color-mix(in oklch, var(--input-shadow) 46%, transparent);filter:saturate(1.06)brightness(1.012);outline:none;transform:translateY(-1px)scaleX(1.012)scaleY(1.035)rotate(-.25deg)}@supports (color:lab(0% 0 0)){.gummy-input--preview-focus .gummy-input__control{box-shadow:inset 4px 5px 10px lab(100% 0 0/.46), inset -7px -9px 14px color-mix(in oklch, var(--input-shell-depth) 18%, transparent), 0 9px 22px color-mix(in oklch, var(--input-shadow) 46%, transparent)}}.gummy-input__control:has(.gummy-input__field:focus-visible){box-shadow:inset 4px 5px 10px #ffffff75, inset -7px -9px 14px color-mix(in oklch, var(--input-shell-depth) 18%, transparent), 0 9px 22px color-mix(in oklch, var(--input-shadow) 46%, transparent);filter:saturate(1.06)brightness(1.012);outline:none;transform:translateY(-1px)scaleX(1.012)scaleY(1.035)rotate(-.25deg)}@supports (color:lab(0% 0 0)){.gummy-input__control:has(.gummy-input__field:focus-visible){box-shadow:inset 4px 5px 10px lab(100% 0 0/.46), inset -7px -9px 14px color-mix(in oklch, var(--input-shell-depth) 18%, transparent), 0 9px 22px color-mix(in oklch, var(--input-shadow) 46%, transparent)}}.gummy-input--preview-focus .gummy-input__control:after{transform:translate(2px)scale(1.08,1.04)rotate(4deg)}.gummy-input__control:has(.gummy-input__field:focus-visible):after{transform:translate(2px)scale(1.08,1.04)rotate(4deg)}.gummy-input[data-disabled=true]{opacity:.55}.gummy-input[data-disabled=true] .gummy-input__control{box-shadow:inset 0 0 0 1px #ffffff38,inset 2px 3px 7px #ffffff47;box-shadow:inset 0 0 0 1px lab(100% 0 0/.22),inset 2px 3px 7px lab(100% 0 0/.28)}.gummy-input[data-disabled=true] .gummy-input__field{cursor:not-allowed}.gummy-input[data-read-only=true] .gummy-input__control:before{background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in oklch, var(--input-rim) 7%, transparent) 8px 9px), linear-gradient(150deg, var(--input-plane-light), var(--input-plane-core))}@media (hover:hover) and (pointer:fine){.gummy-input:not([data-disabled=true]) .gummy-input__control:hover,.gummy-input--preview-hover .gummy-input__control{filter:saturate(1.06)brightness(1.01);transform:translateY(-1px)scaleX(1.006)}}.gummy-badge{--badge-light:#fffdf8;--badge-core:#ffeade;--badge-rim:#d1a098;--badge-depth:#b97d78;--badge-alive-delay:.9s;--badge-label:#1f0b2c;isolation:isolate;background:radial-gradient(ellipse 54% 82% at 23% 38%, color-mix(in oklch, var(--badge-light) 82%, transparent) 0 32%, transparent 76%), radial-gradient(ellipse 62% 88% at 73% 48%, color-mix(in oklch, var(--badge-core) 74%, transparent) 0 38%, transparent 82%), radial-gradient(ellipse 92% 38% at 48% 102%, color-mix(in oklch, var(--badge-depth) 34%, transparent), transparent 72%), linear-gradient(137deg, color-mix(in oklch, var(--badge-light) 88%, white), var(--badge-core) 48%, color-mix(in oklch, var(--badge-rim) 84%, var(--badge-core)));width:max-content;min-width:42px;max-width:100%;min-height:42px;box-shadow:inset 2px 2px 3px #ffffff80, inset 7px 8px 13px #ffffff2e, inset -8px -9px 14px color-mix(in oklch, var(--badge-depth) 27%, transparent), inset 0 -6px 10px color-mix(in oklch, var(--badge-depth) 21%, transparent);color:var(--badge-label);letter-spacing:-.018em;transform-origin:47% 56%;vertical-align:middle;will-change:transform, filter, border-radius;border:0;border-radius:23px 14px 19px 12px/24px 17px 21px 14px;justify-content:center;align-items:center;gap:8px;padding:9px 15px 10px;font-size:12px;font-weight:735;line-height:1.2;display:inline-flex;position:relative;overflow:hidden;transform:rotate(-.35deg)skew(-.25deg)}@supports (color:lab(0% 0 0)){.gummy-badge{--badge-light:lab(99.4606% 1.0483 6.03573);--badge-core:lab(94.0703% 6.62297 8.93476);--badge-rim:lab(70.4865% 17.8125 11.9274);--badge-depth:lab(58.6888% 23.241 12.7769);--badge-label:lab(6.29349% 15.5747 -17.8243);box-shadow:inset 2px 2px 3px lab(100% 0 0/.5), inset 7px 8px 13px lab(100% 0 0/.18), inset -8px -9px 14px color-mix(in oklch, var(--badge-depth) 27%, transparent), inset 0 -6px 10px color-mix(in oklch, var(--badge-depth) 21%, transparent)}}.gummy-badge[data-motion=alive]{animation:gummy-badge-settle .76s cubic-bezier(.2, 1.24, .28, 1) both, gummy-badge-alive 4.9s ease-in-out var(--badge-alive-delay) infinite}.gummy-badge[data-motion=settle]{animation:.76s cubic-bezier(.2,1.24,.28,1) both gummy-badge-settle}.gummy-badge[data-motion=alive] :is(.gummy-badge__dot,.gummy-badge__icon,.gummy-badge__label){animation:gummy-badge-content-settle .76s cubic-bezier(.2, 1.24, .28, 1) both, gummy-badge-content-alive 4.9s ease-in-out var(--badge-alive-delay) infinite}.gummy-badge[data-motion=settle] :is(.gummy-badge__dot,.gummy-badge__icon,.gummy-badge__label){animation:.76s cubic-bezier(.2,1.24,.28,1) both gummy-badge-content-settle}.gummy-badge:before{z-index:0;content:"";pointer-events:none;transform-origin:50%;background:radial-gradient(at 42%,#ffffffeb 0 18%,#ffffff61 45%,#0000 74%);background:radial-gradient(at 42%,lab(100% 0 0/.92) 0 18%,lab(100% 0 0/.38) 45%,#0000 74%);border-radius:64% 36% 58% 42%/58% 68% 32% 42%;width:27%;height:18%;position:absolute;top:11%;left:13%;transform:rotate(-13deg)}.gummy-badge[data-motion=alive]:before{animation:gummy-badge-highlight-settle .76s cubic-bezier(.2, 1.24, .28, 1) both, gummy-badge-highlight-alive 4.9s ease-in-out var(--badge-alive-delay) infinite}.gummy-badge[data-motion=settle]:before{animation:.76s cubic-bezier(.2,1.24,.28,1) both gummy-badge-highlight-settle}.gummy-badge:after{z-index:0;background:radial-gradient(ellipse at 28% 28%, color-mix(in oklch, var(--badge-light) 46%, transparent), transparent 46%), radial-gradient(ellipse at 72% 68%, color-mix(in oklch, var(--badge-depth) 18%, transparent), transparent 64%);content:"";opacity:.72;pointer-events:none;transform-origin:50%;border-radius:43% 57% 48% 52%/59% 43% 57% 41%;width:68%;height:74%;position:absolute;top:12%;left:19%;transform:rotate(-7deg)}.gummy-badge[data-motion=alive]:after{animation:gummy-badge-cloud-settle .76s cubic-bezier(.2, 1.24, .28, 1) both, gummy-badge-cloud-alive 4.9s ease-in-out var(--badge-alive-delay) infinite}.gummy-badge[data-motion=settle]:after{animation:.76s cubic-bezier(.2,1.24,.28,1) both gummy-badge-cloud-settle}@keyframes gummy-badge-settle{0%{filter:saturate()brightness();border-radius:23px 14px 19px 12px/24px 17px 21px 14px;transform:rotate(-.35deg)scale(1)skew(-.25deg)}18%{filter:saturate(1.05)brightness(1.018);border-radius:18px 16px 23px 12px/24px 16px 19px 18px;transform:translate(-1px,-1px)rotate(-4.2deg)scaleX(.97)scaleY(1.055)skew(-1.2deg)}40%{filter:saturate(1.1)brightness(1.01);border-radius:16px 22px 17px 20px/15px 17px 16px 15px;transform:translateY(2px)rotate(.4deg)scaleX(1.13)scaleY(.84)skew(.7deg)}58%{filter:saturate(1.055)brightness(1.015);border-radius:20px 13px 21px 16px/23px 20px 18px 17px;transform:translate(1px,-1px)rotate(2.4deg)scaleX(.965)scaleY(1.07)skew(.8deg)}75%{transform:rotate(-1.4deg)scaleX(1.025)scaleY(.985)skew(-.5deg)}to{filter:none;border-radius:23px 14px 19px 12px/24px 17px 21px 14px;transform:rotate(-.35deg)scale(1)skew(-.25deg)}}@keyframes gummy-badge-highlight-settle{0%{transform:translate(0)scale(1)rotate(-13deg)}18%{transform:translate(10%,-2%)scaleX(.84)scaleY(1.2)rotate(-18deg)}40%{transform:translate(-10%,11%)scaleX(1.24)scaleY(.7)rotate(-4deg)}58%{transform:translate(8%,-4%)scaleX(.88)scaleY(1.14)rotate(-16deg)}75%{transform:translate(-3%,2%)scaleX(1.05)scaleY(.94)rotate(-10deg)}to{transform:translate(0)scale(1)rotate(-13deg)}}@keyframes gummy-badge-cloud-settle{0%{opacity:.72;transform:translate(0)scale(1)rotate(-7deg)}18%{opacity:.8;transform:translate(-7%,-3%)scaleX(.9)scaleY(1.14)rotate(-11deg)}40%{opacity:.58;transform:translate(9%,8%)scaleX(1.16)scaleY(.76)rotate(0)}58%{opacity:.76;transform:translate(-4%,-3%)scaleX(.92)scaleY(1.1)rotate(-9deg)}75%{opacity:.68;transform:translate(2%,1%)scaleX(1.04)scaleY(.96)rotate(-5deg)}to{opacity:.72;transform:translate(0)scale(1)rotate(-7deg)}}@keyframes gummy-badge-content-settle{0%,to{transform:none}18%{transform:scaleX(1.025)scaleY(.96)}40%{transform:scaleX(.9)scaleY(1.12)}58%{transform:scaleX(1.025)scaleY(.95)}75%{transform:scaleX(.985)scaleY(1.01)}}@keyframes gummy-badge-alive{0%,67%,to{filter:none;border-radius:23px 14px 19px 12px/24px 17px 21px 14px;transform:rotate(-.35deg)scale(1)skew(-.25deg)}75%{filter:saturate(1.045)brightness(1.012);border-radius:18px 16px 23px 12px/24px 16px 19px 18px;transform:translate(-1px,-1px)rotate(-3.2deg)scaleX(.98)scaleY(1.045)skew(-.9deg)}84%{filter:saturate(1.075);border-radius:16px 22px 17px 20px/15px 17px 16px 15px;transform:translateY(1px)rotate(.5deg)scaleX(1.08)scaleY(.91)skew(.55deg)}91%{filter:saturate(1.03);border-radius:20px 13px 21px 16px/23px 20px 18px 17px;transform:translate(.5px,-.5px)rotate(1.8deg)scaleX(.98)scaleY(1.035)skew(.4deg)}96%{transform:rotate(-1deg)scaleX(1.015)scaleY(.99)}}@keyframes gummy-badge-highlight-alive{0%,67%,to{transform:translate(0)scale(1)rotate(-13deg)}75%{transform:translate(8%,-2%)scaleX(.88)scaleY(1.15)rotate(-17deg)}84%{transform:translate(-8%,8%)scaleX(1.18)scaleY(.78)rotate(-5deg)}91%{transform:translate(6%,-3%)scaleX(.92)scaleY(1.08)rotate(-15deg)}96%{transform:translate(-2%,1%)scaleX(1.03)rotate(-11deg)}}@keyframes gummy-badge-cloud-alive{0%,67%,to{opacity:.72;transform:translate(0)scale(1)rotate(-7deg)}75%{opacity:.79;transform:translate(-5%,-3%)scaleX(.92)scaleY(1.1)rotate(-10deg)}84%{opacity:.6;transform:translate(7%,7%)scaleX(1.12)scaleY(.82)rotate(-1deg)}91%{opacity:.75;transform:translate(-3%,-2%)scaleX(.95)scaleY(1.07)rotate(-9deg)}96%{opacity:.69;transform:translate(1%,1%)scale(1.02)rotate(-6deg)}}@keyframes gummy-badge-content-alive{0%,67%,to{transform:none}75%{transform:scaleX(1.015)scaleY(.97)}84%{transform:scaleX(.93)scaleY(1.075)}91%{transform:scaleX(1.015)scaleY(.975)}96%{transform:scaleX(.99)scaleY(1.006)}}.gummy-badge[data-variant=primary]{--badge-light:var(--fruit-raspberry-light);--badge-core:var(--fruit-raspberry-core);--badge-rim:var(--fruit-raspberry-rim);--badge-depth:var(--fruit-raspberry-depth)}.gummy-badge[data-variant=secondary]{--badge-light:var(--fruit-grape-light);--badge-core:var(--fruit-grape-core);--badge-rim:var(--fruit-grape-rim);--badge-depth:var(--fruit-grape-depth)}.gummy-badge[data-variant=success]{--badge-light:var(--fruit-lime-light);--badge-core:var(--fruit-lime-core);--badge-rim:var(--fruit-lime-rim);--badge-depth:var(--fruit-lime-depth)}.gummy-badge[data-variant=warning]{--badge-light:var(--fruit-tangerine-light);--badge-core:var(--fruit-tangerine-core);--badge-rim:var(--fruit-tangerine-rim);--badge-depth:var(--fruit-tangerine-depth)}.gummy-badge[data-variant=info]{--badge-light:var(--fruit-aqua-light);--badge-core:var(--fruit-aqua-core);--badge-rim:var(--fruit-aqua-rim);--badge-depth:var(--fruit-aqua-depth)}.gummy-badge[data-finish=translucent]{background:radial-gradient(ellipse 42% 30% at 25% 15%, #ffffff94, transparent 74%), radial-gradient(ellipse 62% 88% at 26% 44%, color-mix(in oklch, var(--badge-light) 19%, transparent) 0 34%, transparent 78%), radial-gradient(ellipse 78% 54% at 74% 88%, color-mix(in oklch, var(--badge-depth) 11%, transparent), transparent 76%), linear-gradient(137deg, color-mix(in oklch, var(--badge-light) 16%, transparent), color-mix(in oklch, var(--badge-core) 10%, transparent) 48%, color-mix(in oklch, var(--badge-rim) 27%, transparent));-webkit-backdrop-filter:blur(8px)saturate(1.28);backdrop-filter:blur(8px)saturate(1.28);box-shadow:inset 0 0 0 1.5px #ffffff57, inset 2px 2px 4px #ffffff85, inset 7px 8px 13px #ffffff21, inset -8px -9px 14px color-mix(in oklch, var(--badge-depth) 13%, transparent);filter:saturate(1.03)}@supports (color:lab(0% 0 0)){.gummy-badge[data-finish=translucent]{background:radial-gradient(ellipse 42% 30% at 25% 15%, lab(100% 0 0/.58), transparent 74%), radial-gradient(ellipse 62% 88% at 26% 44%, color-mix(in oklch, var(--badge-light) 19%, transparent) 0 34%, transparent 78%), radial-gradient(ellipse 78% 54% at 74% 88%, color-mix(in oklch, var(--badge-depth) 11%, transparent), transparent 76%), linear-gradient(137deg, color-mix(in oklch, var(--badge-light) 16%, transparent), color-mix(in oklch, var(--badge-core) 10%, transparent) 48%, color-mix(in oklch, var(--badge-rim) 27%, transparent));box-shadow:inset 0 0 0 1.5px lab(100% 0 0/.34), inset 2px 2px 4px lab(100% 0 0/.52), inset 7px 8px 13px lab(100% 0 0/.13), inset -8px -9px 14px color-mix(in oklch, var(--badge-depth) 13%, transparent)}}.gummy-badge[data-finish=translucent]:before{opacity:.88;width:31%;height:21%}.gummy-badge[data-finish=translucent]:after{opacity:.54}:root[data-theme=dark] .gummy-badge[data-finish=translucent]{--badge-label:#fbf2e3}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-badge[data-finish=translucent]{--badge-label:lab(96.0086% 1.09917 8.39877)}}:root[data-theme=dark] .gummy-badge[data-finish=translucent] .gummy-badge__label{text-shadow:0 1px 2px #0c0315ad;text-shadow:0 1px 2px lab(1.70743% 4.8169 -7.09198/.68)}:root[data-theme=dark] .gummy-badge[data-finish=translucent] .gummy-badge__icon{color:var(--badge-label);background:#ffffff2e;background:lab(100% 0 0/.18);box-shadow:inset 1px 1px 2px #ffffff52;box-shadow:inset 1px 1px 2px lab(100% 0 0/.32)}.gummy-badge__dot{z-index:1;background:var(--badge-depth);width:8px;height:8px;box-shadow:inset 1px 1px 2px color-mix(in oklch, var(--badge-light) 56%, transparent);border-radius:58% 42% 62% 38%/46% 59% 41% 54%;flex:none;position:relative}.gummy-badge__icon{z-index:1;background:color-mix(in oklch, var(--badge-depth) 24%, transparent);width:17px;height:17px;box-shadow:inset 1px 1px 2px color-mix(in oklch, var(--badge-light) 42%, transparent);font-family:var(--font-mono), monospace;border:0;border-radius:60% 40% 55% 45%/45% 58% 42% 55%;flex:none;place-items:center;font-size:9px;display:grid;position:relative}.gummy-badge__label{z-index:1;overflow-wrap:normal;text-shadow:0 1px #fff3;text-shadow:0 1px lab(100% 0 0/.2);white-space:nowrap;min-width:0;position:relative}.gummy-card{--card-light:#fffcf5;--card-core:#ffdfd1;--card-rim:#f8a59b;--card-depth:#c97273;--card-frame-light:#fffcf58f;--card-frame-core:#ffe3d459;--card-frame-rim:#f2a39963;--card-frame-depth:#c66f703d;--card-frame-shadow:#c06a6411;--card-label:#251133;--card-muted:#584865;--card-plane-light:#fffefaf0;--card-plane-core:#fff6f2e8;--card-icon-mark:var(--fruit-raspberry-core);isolation:isolate;width:100%;min-height:252px;box-shadow:none;color:var(--card-label);text-align:left;background:0 0;border:0;border-radius:38px;padding:24px 31px 25px;transition:transform .26s cubic-bezier(.2,.9,.25,1),filter .18s;display:block;position:relative;overflow:visible}@supports (color:lab(0% 0 0)){.gummy-card{--card-light:lab(99.3871% 3.91731 8.61995);--card-core:lab(91.504% 15.4938 15.8673);--card-rim:lab(75.8792% 30.6258 18.3875);--card-depth:lab(58.2652% 35.1155 15.4673);--card-frame-light:lab(99.411% 3.24559 8.54051/.56);--card-frame-core:lab(92.6893% 14.742 15.6126/.35);--card-frame-rim:lab(74.7815% 28.8716 18.034/.39);--card-frame-depth:lab(57.1046% 35.119 15.4834/.24);--card-frame-shadow:lab(54.8572% 34.3186 19.2641/.065);--card-label:lab(9.02958% 16.7512 -18.9266);--card-muted:lab(33.214% 11.3653 -14.2565);--card-plane-light:lab(99.6629% 1.14489 4.01406/.94);--card-plane-core:lab(97.5724% 5.10502 6.23137/.91)}}.gummy-card__frame{z-index:0;pointer-events:none;transform-origin:49% 52%;width:calc(100% + 13px);height:calc(100% + 13px);transition:filter .24s,transform .42s cubic-bezier(.2,.9,.25,1);position:absolute;inset:-5px -7px -8px -6px;overflow:visible}.gummy-card__frame-shadow{fill:var(--card-frame-shadow);opacity:.5;transform-origin:50%;transform:translateY(4px)scale(.988)}.gummy-card__frame-shell,.gummy-card__frame-reservoir{transition:fill .24s,opacity .24s,transform .42s cubic-bezier(.2,.9,.25,1)}.gummy-card__frame-shell{opacity:.76}.gummy-card__frame-plane{opacity:.96}.gummy-card__frame-reservoir{opacity:.42;transform-origin:88% 86%}.gummy-card__frame-meniscus{fill:none;vector-effect:non-scaling-stroke}.gummy-card__frame-meniscus--outer{stroke:color-mix(in oklch, var(--card-frame-rim) 44%, white);stroke-width:3.1px;opacity:.68}.gummy-card__frame-meniscus--inner{stroke:color-mix(in oklch, var(--card-frame-depth) 24%, white);stroke-width:1.55px;opacity:.66}.gummy-card__frame-glint,.gummy-card__reservoir-glint,.gummy-card__icon-well{fill:none;stroke:#ffffffd1;stroke:lab(100% 0 0/.82);stroke-linecap:round;vector-effect:non-scaling-stroke}.gummy-card__frame-glint{stroke-width:3px;opacity:.88}.gummy-card__reservoir-glint{stroke-width:2.5px;opacity:.76}.gummy-card__icon-well{stroke:color-mix(in oklch, var(--card-frame-rim) 26%, white);stroke-width:1.9px;opacity:.74}:root[data-theme=dark] .gummy-card{--card-frame-light:#ffecdf5c;--card-frame-core:#f69c915c;--card-frame-rim:#cc5e6961;--card-frame-depth:#8737474d;--card-frame-shadow:#07000e3d;--card-plane-light:#fff9f2db;--card-plane-core:#ffe9dfd1}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card{--card-frame-light:lab(95.0564% 14.7805 19.734/.36);--card-frame-core:lab(73.4613% 33.7662 20.3744/.36);--card-frame-rim:lab(54.3942% 45.306 16.1825/.38);--card-frame-depth:lab(34.9263% 35.9367 8.10558/.3);--card-frame-shadow:lab(.726591% 3.04579 -4.57175/.24);--card-plane-light:lab(98.2745% 1.68881 5.85427/.86);--card-plane-core:lab(94.056% 6.77016 8.24446/.82)}}:root[data-theme=dark] .gummy-card__frame-shell{opacity:.8}:root[data-theme=dark] .gummy-card__frame-plane{opacity:.92}:root[data-theme=dark] .gummy-card__frame-meniscus--outer{stroke:color-mix(in oklch, var(--card-frame-rim) 74%, #ffffff40);opacity:.64}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card__frame-meniscus--outer{stroke:color-mix(in oklch, var(--card-frame-rim) 74%, lab(100% 0 0/.25))}}:root[data-theme=dark] .gummy-card__frame-meniscus--inner{stroke:color-mix(in oklch, var(--card-frame-depth) 70%, #fff3);opacity:.58}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card__frame-meniscus--inner{stroke:color-mix(in oklch, var(--card-frame-depth) 70%, lab(100% 0 0/.2))}}:root[data-theme=dark] .gummy-card__frame-glint,:root[data-theme=dark] .gummy-card__reservoir-glint{stroke:#ffffff94;stroke:lab(100% 0 0/.58)}:root[data-theme=dark] .gummy-card__icon-well{stroke:color-mix(in oklch, var(--card-frame-rim) 68%, #ffffff3d);opacity:.66}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card__icon-well{stroke:color-mix(in oklch, var(--card-frame-rim) 68%, lab(100% 0 0/.24))}}.gummy-card>*{z-index:1;position:relative}.gummy-card>.gummy-card__frame{z-index:0;position:absolute}button.gummy-card{appearance:none;font:inherit}.gummy-card--interactive{cursor:pointer;touch-action:manipulation;min-height:44px}button.gummy-card{padding:24px 31px 25px}.gummy-card[data-elevation=elevated]{--card-frame-core:#ffdccc61;--card-frame-rim:#ec978d66;--card-frame-shadow:#b1645f17;transform:translateY(-5px)rotate(-.12deg)}@supports (color:lab(0% 0 0)){.gummy-card[data-elevation=elevated]{--card-frame-core:lab(90.8828% 17.3961 18.4172/.38);--card-frame-rim:lab(71.1885% 32.2184 19.4223/.4);--card-frame-shadow:lab(51.4761% 31.1733 17.4455/.09)}}.gummy-card[data-elevation=elevated] .gummy-card__frame{filter:saturate(1.08);transform:scaleX(1.006)scaleY(1.015)}.gummy-card[data-elevation=elevated] .gummy-card__frame-shadow{opacity:.92;transform:translateY(10px)scale(.982)}.gummy-card[data-selected=true]{--card-light:var(--fruit-raspberry-light);--card-core:var(--fruit-raspberry-core);--card-rim:var(--fruit-raspberry-rim);--card-depth:var(--fruit-raspberry-depth);--card-frame-light:color-mix(in oklch, var(--fruit-raspberry-light) 44%, transparent);--card-frame-core:color-mix(in oklch, var(--fruit-raspberry-core) 38%, transparent);--card-frame-rim:color-mix(in oklch, var(--fruit-raspberry-rim) 44%, transparent);--card-frame-depth:color-mix(in oklch, var(--fruit-raspberry-depth) 34%, transparent);--card-frame-shadow:color-mix(in oklch, var(--fruit-raspberry-depth) 9%, transparent);--card-plane-light:#fffcfcf0;--card-plane-core:#fff7f7eb;--card-icon-mark:#fffcfc}@supports (color:lab(0% 0 0)){.gummy-card[data-selected=true]{--card-plane-light:lab(99.5163% 4.37906 2.04608/.94);--card-plane-core:lab(98.0117% 7.70161 2.91482/.92);--card-icon-mark:lab(99.3467% 2.44409 1.31338)}}.gummy-card[data-selected=true] .gummy-card__frame{filter:saturate(1.1)}:root[data-theme=dark] .gummy-card[data-selected=true]{--card-frame-light:#ffdde67a;--card-frame-core:#ff849e80;--card-frame-rim:#ef006780;--card-frame-depth:#a5004266;--card-frame-shadow:#a0004129;--card-plane-light:#fff5f5e0;--card-plane-core:#ffe1e4d6}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card[data-selected=true]{--card-frame-light:lab(91.7839% 34.8402 4.63264/.48);--card-frame-core:lab(69.7413% 66.9461 12.3095/.5);--card-frame-rim:lab(51.8572% 79.2746 15.3411/.5);--card-frame-depth:lab(35.1253% 61.4593 13.3826/.4);--card-frame-shadow:lab(33.9474% 61.3976 11.9842/.16);--card-plane-light:lab(97.4109% 8.34376 3.1595/.88);--card-plane-core:lab(92.4563% 17.1172 4.33438/.84)}}:root[data-theme=dark] .gummy-card[data-elevation=elevated]:not([data-selected=true]){--card-frame-core:#f690886b;--card-frame-rim:#c84e6170;--card-frame-shadow:#05000b4d}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card[data-elevation=elevated]:not([data-selected=true]){--card-frame-core:lab(70.9569% 38.9463 21.7548/.42);--card-frame-rim:lab(50.7096% 50.3289 15.931/.44);--card-frame-shadow:lab(.510212% 2.54627 -3.85518/.3)}}.gummy-card--interactive:focus-visible,.gummy-card--preview-focus{--card-frame-light:color-mix(in oklch, var(--fruit-aqua-light) 46%, transparent);--card-frame-core:color-mix(in oklch, var(--fruit-aqua-core) 38%, transparent);--card-frame-rim:color-mix(in oklch, var(--fruit-aqua-rim) 43%, transparent);--card-frame-depth:color-mix(in oklch, var(--fruit-aqua-depth) 33%, transparent);--card-frame-shadow:color-mix(in oklch, var(--fruit-aqua-depth) 8%, transparent);--card-plane-light:#fffefaf0;--card-plane-core:#fff8f1eb;filter:none;outline:none;transform:translateY(-5px)scaleX(1.003)scaleY(1.006)}@supports (color:lab(0% 0 0)){.gummy-card--interactive:focus-visible,.gummy-card--preview-focus{--card-plane-light:lab(99.6629% 1.14489 4.01406/.94);--card-plane-core:lab(98.2337% 2.88275 6.12936/.92)}}.gummy-card--interactive:focus-visible .gummy-card__frame,.gummy-card--preview-focus .gummy-card__frame{filter:saturate(1.08);animation:.72s cubic-bezier(.2,1.2,.28,1) both gummy-card-svg-focus}.gummy-card--interactive:focus-visible .gummy-card__frame-reservoir,.gummy-card--preview-focus .gummy-card__frame-reservoir{animation:.72s cubic-bezier(.2,1.2,.28,1) both gummy-card-svg-reservoir}.gummy-card--interactive:focus-visible .gummy-card__title:after,.gummy-card--preview-focus .gummy-card__title:after{background:var(--card-frame-depth);content:"";vertical-align:.15em;border-radius:67% 33% 58% 42%/42% 62% 38% 58%;width:8px;height:6px;margin-left:7px;display:inline-block;transform:rotate(24deg);box-shadow:inset 1px 1px 1px #ffffff8a;box-shadow:inset 1px 1px 1px lab(100% 0 0/.54)}:root[data-theme=dark] .gummy-card--interactive:focus-visible,:root[data-theme=dark] .gummy-card--preview-focus{--card-frame-light:#b6f9ff75;--card-frame-core:#00d6eb7a;--card-frame-rim:#00a1c27a;--card-frame-depth:#006b8d61;--card-plane-light:#fff7ece0;--card-plane-core:#d1f3f4d6}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-card--interactive:focus-visible,:root[data-theme=dark] .gummy-card--preview-focus{--card-frame-light:lab(93.8549% -27.2982 -13.862/.46);--card-frame-core:lab(78.0193% -42.9561 -25.2152/.48);--card-frame-rim:lab(60.2289% -37.6611 -37.856/.48);--card-frame-depth:lab(41.1493% -23.4862 -36.1183/.38);--card-plane-light:lab(97.7126% 1.50272 6.72295/.88);--card-plane-core:lab(93.3987% -11.2147 -4.18721/.84)}}@media (hover:hover) and (pointer:fine){.gummy-card--interactive:not(.gummy-card--preview-focus):hover{--card-frame-light:color-mix(in oklch, var(--fruit-aqua-light) 28%, #fffcf580);--card-frame-core:color-mix(in oklch, var(--fruit-aqua-core) 22%, #ffe3d46b);--card-frame-rim:color-mix(in oklch, var(--fruit-aqua-rim) 24%, #f2a39966);filter:none;transform:translateY(-4px)rotate(-.06deg)}@supports (color:lab(0% 0 0)){.gummy-card--interactive:not(.gummy-card--preview-focus):hover{--card-frame-light:color-mix(in oklch, var(--fruit-aqua-light) 28%, lab(99.411% 3.24559 8.54051/.5));--card-frame-core:color-mix(in oklch, var(--fruit-aqua-core) 22%, lab(92.6893% 14.742 15.6126/.42));--card-frame-rim:color-mix(in oklch, var(--fruit-aqua-rim) 24%, lab(74.7815% 28.8716 18.034/.4))}}.gummy-card--interactive:not(.gummy-card--preview-focus):hover .gummy-card__frame{filter:saturate(1.04);transform:scaleX(1.003)scaleY(1.008)}}.gummy-card--interactive:active{transform:translateY(1px)scaleX(1.007)scaleY(.988)}@keyframes gummy-card-svg-focus{0%{transform:scale(1)}32%{transform:translate(-1px,-2px)scaleX(1.012)scaleY(1.024)rotate(-.35deg)}58%{transform:translate(1px)scaleX(.998)scaleY(1.006)rotate(.16deg)}78%{transform:translateY(-1px)scaleX(1.005)scaleY(1.014)rotate(-.1deg)}to{transform:scaleX(1.003)scaleY(1.008)}}@keyframes gummy-card-svg-reservoir{0%{transform:scale(1)}32%{transform:translate(4px,2px)scaleX(1.08)scaleY(1.12)rotate(2deg)}58%{transform:translate(-1px,-1px)scaleX(.985)scaleY(1.01)rotate(-1deg)}78%{transform:translate(2px,1px)scale(1.04)}to{transform:translate(1px,1px)scale(1.025)}}.gummy-card__header{align-items:flex-start;gap:12px;min-height:86px;padding:0 10px 10px 0;display:flex}.gummy-card__header>:last-child{min-width:0;padding-top:17px}.gummy-card__title{color:var(--card-label);font-family:var(--font-display), sans-serif;letter-spacing:-.034em;margin:0;font-size:21px;font-weight:770;line-height:1.15}.gummy-card__description{color:var(--card-muted);margin:6px 0 0;font-size:11.5px;line-height:1.45}.gummy-card__content{border-top:1px solid color-mix(in oklch, var(--card-frame-rim) 19%, transparent);border-bottom:1px solid color-mix(in oklch, var(--card-frame-rim) 19%, transparent);color:var(--card-muted);padding:15px 4px 17px;font-size:13px}.gummy-card__footer{min-height:45px;color:var(--card-muted);border-top:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 5px 0;font-size:11px;display:flex}.lab-intro h1{max-width:720px;font-size:clamp(58px,7.5vw,96px);line-height:.82}.lab-intro__measure b{color:#2a5100;color:lab(30.5541% -28.5238 52.1467)}:root[data-theme=dark] .lab-intro__measure b{color:#aed46b;color:lab(80.5023% -25.6237 47.0734)}code{border:1px solid var(--line);background:var(--canvas-raised);font-family:var(--font-mono), monospace;border-radius:5px;padding:2px 5px;font-size:.84em}.input-state-grid,.stage3-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stage3-state-grid .specimen__stage{align-items:center;min-height:244px}.stage3-state-grid--labels .specimen__stage{min-height:180px}.stage3-state-grid--compact .specimen__stage{min-height:190px}.stage3-state-grid--radio .specimen__stage{min-height:270px}.label-demo{gap:8px;width:100%;display:grid}.label-demo input{border:1px solid color-mix(in oklch, var(--line-strong) 64%, transparent);background:var(--canvas-raised);width:100%;min-height:44px;color:var(--ink);border-radius:11px 14px 12px 10px;outline:0;padding:9px 12px}.form-preview-hover .label-demo .gummy-label{color:color-mix(in oklch, var(--fruit-grape-depth) 52%, var(--ink))}.form-preview-focus .label-demo input{box-shadow:inset 0 -2px 0 var(--fruit-aqua-rim), 0 0 0 3px var(--gummy-form-focus-soft)}.stage3-composed{padding-block-end:18px}.stage3-composed-form{border:1px solid color-mix(in oklch, var(--fruit-grape-rim) 26%, var(--line));background:radial-gradient(ellipse at 94% 6%, #c8a1ff21, transparent 22rem), color-mix(in oklch, var(--surface-solid) 82%, transparent);box-shadow:0 24px 64px var(--page-shadow), inset 0 1px #ffffff6b;border-radius:30px 35px 32px 27px;overflow:hidden}@supports (color:lab(0% 0 0)){.stage3-composed-form{background:radial-gradient(ellipse at 94% 6%, lab(72.2392% 33.942 -48.9781/.13), transparent 22rem), color-mix(in oklch, var(--surface-solid) 82%, transparent);box-shadow:0 24px 64px var(--page-shadow), inset 0 1px lab(100% 0 0/.42)}}.stage3-composed-form__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:clamp(24px,5vw,46px) clamp(22px,5vw,52px) 24px;display:flex}.stage3-composed-form__heading h3{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(24px,3vw,36px);line-height:1}.stage3-composed-form__heading>span{color:var(--ink-soft);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.stage3-composed-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,5vw,48px) clamp(32px,7vw,80px);padding:clamp(30px,6vw,58px) clamp(22px,5vw,52px);display:grid}.stage3-composed-form__grid>*{width:100%}.stage3-composed-form__wide{grid-column:1/-1}.stage3-composed-form__actions{border-top:1px solid var(--line);background:color-mix(in oklch, var(--canvas-raised) 62%, transparent);justify-content:flex-end;gap:12px;padding:22px clamp(22px,5vw,52px) 30px;display:flex}.primitive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.primitive-grid .specimen__stage{min-height:210px}.separator-demo{width:100%;color:var(--ink-soft);gap:2px;font-size:13px;font-weight:660;display:grid}.separator-demo--row{text-align:center;grid-template-columns:1fr auto 1fr;align-items:stretch}.separator-demo--row>span{align-self:center}.typography-proof{border:1px solid color-mix(in oklch, var(--fruit-grape-rim) 24%, var(--line));background:radial-gradient(ellipse at 94% 8%, color-mix(in oklch, var(--fruit-grape-core) 13%, transparent), transparent 24rem), color-mix(in oklch, var(--surface-solid) 86%, transparent);box-shadow:0 22px 54px var(--page-shadow), inset 0 1px #ffffff75;border-radius:26px 34px 28px 31px;gap:24px;padding:clamp(28px,6vw,72px);display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.typography-proof{box-shadow:0 22px 54px var(--page-shadow), inset 0 1px lab(100% 0 0/.46)}}.spinner-demo,.spinner-status{align-items:center;gap:18px;display:flex}.spinner-status{color:var(--ink-soft);font-size:13px;font-weight:680}.skeleton-profile{grid-template-columns:52px 1fr;align-items:center;width:100%}.aspect-ratio-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);align-items:start;gap:18px;display:grid}.aspect-ratio-grid>div{gap:10px;display:grid}.aspect-ratio-grid>div>span{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:680}.aspect-ratio-demo{background:radial-gradient(circle at 82% 22%, color-mix(in oklch, var(--fruit-lime-core) 58%, transparent) 0 10%, transparent 10.5%), radial-gradient(circle at 72% 34%, color-mix(in oklch, var(--fruit-raspberry-core) 52%, transparent) 0 18%, transparent 18.5%), linear-gradient(145deg, color-mix(in oklch, var(--fruit-aqua-light) 44%, var(--surface-solid)), var(--surface-solid));align-content:end;gap:8px;padding:clamp(22px,5vw,52px);display:grid;position:absolute;inset:0}.aspect-ratio-demo--grape{background:radial-gradient(circle at 78% 25%, color-mix(in oklch, var(--fruit-tangerine-core) 54%, transparent) 0 14%, transparent 14.5%), linear-gradient(145deg, color-mix(in oklch, var(--fruit-grape-light) 38%, var(--surface-solid)), var(--surface-solid))}.display-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.display-feedback-grid>*{min-width:0}.display-feedback-grid__alerts,.display-feedback-grid__items,.display-feedback-grid__progress{border:1px solid var(--line);background:color-mix(in oklch, var(--surface-solid) 82%, transparent);border-radius:23px 29px 25px 27px;align-content:start;gap:12px;padding:clamp(18px,4vw,30px);display:grid}.display-feedback-grid__items .gummy-avatar-group{margin-top:10px}.navigation-disclosure-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.navigation-disclosure-grid>div{border:1px solid var(--line);background:color-mix(in oklch, var(--surface-solid) 82%, transparent);border-radius:23px 29px 25px 27px;gap:22px;min-width:0;padding:clamp(18px,4vw,30px);display:grid}.selection-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.selection-control-grid>div{border:1px solid var(--line);background:color-mix(in oklch, var(--surface-solid) 82%, transparent);border-radius:23px 29px 25px 27px;align-content:center;justify-items:start;gap:18px;min-width:0;padding:clamp(22px,5vw,38px);display:grid}.selection-control-grid>div>span{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:680}.selection-control-grid .gummy-slider{min-width:min(100%,360px)}.toggle-proof-row{flex-wrap:wrap;gap:9px;display:flex}.overlay-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.overlay-family-grid>div{border:1px solid var(--line);background:color-mix(in oklch, var(--surface-solid) 82%, transparent);border-radius:21px 27px 23px 25px;align-content:center;justify-items:start;gap:18px;min-height:180px;padding:24px;display:grid}.overlay-family-grid>div>span{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:680}.overlay-demo-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex;position:relative}.overlay-demo-close{border:1px solid var(--line);background:var(--surface-solid);min-height:38px;color:var(--ink);cursor:pointer;border-radius:10px 13px 11px 12px;margin-top:16px;padding:7px 10px}.gummy-hover-card__popup{gap:12px;display:grid}.navigation-system-rack{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:stretch;gap:14px;margin-bottom:18px;display:grid}.navigation-system-rack__compact{border:1px solid var(--line);background:color-mix(in oklch, var(--surface-solid) 82%, transparent);border-radius:21px 27px 23px 25px;align-content:center;justify-items:start;gap:20px;padding:24px;display:grid}.navigation-system-rack+.gummy-sidebar-layout{position:relative}.specimen{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:0 14px 36px var(--page-shadow), inset 0 1px #ffffff57;border-radius:24px;overflow:hidden}@supports (color:lab(0% 0 0)){.specimen{box-shadow:0 14px 36px var(--page-shadow), inset 0 1px lab(100% 0 0/.34)}}.specimen__stage{background:radial-gradient(circle at 50% 48%, color-mix(in oklch, var(--canvas-raised) 78%, transparent), transparent 72%), linear-gradient(135deg, color-mix(in oklch, var(--surface-solid) 62%, transparent), transparent);align-items:center;min-height:190px;padding:28px 22px 32px;display:grid}.specimen__copy{border-top:1px solid var(--line);background:color-mix(in oklch, var(--canvas-raised) 74%, transparent);min-height:82px;padding:15px 20px 17px}.specimen__copy h3{margin:0 0 4px;font-size:14px;font-weight:730}.specimen__copy p{color:var(--muted);font-family:var(--font-mono), monospace;margin:0;font-size:10px;line-height:1.45}.workbench,.compact-workbench{border:1px solid var(--line);background:var(--surface);box-shadow:0 22px 56px var(--page-shadow), inset 0 1px #ffffff59;border-radius:28px;grid-template-columns:minmax(240px,.68fr) minmax(360px,1.32fr);margin-top:22px;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.workbench,.compact-workbench{box-shadow:0 22px 56px var(--page-shadow), inset 0 1px lab(100% 0 0/.35)}}.workbench__controls,.compact-workbench__controls{border-right:1px solid var(--line);background:color-mix(in oklch, var(--surface-solid) 58%, transparent);align-content:center;gap:16px;padding:clamp(24px,4vw,42px);display:grid}.workbench__controls>label:not(.native-check),.compact-workbench__controls>label:not(.native-check){gap:7px;display:grid}.workbench__controls label>span,.compact-workbench__controls label>span{color:var(--ink-soft);font-size:12px;font-weight:680}.workbench__controls select,.compact-workbench__controls select{border:1px solid var(--line-strong);background:var(--canvas-raised);border-radius:12px;width:100%;min-height:44px;padding:0 12px}.native-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.native-check input{width:19px;height:19px;accent-color:var(--fruit-raspberry-rim)}.workbench__stage,.compact-workbench__stage{background:radial-gradient(circle at 50% 42%, #ff859f17, transparent 17rem), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:auto,24px 24px,24px 24px;place-items:center;min-width:0;min-height:340px;padding:clamp(28px,5vw,62px);display:grid}@supports (color:lab(0% 0 0)){.workbench__stage,.compact-workbench__stage{background:radial-gradient(circle at 50% 42%, lab(69.8008% 65.3459 11.9865/.09), transparent 17rem), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px)}}.workbench__stage>.gummy-input{max-width:470px}.compact-workbench{grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr)}.compact-workbench__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-workbench__stage{min-height:240px}.badge-motion-control{grid-column:1/-1;align-items:center;gap:14px;display:flex}.badge-motion-control>span{color:var(--muted);font-family:var(--font-mono), monospace;line-height:1.4;font-size:9px!important}.badge-rack{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.badge-specimen{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:154px;box-shadow:0 13px 30px var(--page-shadow), inset 0 1px #ffffff57;border-radius:21px;align-content:space-between;place-items:center;gap:15px;padding:18px 12px 24px;display:grid}@supports (color:lab(0% 0 0)){.badge-specimen{box-shadow:0 13px 30px var(--page-shadow), inset 0 1px lab(100% 0 0/.34)}}.badge-specimen:nth-child(2) .gummy-badge{--badge-alive-delay:1.45s}.badge-specimen:nth-child(3) .gummy-badge{--badge-alive-delay:2.05s}.badge-specimen:nth-child(4) .gummy-badge{--badge-alive-delay:2.65s}.badge-specimen:nth-child(5) .gummy-badge{--badge-alive-delay:3.25s}.badge-specimen:nth-child(6) .gummy-badge{--badge-alive-delay:3.85s}.badge-specimen>span:first-child,.badge-proof-row>div>span:first-child,.card-specimen>span,.approved-reference__stage>div>span{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.badge-proof-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.badge-proof-row>div{border:1px solid var(--line);background:var(--surface);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-width:0;min-height:112px;padding:24px;display:flex;overflow:hidden}.badge-glass-pair{align-items:center;gap:10px;display:inline-flex}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;display:grid}.card-specimen{align-content:start;gap:14px;min-width:0;display:grid}.card-specimen>span{padding-left:5px}.card-specimen--wide{grid-column:1/-1}.gummy-card__icon{width:86px;height:86px;box-shadow:none;background:0 0;border:0;flex:none;place-items:center;transition:background .22s,transform .3s cubic-bezier(.2,.9,.25,1);display:grid;transform:translate(6px,6px)rotate(-1.5deg)}.gummy-card__icon svg{width:40px;height:29px;overflow:visible}.gummy-card__icon path{fill:none;stroke:var(--card-icon-mark);stroke-linecap:round;stroke-linejoin:round;stroke-width:4.8px;filter:drop-shadow(0 1px 0 #ffffffe6) drop-shadow(0 0 5px color-mix(in oklch, var(--card-icon-mark) 26%, transparent))}@supports (color:lab(0% 0 0)){.gummy-card__icon path{filter:drop-shadow(0 1px 0 lab(100% 0 0/.9)) drop-shadow(0 0 5px color-mix(in oklch, var(--card-icon-mark) 26%, transparent))}}.gummy-card--interactive:focus-visible .gummy-card__icon,.gummy-card--preview-focus .gummy-card__icon{transform:translate(5px,5px)rotate(-3deg)scale(1.035)}.card-demo--dense{grid-template-rows:minmax(104px,auto) auto;grid-template-columns:minmax(260px,.92fr) minmax(250px,1.08fr);align-items:center;column-gap:24px;min-height:224px;display:grid}.card-demo--dense>.gummy-card__header{grid-area:1/1}.card-demo--dense>.gummy-card__content{border-top:0;border-bottom:0;border-left:1px solid color-mix(in oklch, var(--card-frame-rim) 18%, transparent);grid-area:1/2;padding-block:18px}.card-demo--dense>.gummy-card__footer{border-top:1px solid color-mix(in oklch, var(--card-frame-rim) 17%, transparent);grid-area:2/1/auto/-1}.card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;display:grid}.card-metrics>div{text-align:center;background:0 0;border:0;min-width:0;padding:2px 11px 3px}.card-metrics>div+div{border-left:1px solid color-mix(in oklch, var(--card-frame-rim) 24%, transparent)}.card-metrics dt{color:var(--card-label);letter-spacing:.015em;text-transform:uppercase;font-size:9px;font-weight:760}.card-metrics dd{color:var(--card-label);font-family:var(--font-display), sans-serif;margin:5px 0 0;font-size:25px;font-weight:760;line-height:1}.card-demo__actions{justify-content:flex-start}.card-demo__report{color:var(--card-label);align-items:center;gap:8px;font-weight:710;transition:transform .22s cubic-bezier(.2,.9,.25,1);display:inline-flex}.card-demo__report>span{border-top:1.5px solid;border-right:1.5px solid;width:7px;height:7px;font-size:0;display:inline-block;transform:rotate(45deg)}.gummy-card--interactive:hover .card-demo__report,.gummy-card--interactive:focus-visible .card-demo__report,.gummy-card--preview-focus .card-demo__report{transform:translate(3px)}.card-demo--workbench{max-width:480px}.activation-status{color:var(--ink-soft);font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;margin:4px 0 0;font-size:10px}.activation-status strong{background:var(--ink);min-width:25px;height:25px;color:var(--canvas);border-radius:50%;place-items:center;margin-left:4px;display:inline-grid}.gummy-switch-field{align-items:flex-start;gap:15px;max-width:360px;display:inline-flex}.gummy-switch-field__copy{gap:3px;padding-top:1px;display:grid}.gummy-switch-field__copy label{color:var(--ink);cursor:pointer;font-size:14px;font-weight:680;line-height:1.25}.gummy-switch-field__copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.gummy-switch{background:linear-gradient(148deg, #ffffffbd 1%, transparent 27%), radial-gradient(ellipse at 74% 78%, var(--fruit-grape-core), transparent 46%), color-mix(in oklch, var(--fruit-grape-light) 54%, var(--surface));width:78px;min-width:78px;height:44px;min-height:44px;box-shadow:inset 0 1px 0 #ffffffdb, inset 0 -5px 10px color-mix(in oklch, var(--fruit-grape-depth) 28%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--fruit-grape-rim) 38%, transparent);cursor:pointer;touch-action:manipulation;border:0;border-radius:20px 25px 22px 18px/18px 21px 23px 25px;outline:none;flex:none;padding:4px;transition:filter .16s,transform .22s cubic-bezier(.2,.9,.25,1),background .22s,box-shadow .22s;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.gummy-switch{background:linear-gradient(148deg, lab(100% 0 0/.74) 1%, transparent 27%), radial-gradient(ellipse at 74% 78%, var(--fruit-grape-core), transparent 46%), color-mix(in oklch, var(--fruit-grape-light) 54%, var(--surface));box-shadow:inset 0 1px 0 lab(100% 0 0/.86), inset 0 -5px 10px color-mix(in oklch, var(--fruit-grape-depth) 28%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--fruit-grape-rim) 38%, transparent)}}.gummy-switch:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffffad,#ffffff14);background:linear-gradient(90deg,lab(100% 0 0/.68),lab(100% 0 0/.08));border-radius:999px;position:absolute;inset:3px 11px 24px 13px;transform:rotate(-3deg)}.gummy-switch__pool{background:color-mix(in oklch, var(--fruit-grape-rim) 38%, transparent);filter:blur(3px);opacity:.75;border-radius:56% 44% 62% 38%;width:27px;height:15px;transition:background .22s,opacity .22s,transform .24s cubic-bezier(.2,.9,.25,1);position:absolute;bottom:4px;right:6px}.gummy-switch__thumb{z-index:1;background:radial-gradient(circle at 32% 25%, #ffffffc2 0 8%, transparent 10%), linear-gradient(145deg, var(--fruit-raspberry-light), var(--fruit-raspberry-core) 58%, var(--fruit-raspberry-rim));width:36px;height:36px;box-shadow:inset 1px 2px 3px #ffffffc7, inset -3px -5px 8px color-mix(in oklch, var(--fruit-raspberry-depth) 40%, transparent), 1px 2px 4px color-mix(in oklch, var(--fruit-grape-depth) 20%, transparent);border-radius:48% 52% 44% 56%/52% 44% 56% 48%;place-items:center;transition:translate .26s cubic-bezier(.2,1.35,.35,1),transform .22s cubic-bezier(.2,1.35,.35,1),background .22s;display:grid;position:relative}@supports (color:lab(0% 0 0)){.gummy-switch__thumb{background:radial-gradient(circle at 32% 25%, lab(100% 0 0/.76) 0 8%, transparent 10%), linear-gradient(145deg, var(--fruit-raspberry-light), var(--fruit-raspberry-core) 58%, var(--fruit-raspberry-rim));box-shadow:inset 1px 2px 3px lab(100% 0 0/.78), inset -3px -5px 8px color-mix(in oklch, var(--fruit-raspberry-depth) 40%, transparent), 1px 2px 4px color-mix(in oklch, var(--fruit-grape-depth) 20%, transparent)}}.gummy-switch__thumb>span{background:#ffffff5c;background:lab(100% 0 0/.36);border-radius:999px;width:12px;height:5px;transform:translate(-4px,-8px)rotate(-18deg)}.gummy-switch[data-checked]{background:linear-gradient(148deg, #ffffffc7 1%, transparent 27%), radial-gradient(ellipse at 32% 76%, var(--fruit-lime-core), transparent 55%), color-mix(in oklch, var(--fruit-lime-light) 64%, var(--surface));box-shadow:inset 0 1px 0 #ffffffe6, inset 0 -5px 10px color-mix(in oklch, var(--fruit-lime-depth) 28%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--fruit-lime-rim) 45%, transparent)}@supports (color:lab(0% 0 0)){.gummy-switch[data-checked]{background:linear-gradient(148deg, lab(100% 0 0/.78) 1%, transparent 27%), radial-gradient(ellipse at 32% 76%, var(--fruit-lime-core), transparent 55%), color-mix(in oklch, var(--fruit-lime-light) 64%, var(--surface));box-shadow:inset 0 1px 0 lab(100% 0 0/.9), inset 0 -5px 10px color-mix(in oklch, var(--fruit-lime-depth) 28%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--fruit-lime-rim) 45%, transparent)}}.gummy-switch[data-checked] .gummy-switch__pool{background:color-mix(in oklch, var(--fruit-lime-rim) 48%, transparent);right:38px;transform:scaleX(1.2)rotate(5deg)}.gummy-switch[data-checked] .gummy-switch__thumb{background:radial-gradient(circle at 32% 25%, #fffc 0 8%, transparent 10%), linear-gradient(145deg, var(--fruit-lime-light), var(--fruit-lime-core) 57%, var(--fruit-lime-rim));translate:34px}@supports (color:lab(0% 0 0)){.gummy-switch[data-checked] .gummy-switch__thumb{background:radial-gradient(circle at 32% 25%, lab(100% 0 0/.8) 0 8%, transparent 10%), linear-gradient(145deg, var(--fruit-lime-light), var(--fruit-lime-core) 57%, var(--fruit-lime-rim))}}.gummy-switch:focus-visible,.gummy-switch[data-preview-focus]{background:linear-gradient(148deg, #ffffffd1 1%, transparent 27%), radial-gradient(ellipse at 72% 76%, var(--fruit-aqua-core), transparent 58%), color-mix(in oklch, var(--fruit-aqua-light) 62%, var(--surface));box-shadow:inset 0 1px 0 #ffffffeb, inset 0 -6px 12px color-mix(in oklch, var(--fruit-aqua-depth) 30%, transparent), inset 0 0 0 2px color-mix(in oklch, var(--fruit-aqua-rim) 76%, transparent);transform:scaleX(1.045)scaleY(.97)rotate(-.8deg)}@supports (color:lab(0% 0 0)){.gummy-switch:focus-visible,.gummy-switch[data-preview-focus]{background:linear-gradient(148deg, lab(100% 0 0/.82) 1%, transparent 27%), radial-gradient(ellipse at 72% 76%, var(--fruit-aqua-core), transparent 58%), color-mix(in oklch, var(--fruit-aqua-light) 62%, var(--surface));box-shadow:inset 0 1px 0 lab(100% 0 0/.92), inset 0 -6px 12px color-mix(in oklch, var(--fruit-aqua-depth) 30%, transparent), inset 0 0 0 2px color-mix(in oklch, var(--fruit-aqua-rim) 76%, transparent)}}.gummy-switch:focus-visible .gummy-switch__pool,.gummy-switch[data-preview-focus] .gummy-switch__pool{background:color-mix(in oklch, var(--fruit-aqua-rim) 64%, transparent);opacity:1;transform:scale(1.2)rotate(-7deg)}.gummy-switch:active:not([data-disabled]){transform:scaleX(1.07)scaleY(.91)}.gummy-switch:active:not([data-disabled]) .gummy-switch__thumb{transform:scaleX(1.12)scaleY(.9)}.gummy-switch[data-disabled]{cursor:not-allowed;filter:grayscale(.4);opacity:.5}.gummy-switch-field[data-disabled] label{cursor:not-allowed}.gummy-tabs{width:min(100%,660px)}.gummy-tabs__list{isolation:isolate;z-index:0;background:radial-gradient(ellipse at 11% 8%, #ffffffc7, transparent 20%), radial-gradient(ellipse at 86% 92%, color-mix(in oklch, var(--fruit-grape-light) 20%, transparent), transparent 38%), linear-gradient(145deg, #ffffff80, transparent 37%), color-mix(in oklch, var(--surface-solid) 52%, transparent);min-height:66px;box-shadow:inset 3px 3px 5px #ffffff9e, inset -7px -8px 13px color-mix(in oklch, var(--fruit-grape-depth) 10%, transparent), 0 9px 22px color-mix(in oklch, var(--page-shadow) 28%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.26);backdrop-filter:blur(20px)saturate(1.26);border:0;border-radius:34px 29px 35px 27px/27px 36px 25px 34px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:6px;transition:background .22s,transform .22s cubic-bezier(.2,1.1,.25,1),border-radius .22s;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.gummy-tabs__list{background:radial-gradient(ellipse at 11% 8%, lab(100% 0 0/.78), transparent 20%), radial-gradient(ellipse at 86% 92%, color-mix(in oklch, var(--fruit-grape-light) 20%, transparent), transparent 38%), linear-gradient(145deg, lab(100% 0 0/.5), transparent 37%), color-mix(in oklch, var(--surface-solid) 52%, transparent);box-shadow:inset 3px 3px 5px lab(100% 0 0/.62), inset -7px -8px 13px color-mix(in oklch, var(--fruit-grape-depth) 10%, transparent), 0 9px 22px color-mix(in oklch, var(--page-shadow) 28%, transparent)}}.gummy-tabs__list:before{z-index:2;content:"";pointer-events:none;background:radial-gradient(#ffffff7a,#0000 72%);background:radial-gradient(lab(100% 0 0/.48),#0000 72%);border-radius:50%;height:13px;position:absolute;top:6px;left:12%;right:12%;transform:rotate(-.8deg)}.gummy-tabs__list:after{z-index:-2;background:color-mix(in oklch, var(--fruit-grape-light) 22%, transparent);content:"";filter:blur(8px);pointer-events:none;border-radius:58% 42% 54% 46%;width:31%;height:30px;position:absolute;bottom:-10px;right:4%}.gummy-tabs__indicator{z-index:-1;width:var(--active-tab-width);background:radial-gradient(circle at 29% 18%, #ffffffad 0 4%, transparent 6%), linear-gradient(152deg, #ffffff9e, transparent 31%), radial-gradient(ellipse at 46% 64%, var(--fruit-raspberry-rim), color-mix(in oklch, var(--fruit-raspberry-core) 72%, transparent) 48%, color-mix(in oklch, var(--fruit-raspberry-light) 34%, transparent) 66%, transparent 88%);height:calc(100% + 6px);box-shadow:inset 3px 4px 6px #ffffff75, inset -7px -9px 13px color-mix(in oklch, var(--fruit-raspberry-depth) 20%, transparent);filter:saturate(1.04)blur(.25px);transform:translateX(var(--active-tab-left));border-radius:42% 58% 46% 54%/54% 44% 56% 46%;transition:transform .34s cubic-bezier(.2,1.2,.25,1),width .29s cubic-bezier(.2,1.15,.25,1),border-radius .24s,box-shadow .18s;position:absolute;top:-3px;left:0}@supports (color:lab(0% 0 0)){.gummy-tabs__indicator{background:radial-gradient(circle at 29% 18%, lab(100% 0 0/.68) 0 4%, transparent 6%), linear-gradient(152deg, lab(100% 0 0/.62), transparent 31%), radial-gradient(ellipse at 46% 64%, var(--fruit-raspberry-rim), color-mix(in oklch, var(--fruit-raspberry-core) 72%, transparent) 48%, color-mix(in oklch, var(--fruit-raspberry-light) 34%, transparent) 66%, transparent 88%);box-shadow:inset 3px 4px 6px lab(100% 0 0/.46), inset -7px -9px 13px color-mix(in oklch, var(--fruit-raspberry-depth) 20%, transparent)}}.gummy-tabs[data-activation-direction=right] .gummy-tabs__indicator{animation:.33s cubic-bezier(.2,1.2,.25,1) gummy-tabs-slide-right}.gummy-tabs[data-activation-direction=left] .gummy-tabs__indicator{animation:.33s cubic-bezier(.2,1.2,.25,1) gummy-tabs-slide-left}@keyframes gummy-tabs-slide-right{42%{border-radius:28% 72% 36% 64%/48% 39% 61% 52%;scale:1.13 .9}}@keyframes gummy-tabs-slide-left{42%{border-radius:72% 28% 64% 36%/39% 48% 52% 61%;scale:1.13 .9}}.gummy-tabs__tab{z-index:3;min-width:0;min-height:54px;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;outline:0;padding:0 20px;font-size:14px;font-weight:680;transition:color .17s,transform .19s cubic-bezier(.2,.9,.25,1);position:relative}.gummy-tabs__tab[data-active]{color:#251133;color:lab(9.02958% 16.7512 -18.9266)}.gummy-tabs__tab:hover:not([data-disabled]){color:var(--ink)}.gummy-tabs__tab:active:not([data-disabled]){transform:scaleX(1.04)scaleY(.94)}.gummy-tabs__tab:focus-visible{box-shadow:none;color:var(--ink)}.gummy-tabs__list:has(.gummy-tabs__tab:focus-visible){background:radial-gradient(ellipse at var(--active-tab-left) 62%, color-mix(in oklch, var(--fruit-aqua-core) 38%, transparent), transparent 36%), radial-gradient(ellipse at 11% 8%, #ffffffd1, transparent 20%), color-mix(in oklch, var(--surface-solid) 50%, transparent);box-shadow:inset 3px 3px 5px #ffffffa8, inset 0 -11px 18px color-mix(in oklch, var(--fruit-aqua-rim) 18%, transparent), 0 9px 22px color-mix(in oklch, var(--fruit-aqua-depth) 16%, transparent);transform:scaleX(1.012)scaleY(.985)rotate(-.2deg)}@supports (color:lab(0% 0 0)){.gummy-tabs__list:has(.gummy-tabs__tab:focus-visible){background:radial-gradient(ellipse at var(--active-tab-left) 62%, color-mix(in oklch, var(--fruit-aqua-core) 38%, transparent), transparent 36%), radial-gradient(ellipse at 11% 8%, lab(100% 0 0/.82), transparent 20%), color-mix(in oklch, var(--surface-solid) 50%, transparent);box-shadow:inset 3px 3px 5px lab(100% 0 0/.66), inset 0 -11px 18px color-mix(in oklch, var(--fruit-aqua-rim) 18%, transparent), 0 9px 22px color-mix(in oklch, var(--fruit-aqua-depth) 16%, transparent)}}.gummy-tabs__list:has(.gummy-tabs__tab:focus-visible) .gummy-tabs__indicator{box-shadow:inset 3px 4px 6px #ffffff8f, inset -7px -9px 13px color-mix(in oklch, var(--fruit-raspberry-depth) 26%, transparent), 0 0 0 10px color-mix(in oklch, var(--fruit-aqua-core) 22%, transparent)}@supports (color:lab(0% 0 0)){.gummy-tabs__list:has(.gummy-tabs__tab:focus-visible) .gummy-tabs__indicator{box-shadow:inset 3px 4px 6px lab(100% 0 0/.56), inset -7px -9px 13px color-mix(in oklch, var(--fruit-raspberry-depth) 26%, transparent), 0 0 0 10px color-mix(in oklch, var(--fruit-aqua-core) 22%, transparent)}}.gummy-tabs__tab[data-disabled]{cursor:not-allowed;opacity:.45}.gummy-tabs__panel{min-height:130px;color:var(--ink-soft);outline:none;padding:26px 8px 8px}.gummy-tabs__panel:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-keyline)}.gummy-tabs__panel[data-starting-style]{opacity:0;transform:translateY(5px)}.gummy-tabs__panel{transition:opacity .18s,transform .2s}.gummy-dialog__trigger{isolation:isolate;background:radial-gradient(circle at 13% 14%, #ffffffc2 0 2px, transparent 3px), radial-gradient(ellipse at 87% 82%, color-mix(in oklch, var(--fruit-raspberry-core) 36%, transparent), transparent 43%), linear-gradient(150deg, #ffffffa3, transparent 34%), color-mix(in oklch, var(--surface-solid) 56%, transparent);min-width:220px;min-height:60px;box-shadow:inset 2px 3px 5px #ffffff94, inset 0 -8px 14px color-mix(in oklch, var(--fruit-raspberry-light) 25%, transparent), 0 8px 20px color-mix(in oklch, var(--fruit-raspberry-depth) 9%, transparent);color:var(--ink);cursor:pointer;touch-action:manipulation;border:0;border-radius:32px 27px 31px 25px/26px 33px 24px 30px;outline:none;justify-content:flex-start;align-items:center;gap:12px;padding:0 78px 0 23px;font-size:13px;font-weight:700;transition:filter .16s,transform .23s cubic-bezier(.2,1.2,.25,1),box-shadow .18s,border-radius .18s;display:inline-flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.gummy-dialog__trigger{background:radial-gradient(circle at 13% 14%, lab(100% 0 0/.76) 0 2px, transparent 3px), radial-gradient(ellipse at 87% 82%, color-mix(in oklch, var(--fruit-raspberry-core) 36%, transparent), transparent 43%), linear-gradient(150deg, lab(100% 0 0/.64), transparent 34%), color-mix(in oklch, var(--surface-solid) 56%, transparent);box-shadow:inset 2px 3px 5px lab(100% 0 0/.58), inset 0 -8px 14px color-mix(in oklch, var(--fruit-raspberry-light) 25%, transparent), 0 8px 20px color-mix(in oklch, var(--fruit-raspberry-depth) 9%, transparent)}}.gummy-dialog__trigger-copy{z-index:2;white-space:nowrap;position:relative}.gummy-dialog__trigger-pool{z-index:1;background:radial-gradient(circle at 62% 24%, #ffffffb3 0 4%, transparent 6%), radial-gradient(ellipse at 46% 52%, var(--fruit-raspberry-core), color-mix(in oklch, var(--fruit-raspberry-rim) 72%, transparent) 58%, color-mix(in oklch, var(--fruit-raspberry-depth) 44%, transparent) 86%);width:108px;height:66px;box-shadow:inset 3px 4px 6px #ffffff85, inset -6px -8px 12px color-mix(in oklch, var(--fruit-raspberry-depth) 34%, transparent);border-radius:58% 42% 54% 46%/49% 42% 58% 51%;transition:transform .22s cubic-bezier(.2,1.22,.25,1),background .18s;position:absolute;top:-4px;right:-23px}@supports (color:lab(0% 0 0)){.gummy-dialog__trigger-pool{background:radial-gradient(circle at 62% 24%, lab(100% 0 0/.7) 0 4%, transparent 6%), radial-gradient(ellipse at 46% 52%, var(--fruit-raspberry-core), color-mix(in oklch, var(--fruit-raspberry-rim) 72%, transparent) 58%, color-mix(in oklch, var(--fruit-raspberry-depth) 44%, transparent) 86%);box-shadow:inset 3px 4px 6px lab(100% 0 0/.52), inset -6px -8px 12px color-mix(in oklch, var(--fruit-raspberry-depth) 34%, transparent)}}.gummy-dialog__trigger:hover{filter:saturate(1.08)brightness(1.02);transform:translateY(-1px)rotate(-.25deg)}.gummy-dialog__trigger:hover .gummy-dialog__trigger-pool{transform:scale(1.05,1.08)rotate(2deg)}.gummy-dialog__trigger:active{transform:scaleX(1.07)scaleY(.88)}.gummy-dialog__trigger:active .gummy-dialog__trigger-pool{transform:scaleX(1.12)scaleY(.8)rotate(-4deg)}.gummy-dialog__trigger:focus-visible{background:radial-gradient(circle at 13% 14%, #fffc 0 2px, transparent 3px), radial-gradient(ellipse at 76% 82%, color-mix(in oklch, var(--fruit-aqua-core) 44%, transparent), transparent 48%), color-mix(in oklch, var(--surface-solid) 54%, transparent);box-shadow:inset 3px 4px 6px #ffffff9e, inset 0 -9px 14px color-mix(in oklch, var(--fruit-aqua-rim) 24%, transparent), 0 8px 20px color-mix(in oklch, var(--fruit-aqua-depth) 12%, transparent);transform:scaleX(1.025)scaleY(.98)rotate(-.4deg)}@supports (color:lab(0% 0 0)){.gummy-dialog__trigger:focus-visible{background:radial-gradient(circle at 13% 14%, lab(100% 0 0/.8) 0 2px, transparent 3px), radial-gradient(ellipse at 76% 82%, color-mix(in oklch, var(--fruit-aqua-core) 44%, transparent), transparent 48%), color-mix(in oklch, var(--surface-solid) 54%, transparent);box-shadow:inset 3px 4px 6px lab(100% 0 0/.62), inset 0 -9px 14px color-mix(in oklch, var(--fruit-aqua-rim) 24%, transparent), 0 8px 20px color-mix(in oklch, var(--fruit-aqua-depth) 12%, transparent)}}.gummy-dialog__trigger:focus-visible .gummy-dialog__trigger-pool{background:radial-gradient(circle at 62% 24%, #ffffffb8 0 4%, transparent 6%), radial-gradient(circle at 46% 48%, var(--fruit-aqua-core), color-mix(in oklch, var(--fruit-aqua-rim) 74%, transparent) 58%, color-mix(in oklch, var(--fruit-aqua-depth) 46%, transparent) 84%)}@supports (color:lab(0% 0 0)){.gummy-dialog__trigger:focus-visible .gummy-dialog__trigger-pool{background:radial-gradient(circle at 62% 24%, lab(100% 0 0/.72) 0 4%, transparent 6%), radial-gradient(circle at 46% 48%, var(--fruit-aqua-core), color-mix(in oklch, var(--fruit-aqua-rim) 74%, transparent) 58%, color-mix(in oklch, var(--fruit-aqua-depth) 46%, transparent) 84%)}}.gummy-menu__trigger{isolation:isolate;background:radial-gradient(circle at 13% 14%, #ffffffbd 0 2px, transparent 3px), radial-gradient(ellipse at 91% 72%, color-mix(in oklch, var(--fruit-grape-core) 44%, transparent), transparent 43%), linear-gradient(150deg, #ffffffa8, transparent 34%), color-mix(in oklch, var(--surface-solid) 56%, transparent);min-width:206px;min-height:58px;box-shadow:inset 2px 2px 3px #ffffffb8, inset 0 -7px 13px color-mix(in oklch, var(--fruit-grape-light) 32%, transparent), 0 8px 22px color-mix(in oklch, var(--fruit-grape-depth) 9%, transparent);color:var(--ink);cursor:pointer;touch-action:manipulation;border:0;border-radius:31px 26px 30px 24px/25px 31px 23px 29px;outline:none;justify-content:space-between;align-items:center;gap:16px;padding:0 78px 0 23px;font-size:13px;font-weight:720;transition:filter .16s,transform .26s cubic-bezier(.2,1.25,.25,1),border-radius .24s cubic-bezier(.2,1.15,.25,1),box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.gummy-menu__trigger{background:radial-gradient(circle at 13% 14%, lab(100% 0 0/.74) 0 2px, transparent 3px), radial-gradient(ellipse at 91% 72%, color-mix(in oklch, var(--fruit-grape-core) 44%, transparent), transparent 43%), linear-gradient(150deg, lab(100% 0 0/.66), transparent 34%), color-mix(in oklch, var(--surface-solid) 56%, transparent);box-shadow:inset 2px 2px 3px lab(100% 0 0/.72), inset 0 -7px 13px color-mix(in oklch, var(--fruit-grape-light) 32%, transparent), 0 8px 22px color-mix(in oklch, var(--fruit-grape-depth) 9%, transparent)}}.gummy-menu__trigger:before{z-index:2;content:"";pointer-events:none;background:radial-gradient(#ffffff6b,#0000 72%);background:radial-gradient(lab(100% 0 0/.42),#0000 72%);border-radius:50%;width:55px;height:10px;position:absolute;top:5px;left:16px;transform:rotate(-3deg)}.gummy-menu__trigger-copy{z-index:2;white-space:nowrap;position:relative}.gummy-menu__trigger-pool{z-index:1;background:radial-gradient(circle at 67% 24%, #ffffffb3 0 4%, transparent 6%), radial-gradient(ellipse at 48% 50%, var(--fruit-grape-core), color-mix(in oklch, var(--fruit-grape-rim) 70%, transparent) 56%, color-mix(in oklch, var(--fruit-grape-depth) 44%, transparent) 84%);width:108px;height:64px;box-shadow:inset 2px 3px 5px #ffffff8f, inset -5px -7px 10px color-mix(in oklch, var(--fruit-grape-depth) 38%, transparent);border-radius:59% 41% 55% 45%/49% 42% 58% 51%;place-items:center;transition:height .24s cubic-bezier(.2,1.2,.25,1),transform .24s cubic-bezier(.2,1.2,.25,1),border-radius .22s,background .18s;display:grid;position:absolute;top:-3px;right:-24px}@supports (color:lab(0% 0 0)){.gummy-menu__trigger-pool{background:radial-gradient(circle at 67% 24%, lab(100% 0 0/.7) 0 4%, transparent 6%), radial-gradient(ellipse at 48% 50%, var(--fruit-grape-core), color-mix(in oklch, var(--fruit-grape-rim) 70%, transparent) 56%, color-mix(in oklch, var(--fruit-grape-depth) 44%, transparent) 84%);box-shadow:inset 2px 3px 5px lab(100% 0 0/.56), inset -5px -7px 10px color-mix(in oklch, var(--fruit-grape-depth) 38%, transparent)}}.gummy-menu__trigger:hover{filter:saturate(1.08)brightness(1.018);transform:translateY(-1px)rotate(-.25deg)}.gummy-menu__trigger:hover .gummy-menu__trigger-pool{transform:scale(1.04,1.08)rotate(2deg)}.gummy-menu__trigger:active{border-radius:28px 24px 28px 22px/21px 29px 20px 27px;transform:scaleX(1.075)scaleY(.88)}.gummy-menu__trigger:active .gummy-menu__trigger-pool{transform:scaleX(1.12)scaleY(.82)rotate(-4deg)}.gummy-menu__trigger:focus-visible{background:radial-gradient(circle at 13% 14%, #ffffffc7 0 2px, transparent 3px), radial-gradient(ellipse at 72% 82%, color-mix(in oklch, var(--fruit-aqua-core) 46%, transparent), transparent 48%), color-mix(in oklch, var(--surface-solid) 55%, transparent);box-shadow:inset 2px 2px 3px #ffffffc2, inset 0 -7px 12px color-mix(in oklch, var(--fruit-aqua-rim) 26%, transparent);transform:scaleX(1.035)scaleY(.97)rotate(-.4deg)}@supports (color:lab(0% 0 0)){.gummy-menu__trigger:focus-visible{background:radial-gradient(circle at 13% 14%, lab(100% 0 0/.78) 0 2px, transparent 3px), radial-gradient(ellipse at 72% 82%, color-mix(in oklch, var(--fruit-aqua-core) 46%, transparent), transparent 48%), color-mix(in oklch, var(--surface-solid) 55%, transparent);box-shadow:inset 2px 2px 3px lab(100% 0 0/.76), inset 0 -7px 12px color-mix(in oklch, var(--fruit-aqua-rim) 26%, transparent)}}.gummy-menu__trigger:focus-visible .gummy-menu__trigger-pool{background:radial-gradient(circle at 67% 24%, #ffffffb8 0 4%, transparent 6%), radial-gradient(circle at 48% 42%, var(--fruit-aqua-core), color-mix(in oklch, var(--fruit-aqua-rim) 74%, transparent) 58%, color-mix(in oklch, var(--fruit-aqua-depth) 50%, transparent) 80%)}@supports (color:lab(0% 0 0)){.gummy-menu__trigger:focus-visible .gummy-menu__trigger-pool{background:radial-gradient(circle at 67% 24%, lab(100% 0 0/.72) 0 4%, transparent 6%), radial-gradient(circle at 48% 42%, var(--fruit-aqua-core), color-mix(in oklch, var(--fruit-aqua-rim) 74%, transparent) 58%, color-mix(in oklch, var(--fruit-aqua-depth) 50%, transparent) 80%)}}.gummy-menu__trigger[data-popup-open]{z-index:2;border-radius:30px 27px 24px 26px/27px 31px 18px 24px;transform:scaleX(1.03)scaleY(.96)translateY(2px)}.gummy-menu__trigger[data-popup-open] .gummy-menu__trigger-pool{border-radius:46% 54% 36% 64%/46% 43% 57% 54%;height:70px;transform:translate(-1px,6px)scaleX(1.08)rotate(3deg)}.gummy-menu__chevron{z-index:2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:14px;height:10px;transition:transform .22s cubic-bezier(.2,1.2,.25,1);position:relative;overflow:visible}.gummy-menu__trigger[data-popup-open] .gummy-menu__chevron{transform:rotate(180deg)}.gummy-menu__positioner{z-index:80;outline:none}.gummy-menu__popup{isolation:isolate;min-width:max(300px, var(--anchor-width));max-width:min(320px,100vw - 32px);box-shadow:none;transform-origin:var(--transform-origin);background:0 0;border-radius:33px 27px 48px 25px/28px 24px 52px 37px;outline:none;padding:0;transition:opacity .16s,transform .26s cubic-bezier(.2,1.24,.25,1),border-radius .26s cubic-bezier(.2,1.2,.25,1);position:relative}.gummy-menu__popup[data-starting-style],.gummy-menu__popup[data-ending-style]{opacity:0;border-radius:24px 30px 34px 22px/18px 23px 39px 27px;transform:translateY(-13px)scaleX(.86)scaleY(.38)}.gummy-menu__bridge{z-index:0;background:radial-gradient(circle at 65% 22%, #fff6 0 4%, transparent 6%), radial-gradient(ellipse at 66% 48%, color-mix(in oklch, var(--fruit-grape-core) 32%, transparent), transparent 38%), color-mix(in oklch, var(--surface-solid) 46%, transparent);filter:blur(.5px);border-radius:18% 31% 22% 27%/54% 66% 34% 46%;width:calc(100% - 20px);height:41px;position:absolute;top:-8px;left:12px;transform:rotate(-.7deg)}@supports (color:lab(0% 0 0)){.gummy-menu__bridge{background:radial-gradient(circle at 65% 22%, lab(100% 0 0/.4) 0 4%, transparent 6%), radial-gradient(ellipse at 66% 48%, color-mix(in oklch, var(--fruit-grape-core) 32%, transparent), transparent 38%), color-mix(in oklch, var(--surface-solid) 46%, transparent)}}.gummy-menu__reservoir{display:none}.gummy-menu__reading-plane{isolation:isolate;z-index:1;background:radial-gradient(ellipse at 91% 90%, color-mix(in oklch, var(--fruit-grape-rim) 45%, transparent), color-mix(in oklch, var(--fruit-grape-core) 24%, transparent) 32%, transparent 62%), radial-gradient(ellipse at 10% 7%, #ffffff85, transparent 30%), color-mix(in oklch, var(--surface-solid) 57%, transparent);box-shadow:inset 3px 3px 5px #ffffff70, inset -13px -14px 22px color-mix(in oklch, var(--fruit-grape-core) 16%, transparent), 0 14px 30px color-mix(in oklch, var(--page-shadow) 32%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.16);backdrop-filter:blur(22px)saturate(1.16);border-radius:34px 27px 54px 25px/29px 25px 50px 38px;padding:12px 10px 14px;position:relative;overflow:visible}@supports (color:lab(0% 0 0)){.gummy-menu__reading-plane{background:radial-gradient(ellipse at 91% 90%, color-mix(in oklch, var(--fruit-grape-rim) 45%, transparent), color-mix(in oklch, var(--fruit-grape-core) 24%, transparent) 32%, transparent 62%), radial-gradient(ellipse at 10% 7%, lab(100% 0 0/.52), transparent 30%), color-mix(in oklch, var(--surface-solid) 57%, transparent);box-shadow:inset 3px 3px 5px lab(100% 0 0/.44), inset -13px -14px 22px color-mix(in oklch, var(--fruit-grape-core) 16%, transparent), 0 14px 30px color-mix(in oklch, var(--page-shadow) 32%, transparent)}}.gummy-menu__reading-plane:before,.gummy-menu__reading-plane:after{content:none}.gummy-menu__item{isolation:isolate;z-index:2;min-height:46px;color:var(--ink-soft);cursor:default;border-radius:16px 20px 15px 18px/19px 15px 21px 16px;outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 13px 0 11px;font-size:13px;font-weight:610;transition:color .15s,transform .19s cubic-bezier(.2,1.1,.25,1);display:grid;position:relative;overflow:hidden}.gummy-menu__item[data-has-icon]{grid-template-columns:21px minmax(0,1fr) auto}.gummy-menu__item-tide{z-index:0;opacity:0;filter:blur(5px);background:0 0;border-radius:18px 30px 26px 15px/17px 24px 20px 23px;transition:opacity .16s,transform .22s cubic-bezier(.2,1.15,.25,1),background .16s;position:absolute;inset:4px 26% 4px 2px;transform:translate(-18px)scaleX(.72)}.gummy-menu__item[data-selected=true] .gummy-menu__item-tide{background:linear-gradient(90deg, color-mix(in oklch, var(--fruit-grape-light) 68%, transparent), color-mix(in oklch, var(--fruit-raspberry-light) 26%, transparent), transparent);opacity:.58;transform:translate(0)scaleX(1)}.gummy-menu__item[data-highlighted]{color:var(--ink);transform:translate(3px)scaleX(1.012)}.gummy-menu__item[data-highlighted] .gummy-menu__item-tide{background:linear-gradient(90deg, color-mix(in oklch, var(--fruit-aqua-core) 62%, transparent), color-mix(in oklch, var(--fruit-aqua-light) 34%, transparent), transparent);opacity:.72;transform:translate(0)scaleX(1.06)}.gummy-menu__item[data-disabled]{opacity:.4}.gummy-menu__item-icon{z-index:1;width:20px;height:20px;color:color-mix(in oklch, var(--fruit-grape-depth) 72%, var(--ink));place-items:center;display:grid;position:relative}.gummy-menu__item-copy,.gummy-menu__item-state{z-index:1;position:relative}.gummy-menu__item-state{color:color-mix(in oklch, var(--fruit-raspberry-depth) 80%, var(--ink));font-size:11px;font-weight:720}.gummy-menu__item[data-tone=danger] .gummy-menu__item-icon,.gummy-menu__item[data-tone=danger]{color:color-mix(in oklch, var(--fruit-raspberry-depth) 74%, var(--ink))}.gummy-menu__item[data-tone=danger][data-highlighted] .gummy-menu__item-tide{background:linear-gradient(90deg, color-mix(in oklch, var(--fruit-raspberry-core) 48%, transparent), color-mix(in oklch, var(--fruit-raspberry-light) 32%, transparent), transparent)}.gummy-menu-demo-icon{width:15px;height:15px;display:block;position:relative}.gummy-menu-demo-icon[data-icon=clock],.gummy-menu-demo-icon[data-icon=history]{border:1.5px solid;border-radius:50%}.gummy-menu-demo-icon[data-icon=clock]:before,.gummy-menu-demo-icon[data-icon=history]:before{content:"";transform-origin:bottom;background:currentColor;border-radius:999px;width:1.5px;height:5px;position:absolute;top:3px;left:6px;transform:rotate(-16deg)}.gummy-menu-demo-icon[data-icon=history]:after{content:"";border-top:1.5px solid;border-left:1.5px solid;width:5px;height:5px;position:absolute;top:-2px;left:-2px;transform:rotate(-18deg)}.gummy-menu-demo-icon[data-icon=trend]:before{content:"";border-top:1.6px solid;border-right:1.6px solid;width:13px;height:8px;position:absolute;top:7px;left:1px;transform:skewY(-30deg)rotate(-4deg)}.gummy-menu-demo-icon[data-icon=archive]{border:1.5px solid;border-radius:3px 3px 4px 4px}.gummy-menu-demo-icon[data-icon=archive]:before{content:"";background:currentColor;height:1.5px;position:absolute;top:3px;left:-2px;right:-2px}.gummy-menu-demo-icon[data-icon=archive]:after{content:"";background:currentColor;border-radius:999px;width:5px;height:1.5px;position:absolute;top:7px;left:4px}.gummy-menu__separator{background:linear-gradient(90deg, color-mix(in oklch, var(--line-strong) 34%, transparent), transparent 88%);height:1px;margin:8px 14px}.gummy-dialog__backdrop{z-index:90;-webkit-backdrop-filter:blur(8px)saturate(.82);backdrop-filter:blur(8px)saturate(.82);background:radial-gradient(circle at 50% 45%,#64398033,#0000 34rem),#0c0115a3;background:radial-gradient(circle at 50% 45%,lab(32.0288% 29.5977 -32.9961/.2),#0000 34rem),lab(1.25046% 5.47609 -7.75619/.64);min-height:100dvh;transition:opacity .18s;position:fixed;inset:0}.gummy-dialog__backdrop[data-starting-style],.gummy-dialog__backdrop[data-ending-style]{opacity:0}.gummy-dialog__viewport{z-index:91;place-items:center;min-height:100dvh;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.gummy-dialog__popup{isolation:isolate;background:radial-gradient(circle at 12% 8%, #ffffffb8 0 2%, transparent 4%), radial-gradient(ellipse at 6% 4%, color-mix(in oklch, var(--fruit-raspberry-core) 72%, transparent), transparent 30%), radial-gradient(ellipse at 94% 94%, color-mix(in oklch, var(--fruit-raspberry-rim) 70%, transparent), transparent 36%), linear-gradient(148deg, #ffffff85, transparent 30%), color-mix(in oklch, var(--fruit-raspberry-light) 16%, var(--surface-solid) 28%);width:min(100%,500px);box-shadow:inset 4px 5px 7px #ffffff75, inset -10px -12px 18px color-mix(in oklch, var(--fruit-raspberry-depth) 22%, transparent), 0 28px 70px #09011138;-webkit-backdrop-filter:blur(22px)saturate(1.22);backdrop-filter:blur(22px)saturate(1.22);border:0;border-radius:38px 31px 43px 29px/31px 42px 28px 39px;outline:none;padding:13px 14px 15px 13px;transition:opacity .17s,transform .25s cubic-bezier(.2,1.18,.25,1),border-radius .22s;position:relative}@supports (color:lab(0% 0 0)){.gummy-dialog__popup{background:radial-gradient(circle at 12% 8%, lab(100% 0 0/.72) 0 2%, transparent 4%), radial-gradient(ellipse at 6% 4%, color-mix(in oklch, var(--fruit-raspberry-core) 72%, transparent), transparent 30%), radial-gradient(ellipse at 94% 94%, color-mix(in oklch, var(--fruit-raspberry-rim) 70%, transparent), transparent 36%), linear-gradient(148deg, lab(100% 0 0/.52), transparent 30%), color-mix(in oklch, var(--fruit-raspberry-light) 16%, var(--surface-solid) 28%);box-shadow:inset 4px 5px 7px lab(100% 0 0/.46), inset -10px -12px 18px color-mix(in oklch, var(--fruit-raspberry-depth) 22%, transparent), 0 28px 70px lab(.965744% 4.17385 -5.90729/.22)}}.gummy-dialog__popup:before{z-index:3;content:"";pointer-events:none;background:radial-gradient(#ffffff80,#0000 72%);background:radial-gradient(lab(100% 0 0/.5),#0000 72%);border-radius:50%;height:13px;position:absolute;top:5px;left:17%;right:16%;transform:rotate(-.7deg)}.gummy-dialog__popup:not(.gummy-dialog__popup--preview)[data-starting-style],.gummy-dialog__popup:not(.gummy-dialog__popup--preview)[data-ending-style]{opacity:0;transform:scaleX(.94)scaleY(.9)translateY(12px)}.gummy-dialog__popup:focus-visible{background:radial-gradient(ellipse at 78% 92%, color-mix(in oklch, var(--fruit-aqua-core) 42%, transparent), transparent 43%), radial-gradient(circle at 12% 8%, #ffffffc2 0 2%, transparent 4%), color-mix(in oklch, var(--fruit-raspberry-core) 43%, transparent);box-shadow:inset 4px 5px 7px #ffffff7a, inset -10px -12px 18px color-mix(in oklch, var(--fruit-aqua-depth) 20%, transparent), 0 28px 70px #0901113d}@supports (color:lab(0% 0 0)){.gummy-dialog__popup:focus-visible{background:radial-gradient(ellipse at 78% 92%, color-mix(in oklch, var(--fruit-aqua-core) 42%, transparent), transparent 43%), radial-gradient(circle at 12% 8%, lab(100% 0 0/.76) 0 2%, transparent 4%), color-mix(in oklch, var(--fruit-raspberry-core) 43%, transparent);box-shadow:inset 4px 5px 7px lab(100% 0 0/.48), inset -10px -12px 18px color-mix(in oklch, var(--fruit-aqua-depth) 20%, transparent), 0 28px 70px lab(.965744% 4.17385 -5.90729/.24)}}.gummy-dialog__reservoir{z-index:0;background:radial-gradient(circle at 34% 23%, #ffffffb3 0 5%, transparent 7%), radial-gradient(ellipse at 50% 52%, var(--fruit-raspberry-core), color-mix(in oklch, var(--fruit-raspberry-rim) 72%, transparent) 62%, color-mix(in oklch, var(--fruit-raspberry-depth) 46%, transparent) 88%);box-shadow:inset 4px 5px 7px #ffffff75, inset -8px -10px 14px color-mix(in oklch, var(--fruit-raspberry-depth) 32%, transparent);display:block;position:absolute}@supports (color:lab(0% 0 0)){.gummy-dialog__reservoir{background:radial-gradient(circle at 34% 23%, lab(100% 0 0/.7) 0 5%, transparent 7%), radial-gradient(ellipse at 50% 52%, var(--fruit-raspberry-core), color-mix(in oklch, var(--fruit-raspberry-rim) 72%, transparent) 62%, color-mix(in oklch, var(--fruit-raspberry-depth) 46%, transparent) 88%);box-shadow:inset 4px 5px 7px lab(100% 0 0/.46), inset -8px -10px 14px color-mix(in oklch, var(--fruit-raspberry-depth) 32%, transparent)}}.gummy-dialog__reservoir--start{border-radius:54% 46% 58% 42%/48% 58% 42% 52%;width:126px;height:74px;top:-6px;left:-7px;transform:rotate(-3deg)}.gummy-dialog__reservoir--end{border-radius:58% 42% 54% 46%/43% 57% 45% 55%;width:142px;height:82px;bottom:-11px;right:-11px;transform:rotate(3deg)}.gummy-dialog__plane{z-index:1;background:radial-gradient(ellipse at 16% 6%, #ffffff7a, transparent 28%), color-mix(in oklch, var(--surface-solid) 78%, transparent);min-height:228px;box-shadow:inset 3px 4px 8px #ffffff57, inset -7px -8px 14px color-mix(in oklch, var(--fruit-raspberry-depth) 6%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.14);backdrop-filter:blur(28px)saturate(1.14);border-radius:29px 25px 35px 23px/24px 34px 22px 31px;gap:18px;padding:32px 34px 30px;display:grid;position:relative}@supports (color:lab(0% 0 0)){.gummy-dialog__plane{background:radial-gradient(ellipse at 16% 6%, lab(100% 0 0/.48), transparent 28%), color-mix(in oklch, var(--surface-solid) 78%, transparent);box-shadow:inset 3px 4px 8px lab(100% 0 0/.34), inset -7px -8px 14px color-mix(in oklch, var(--fruit-raspberry-depth) 6%, transparent)}}.gummy-dialog__title{color:var(--ink);font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0;padding-right:44px;font-size:clamp(25px,4vw,34px);font-weight:780;line-height:1}.gummy-dialog__description{color:var(--ink-soft);margin:-7px 0 0;font-size:14px}.gummy-dialog__close{cursor:pointer;border:0;outline:none}.gummy-dialog__close--icon{z-index:2;background:radial-gradient(circle at 32% 24%, #ffffff9e, transparent 26%), color-mix(in oklch, var(--fruit-raspberry-light) 52%, transparent);width:38px;min-height:38px;box-shadow:inset 2px 3px 4px #ffffff70, inset -3px -4px 7px color-mix(in oklch, var(--fruit-raspberry-depth) 14%, transparent);color:var(--ink-soft);border-radius:48% 52% 44% 56%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:27px;right:28px}@supports (color:lab(0% 0 0)){.gummy-dialog__close--icon{background:radial-gradient(circle at 32% 24%, lab(100% 0 0/.62), transparent 26%), color-mix(in oklch, var(--fruit-raspberry-light) 52%, transparent);box-shadow:inset 2px 3px 4px lab(100% 0 0/.44), inset -3px -4px 7px color-mix(in oklch, var(--fruit-raspberry-depth) 14%, transparent)}}.gummy-dialog__close--icon:hover{transform:rotate(5deg)scale(1.04)}.gummy-dialog__close--icon:focus-visible{background:radial-gradient(circle at 72% 78%, color-mix(in oklch, var(--fruit-aqua-rim) 58%, transparent), transparent 54%), color-mix(in oklch, var(--fruit-aqua-light) 66%, transparent);box-shadow:inset 0 -5px 0 color-mix(in oklch, var(--fruit-aqua-rim) 78%, transparent);color:#251133;color:lab(9.02958% 16.7512 -18.9266);transform:rotate(3deg)scaleX(1.05)scaleY(.96)}.gummy-dialog__actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.gummy-dialog__popup--preview{width:min(100%,480px);box-shadow:inset 4px 5px 7px #ffffff75, inset -10px -12px 18px color-mix(in oklch, var(--fruit-raspberry-depth) 22%, transparent)}@supports (color:lab(0% 0 0)){.gummy-dialog__popup--preview{box-shadow:inset 4px 5px 7px lab(100% 0 0/.46), inset -10px -12px 18px color-mix(in oklch, var(--fruit-raspberry-depth) 22%, transparent)}}:root[data-theme=dark] .gummy-tabs__list{background:radial-gradient(ellipse at 11% 8%, #ffffff38, transparent 20%), radial-gradient(ellipse at 86% 92%, color-mix(in oklch, var(--fruit-grape-core) 22%, transparent), transparent 40%), color-mix(in oklch, var(--surface-solid) 48%, transparent);box-shadow:inset 3px 3px 5px #fff3, inset -7px -8px 13px color-mix(in oklch, var(--fruit-grape-depth) 18%, transparent), 0 12px 27px #03000733}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-tabs__list{background:radial-gradient(ellipse at 11% 8%, lab(100% 0 0/.22), transparent 20%), radial-gradient(ellipse at 86% 92%, color-mix(in oklch, var(--fruit-grape-core) 22%, transparent), transparent 40%), color-mix(in oklch, var(--surface-solid) 48%, transparent);box-shadow:inset 3px 3px 5px lab(100% 0 0/.2), inset -7px -8px 13px color-mix(in oklch, var(--fruit-grape-depth) 18%, transparent), 0 12px 27px lab(.375895% 1.53 -2.15802/.2)}}:root[data-theme=dark] .gummy-dialog__trigger{background:radial-gradient(circle at 13% 14%, #ffffff4d 0 2px, transparent 3px), radial-gradient(ellipse at 87% 82%, color-mix(in oklch, var(--fruit-raspberry-core) 35%, transparent), transparent 43%), linear-gradient(150deg, #ffffff1f, transparent 34%), color-mix(in oklch, var(--surface-solid) 48%, transparent);box-shadow:inset 2px 3px 5px #ffffff2e, inset 0 -8px 14px color-mix(in oklch, var(--fruit-raspberry-core) 18%, transparent)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-dialog__trigger{background:radial-gradient(circle at 13% 14%, lab(100% 0 0/.3) 0 2px, transparent 3px), radial-gradient(ellipse at 87% 82%, color-mix(in oklch, var(--fruit-raspberry-core) 35%, transparent), transparent 43%), linear-gradient(150deg, lab(100% 0 0/.12), transparent 34%), color-mix(in oklch, var(--surface-solid) 48%, transparent);box-shadow:inset 2px 3px 5px lab(100% 0 0/.18), inset 0 -8px 14px color-mix(in oklch, var(--fruit-raspberry-core) 18%, transparent)}}:root[data-theme=dark] .gummy-dialog__popup{background:radial-gradient(circle at 12% 8%, #ffffff47 0 2%, transparent 4%), radial-gradient(ellipse at 6% 4%, color-mix(in oklch, var(--fruit-raspberry-core) 54%, transparent), transparent 31%), radial-gradient(ellipse at 94% 94%, color-mix(in oklch, var(--fruit-raspberry-core) 48%, transparent), transparent 40%), color-mix(in oklch, var(--surface-solid) 48%, transparent);box-shadow:inset 4px 5px 7px #ffffff2e, inset -10px -12px 18px color-mix(in oklch, var(--fruit-raspberry-depth) 32%, transparent), 0 30px 74px #0200036b}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-dialog__popup{background:radial-gradient(circle at 12% 8%, lab(100% 0 0/.28) 0 2%, transparent 4%), radial-gradient(ellipse at 6% 4%, color-mix(in oklch, var(--fruit-raspberry-core) 54%, transparent), transparent 31%), radial-gradient(ellipse at 94% 94%, color-mix(in oklch, var(--fruit-raspberry-core) 48%, transparent), transparent 40%), color-mix(in oklch, var(--surface-solid) 48%, transparent);box-shadow:inset 4px 5px 7px lab(100% 0 0/.18), inset -10px -12px 18px color-mix(in oklch, var(--fruit-raspberry-depth) 32%, transparent), 0 30px 74px lab(.141506% .936791 -1.35846/.42)}}:root[data-theme=dark] .gummy-menu__trigger{background:radial-gradient(circle at 13% 14%, #ffffff57 0 2px, transparent 3px), radial-gradient(ellipse at 91% 72%, color-mix(in oklch, var(--fruit-grape-core) 38%, transparent), transparent 43%), linear-gradient(150deg, #ffffff1f, transparent 34%), color-mix(in oklch, var(--surface-solid) 50%, transparent);box-shadow:inset 2px 2px 3px #fff3, inset 0 -7px 13px color-mix(in oklch, var(--fruit-grape-core) 20%, transparent);color:var(--ink)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-menu__trigger{background:radial-gradient(circle at 13% 14%, lab(100% 0 0/.34) 0 2px, transparent 3px), radial-gradient(ellipse at 91% 72%, color-mix(in oklch, var(--fruit-grape-core) 38%, transparent), transparent 43%), linear-gradient(150deg, lab(100% 0 0/.12), transparent 34%), color-mix(in oklch, var(--surface-solid) 50%, transparent);box-shadow:inset 2px 2px 3px lab(100% 0 0/.2), inset 0 -7px 13px color-mix(in oklch, var(--fruit-grape-core) 20%, transparent)}}:root[data-theme=dark] .gummy-menu__popup{box-shadow:none;background:0 0}:root[data-theme=dark] .gummy-tabs__tab[data-active]{color:#251133;color:lab(9.02958% 16.7512 -18.9266)}:root[data-theme=dark] .gummy-menu__reading-plane,:root[data-theme=dark] .gummy-dialog__plane{background:radial-gradient(ellipse at 16% 6%, #ffffff21, transparent 29%), color-mix(in oklch, var(--surface-solid) 67%, transparent)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-menu__reading-plane,:root[data-theme=dark] .gummy-dialog__plane{background:radial-gradient(ellipse at 16% 6%, lab(100% 0 0/.13), transparent 29%), color-mix(in oklch, var(--surface-solid) 67%, transparent)}}:root[data-theme=dark] .gummy-menu__item[data-highlighted]{color:var(--ink)}:root[data-theme=dark] .gummy-menu__reading-plane{background:radial-gradient(ellipse at 91% 90%, color-mix(in oklch, var(--fruit-grape-core) 42%, transparent), color-mix(in oklch, var(--fruit-grape-rim) 18%, transparent) 34%, transparent 62%), radial-gradient(ellipse at 10% 7%, #ffffff29, transparent 30%), color-mix(in oklch, var(--surface-solid) 58%, transparent);box-shadow:inset 3px 3px 5px #ffffff29, inset -11px -12px 20px color-mix(in oklch, var(--fruit-grape-core) 18%, transparent), 0 18px 40px #03000740}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gummy-menu__reading-plane{background:radial-gradient(ellipse at 91% 90%, color-mix(in oklch, var(--fruit-grape-core) 42%, transparent), color-mix(in oklch, var(--fruit-grape-rim) 18%, transparent) 34%, transparent 62%), radial-gradient(ellipse at 10% 7%, lab(100% 0 0/.16), transparent 30%), color-mix(in oklch, var(--surface-solid) 58%, transparent);box-shadow:inset 3px 3px 5px lab(100% 0 0/.16), inset -11px -12px 20px color-mix(in oklch, var(--fruit-grape-core) 18%, transparent), 0 18px 40px lab(.375895% 1.53 -2.15802/.25)}}:root[data-theme=dark] .gummy-menu__reading-plane:before{background:color-mix(in oklch, var(--surface-solid) 72%, transparent)}:root[data-theme=dark] .gummy-menu__reading-plane:after{background:color-mix(in oklch, var(--fruit-grape-core) 27%, var(--surface-solid) 38%)}:root[data-theme=dark] .gummy-menu__item-state{color:var(--fruit-raspberry-light)}:root[data-theme=dark] .gummy-menu__item[data-tone=danger],:root[data-theme=dark] .gummy-menu__item[data-tone=danger] .gummy-menu__item-icon{color:#ffa5b3;color:lab(77.6207% 42.7146 9.35122)}.interaction-specimen:has(.gummy-menu__trigger[data-popup-open]){align-content:start;min-height:420px;padding-top:72px}.group-two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.interaction-specimen{border:1px solid var(--line);background:radial-gradient(circle at 82% 18%, color-mix(in oklch, var(--fruit-aqua-light) 22%, transparent), transparent 16rem), var(--surface);border-radius:27px;align-content:center;place-items:center;gap:24px;min-height:230px;padding:clamp(24px,4vw,44px);display:grid}.interaction-specimen>span:first-child{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.05em;text-transform:uppercase;justify-self:start;font-size:9px}.switch-state-rack{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.switch-state-rack .interaction-specimen{min-height:190px;padding:28px 22px}.tabs-demo{width:min(100%,680px)}.tabs-demo strong{color:var(--ink)}.tabs-demo p{max-width:55ch;margin:6px 0 0}.overlay-proof-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;display:grid}.dialog-preview-copy{display:contents}.group-two-reference{grid-column:1/-1}.approved-reference{padding-bottom:72px}.approved-reference__stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.approved-reference__stage>div{border:1px solid var(--line);background:var(--surface);border-radius:24px;align-content:center;place-items:center;gap:28px;min-height:170px;display:grid;overflow:hidden}.art-reference__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.art-reference figure{border:1px solid var(--line);background:var(--surface);box-shadow:0 22px 54px var(--page-shadow);border-radius:28px;margin:0;overflow:hidden}.art-reference img{width:100%;height:auto;display:block}.art-reference figcaption{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;padding:15px 20px;font-size:9px}.review-gate{border:1px solid color-mix(in oklch, var(--fruit-raspberry-rim) 35%, var(--line));background:radial-gradient(circle at 8% 12%, #ff97ad29, transparent 22rem), var(--surface);box-shadow:0 28px 72px var(--page-shadow), inset 0 1px #ffffff6b;border-radius:34px;grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,120px);padding:clamp(36px,7vw,72px);display:grid}@supports (color:lab(0% 0 0)){.review-gate{background:radial-gradient(circle at 8% 12%, lab(74.6793% 58.9868 10.673/.16), transparent 22rem), var(--surface);box-shadow:0 28px 72px var(--page-shadow), inset 0 1px lab(100% 0 0/.42)}}.review-gate ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.review-gate li{color:var(--ink-soft);padding-left:26px;position:relative}.review-gate li:before{color:var(--fruit-raspberry-rim);content:"◆";font-size:12px;position:absolute;left:0}.lab-footer{width:min(calc(100% - 48px), var(--page-width));border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:24px;margin:0 auto;padding:28px 0 42px;font-size:10px;display:flex}.lab-footer p{margin:0}@media (max-width:1080px){.badge-rack{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid,.switch-state-rack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.lab-intro,.lab-section__heading,.review-gate,.workbench,.compact-workbench{grid-template-columns:1fr}.lab-intro{align-items:start}.lab-intro__measure{max-width:320px}.input-state-grid,.stage3-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-proof-row,.overlay-proof-grid{grid-template-columns:1fr}.workbench__controls,.compact-workbench__controls{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.stage3-composed-form__grid{grid-template-columns:1fr}.stage3-composed-form__wide{grid-column:auto}.primitive-grid,.aspect-ratio-grid,.display-feedback-grid,.navigation-disclosure-grid,.selection-control-grid,.overlay-family-grid,.navigation-system-rack{grid-template-columns:1fr}}@media (max-width:620px){.lab-header{min-height:64px;padding-inline:18px}.lab-brand__tag,.lab-header__status>span{display:none}.lab-theme-toggle>span:last-child{font-size:0}.lab-theme-toggle__light,.lab-theme-toggle__dark{font-size:18px}.lab-shell,.lab-footer{width:min(calc(100% - 32px), var(--page-width))}.lab-shell{padding-top:52px}.lab-intro h1{font-size:clamp(54px,19vw,82px)}.input-state-grid,.stage3-state-grid,.primitive-grid,.badge-rack,.badge-proof-row,.card-grid,.switch-state-rack,.group-two-grid,.approved-reference__stage,.art-reference__grid{grid-template-columns:1fr}.specimen__stage{min-height:176px}.badge-proof-row>div{flex-direction:column;align-items:flex-start}.gummy-badge__label{overflow-wrap:anywhere;white-space:normal}.workbench__controls,.compact-workbench__controls{grid-template-columns:1fr}.workbench__stage,.compact-workbench__stage{min-height:300px;padding:36px 18px}.stage3-composed-form__heading{flex-direction:column;align-items:flex-start}.stage3-composed-form__actions{flex-direction:column-reverse;align-items:stretch}.stage3-composed-form__actions .gummy-button{width:100%}.card-demo--dense{grid-template-rows:auto;grid-template-columns:1fr}.card-demo--dense>.gummy-card__header,.card-demo--dense>.gummy-card__content,.card-demo--dense>.gummy-card__footer{grid-area:auto/1}.card-demo--dense>.gummy-card__content{border-top:1px solid color-mix(in oklch, var(--card-frame-rim) 17%, transparent);border-bottom:1px solid color-mix(in oklch, var(--card-frame-rim) 17%, transparent);border-left:0}.card-demo--dense>.gummy-card__footer{border-top:0}.gummy-input__adornment{font-size:10px}.card-demo__actions{flex-direction:column;align-items:flex-start}.gummy-tabs__tab{padding-inline:10px;font-size:12px}.gummy-dialog__plane{min-height:240px;padding:28px 22px 24px}.gummy-dialog__actions{flex-direction:column-reverse;align-items:stretch}.gummy-dialog__actions .gummy-button{width:100%}.gummy-dialog__close--icon{top:19px;right:18px}.lab-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gummy-button:not(:disabled):active .gummy-button__body,.gummy-button:not(:disabled):hover .gummy-button__body,.gummy-button--preview-hover .gummy-button__body,.gummy-button[data-finish=translucent]:not(:disabled):hover .gummy-button__body:after,.gummy-button[data-finish=translucent]:focus-visible .gummy-button__body:after,.gummy-button[data-finish=translucent]:not(:disabled):active .gummy-button__body:before,.gummy-button[data-finish=translucent]:not(:disabled):active .gummy-button__body:after,.gummy-button[data-finish=translucent]:not(:disabled):active .gummy-button__content,.gummy-card--interactive:focus-visible,.gummy-card--preview-focus,.gummy-card--interactive:hover,.gummy-card--interactive:active,.gummy-input--preview-focus .gummy-input__control,.gummy-input__control{transform:none}.gummy-input__control:has(.gummy-input__field:focus-visible){transform:none}.gummy-button__spinner{border-style:dotted;animation:none}.gummy-badge,.gummy-badge:before,.gummy-badge:after,.gummy-card__frame,.gummy-card__frame-reservoir{filter:none;transform:none;animation:none!important}.gummy-tabs__indicator,.gummy-menu__popup,.gummy-dialog__popup{transform:none;animation:none!important}}