@font-face{font-family:Geist;src:url(/liquid-glass-js/_astro/geist-sans-var.Bj2R_7yk.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/liquid-glass-js/_astro/geist-mono-var.Dispecij.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}.ps-theme{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:0;padding:3px;display:inline-flex;position:relative}.ps-theme__btn{z-index:1;width:30px;height:30px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;place-items:center;transition:color .18s;display:grid;position:relative}.ps-theme__btn:hover,.ps-theme__btn[aria-pressed=true]{color:var(--ink)}.ps-theme__thumb{background:var(--paper);width:30px;height:30px;transition:transform .24s var(--ease-in-out-quart);border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000024}.ps-theme[data-active=light] .ps-theme__thumb{transform:translate(0)}.ps-theme[data-active=system] .ps-theme__thumb{transform:translate(100%)}.ps-theme[data-active=dark] .ps-theme__thumb{transform:translate(200%)}@media (prefers-reduced-motion:reduce){.ps-theme__thumb{transition:none}}.ps-glass{border-radius:var(--g-radius);isolation:isolate;position:relative;overflow:hidden}.ps-glass__surface,.ps-glass__tint,.ps-glass__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ps-glass__tint{background:color-mix(in srgb, var(--paper) calc(var(--g-tint) * 1%), transparent)}.ps-glass__rim{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), inset 0 1px 1px #ffffff8c, inset 0 -1px 1px color-mix(in srgb, var(--ink) 12%, transparent), 0 14px 38px -14px #0000004d}.ps-glass__refract{inset:calc(-1 * var(--g-margin,28px));border-radius:inherit;position:absolute}.ps-glass__refract-inner{inset:var(--g-margin,28px);position:absolute}.ps-glass__content{z-index:1;pointer-events:none;height:100%;position:relative}.ps-nav{z-index:50;padding-top:10px;position:fixed;inset:0 0 auto}.ps-nav__bar{border-radius:20px}.ps-nav__inner{justify-content:space-between;align-items:center;gap:1.5rem;height:60px;padding-inline:clamp(1rem,3vw,1.5rem);display:flex}.ps-wordmark{letter-spacing:-.02em;align-items:center;gap:.6ch;font-size:1.02rem;font-weight:600;display:inline-flex}.ps-wordmark__mark{background:var(--rainbow);background-size:200%;border-radius:5px;width:16px;height:16px;animation:7s linear infinite ps-rainbow}.ps-nav__links{gap:1.7rem;display:none}.ps-nav__links a{color:var(--muted);font-size:.94rem;font-weight:500;transition:color .15s}.ps-nav__links a:hover{color:var(--ink)}.ps-nav__inner{pointer-events:auto}.ps-nav__right{align-items:center;gap:.9rem;display:flex}@media (width>=720px){.ps-nav__links{display:inline-flex}}@media (prefers-reduced-motion:reduce){.ps-wordmark__mark{animation:none}}.ps-footer{border-top:1px solid var(--line);background:var(--paper)}.ps-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:2.2rem;display:flex}.ps-footer__brand{letter-spacing:-.02em;align-items:center;gap:.6ch;font-weight:600;display:inline-flex}.ps-footer__mark{background:var(--rainbow);background-size:200%;border-radius:4px;width:14px;height:14px;animation:7s linear infinite ps-rainbow}.ps-footer__contact a{color:var(--muted);transition:color .15s}.ps-footer__contact a:hover{color:var(--ink)}.ps-footer__copy{border-top:1px solid var(--line);width:100%;color:var(--muted);margin-top:.4rem;padding-top:1.3rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){.ps-footer__mark{animation:none}}:root{color-scheme:light dark;--paper:light-dark(#fff,#0a0a0a);--surface:light-dark(#f6f6f4,#141414);--surface-2:light-dark(#eeeeec,#1c1c1c);--ink:light-dark(#0b0b0b,#f6f6f6);--muted:light-dark(#585856,#a1a1a1);--line:light-dark(#e7e7e3,#262626);--line-strong:light-dark(#d6d6d1,#383838);--inverse-bg:light-dark(#0b0b0b,#f6f6f6);--inverse-ink:light-dark(#fff,#0a0a0a);--paper-blur:light-dark(#ffffff8c,#0a0a0a94);--rainbow:linear-gradient(90deg, #ff5c5c, #ffae3d, #4ad991, #36c6ff, #8a7bff, #ff5ca8, #ff5c5c);--ps-aurora:radial-gradient(75% 65% at 8% -6%, #8a7bff9e, transparent 60%), radial-gradient(72% 60% at 94% 0%, #36c6ff8a, transparent 60%), radial-gradient(60% 55% at 52% -10%, #ff5ca870, transparent 62%), radial-gradient(95% 85% at 80% 112%, #786ef02e, transparent 72%);--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out-quart:cubic-bezier(.77, 0, .175, 1);--container:74rem;--radius:16px;--radius-sm:10px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:92px}body{background-color:var(--paper);background-image:var(--ps-aurora);color:var(--ink);font-family:var(--font-sans);font-size-adjust:from-font;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100dvh;line-height:1.55;display:flex}main{flex:1 0 auto}h1,h2,h3{letter-spacing:-.022em;text-wrap:balance;font-weight:600;line-height:1.04}p{text-wrap:pretty}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}@supports (scrollbar-color:auto){:root{scrollbar-color:var(--line-strong) transparent}}.ps-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.link-arrow{color:var(--ink);transition:gap .2s var(--ease-out-quart), opacity .15s ease;align-items:center;gap:.4ch;font-weight:500;display:inline-flex}.link-arrow:hover{opacity:.7;gap:.8ch}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ps-rainbow-text{background:var(--rainbow);color:#0000;background-size:200%;background-clip:text;animation:7s linear infinite ps-rainbow}@keyframes ps-rainbow{to{background-position:200%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ps-rainbow-text{animation:none}}.lgf{display:inline-block}.lgf__text{white-space:nowrap;font-family:var(--font-mono,ui-monospace, monospace);background:linear-gradient(115deg,#a897ff 0%,#56d3ff 30%,#7cf0c8 52%,#ffd36b 72%,#ff7bb0 100%) 0 0/240% 100%;color:#0000;background-clip:text;animation:16s ease-in-out infinite lgf-flow;display:inline-block}@keyframes lgf-flow{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.lgf__text{animation:none}}.sc{padding-block:clamp(7rem,16vh,11rem) 6rem}.sc__head{max-width:44rem;margin-bottom:4.5rem}.sc__title{margin:1.2rem 0 1rem;font-size:clamp(2.2rem,5.5vw,3.6rem)}.sc__sub{color:var(--muted);max-width:38ch;font-size:1.1rem}.sc__sub code{font-family:var(--font-mono);font-size:.95em}.rp-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.6rem;display:flex}.rp-toggle{color:var(--muted);cursor:pointer;user-select:none;align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.rp-toggle input{accent-color:#22a06b;cursor:pointer;width:15px;height:15px}.rp-legend{gap:.45rem;display:flex}.rp-legend[hidden]{display:none}.rp-chip{font:600 .68rem/1 var(--font-mono,monospace);color:#fff;letter-spacing:.03em;border-radius:6px;padding:4px 8px}.rp-chip--webgl,.rp-badge--webgl{background:#22a06b}.rp-chip--svg,.rp-badge--svg{background:#e0922f}.rp-chip--frost,.rp-badge--frost{background:#6b7280}.rp-overlay{z-index:9998;pointer-events:none;position:fixed;inset:0}.rp-badge{font:700 .64rem/1 var(--font-mono,monospace);color:#fff;letter-spacing:.05em;white-space:nowrap;border-radius:5px;outline:1px solid #ffffff47;padding:3px 6px;position:fixed;box-shadow:0 2px 8px #0006}.rp-badge--unknown{background:#444}.demo{border-top:1px solid var(--line);grid-template-columns:1fr;align-items:center;gap:1.6rem;padding-block:3.5rem;display:grid}@media (width>=820px){.demo{grid-template-columns:18rem 1fr;gap:3rem}}.demo__label h2{margin-bottom:.5rem;font-size:1.4rem}.demo__label p{color:var(--muted);max-width:28ch;font-size:.96rem}.demo__label p+p{margin-top:.9em}.lgfdemo{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:-.015em;font-size:clamp(2.6rem,7vw,4rem);font-weight:700;line-height:1.1}.lgfstage{--lgf-scene:radial-gradient(50% 80% at 20% 30%, #fff3 0%, transparent 55%), radial-gradient(45% 75% at 78% 68%, #0000002e 0%, transparent 55%), radial-gradient(60% 90% at 85% 30%, #ff5db1 0%, transparent 60%), radial-gradient(60% 90% at 15% 75%, #12d3ff 0%, transparent 60%), linear-gradient(115deg, #7b3cff 0%, #1f9dff 32%, #22e39b 55%, #ffc93f 78%, #ff5db1 100%);background:var(--lgf-scene);background-size:175% 175%;background-attachment:fixed;border-radius:16px;align-items:center;min-height:8.5rem;padding:1.4rem 1.8rem;animation:22s ease-in-out infinite alternate lgf-drift;display:flex;position:relative;overflow:hidden}.lgfstage .lgf .lgf__text{background:var(--lgf-scene);color:#0000;background-size:175% 175%;background-attachment:fixed;background-clip:text;animation:22s ease-in-out infinite alternate lgf-drift}@keyframes lgf-drift{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){.lgfstage,.lgfstage .lgf .lgf__text{animation:none}}.seg__glass>.ps-glass{width:100%;height:100%}.glassqr-mount{justify-content:center;display:flex}@media (width>=820px){.glassqr-mount{justify-content:flex-start}}.segs{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.seg{border:1px solid var(--line-strong);background:var(--surface);isolation:isolate;border-radius:999px;padding:4px;display:inline-block;position:relative}.seg__labels{grid-template-columns:repeat(var(--n), 1fr);display:inline-grid}.seg__opt{min-width:92px;font:500 .875rem/1 var(--font-sans);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:11px 22px;transition:color .2s}.seg__opt[aria-selected=true]{color:var(--ink)}.seg__opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:999px}.seg--two .seg__opt{min-width:72px}.seg__glass{z-index:1;width:calc((100% - 8px) / var(--n));transform:translateX(calc(var(--i) * 100%));pointer-events:none;border-radius:999px;transition:transform .3s cubic-bezier(.34,1.35,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 0 0 1px #fff3,0 4px 10px -4px #0000004d}.demo--paths{align-items:start}.credit{color:var(--muted);white-space:nowrap;margin-top:1rem;font-size:.85rem}.credit a,.howto__body a{color:var(--ink);text-underline-offset:2px}.aave-mark{vertical-align:-.12em;opacity:.9;width:auto;height:.9em;margin-right:.15em;display:inline-block}@media (width<=520px){.credit{white-space:normal}}.paths{gap:1rem;min-width:0;display:grid}.pathstage{--path-bd:linear-gradient(125deg, #6d5cff 0 5%, #2fb8ff 5% 10%, #16d6a6 10% 15%, #ffd23d 15% 20%, #ff5ca8 20% 25%, #6d5cff 25% 30%, #2fb8ff 30% 35%, #16d6a6 35% 40%, #ffd23d 40% 45%, #ff5ca8 45% 50%, #6d5cff 50% 55%, #2fb8ff 55% 60%, #16d6a6 60% 65%, #ffd23d 65% 70%, #ff5ca8 70% 75%, #6d5cff 75% 80%, #2fb8ff 80% 85%, #16d6a6 85% 90%, #ffd23d 90% 95%, #ff5ca8 95% 100%);background:var(--path-bd);background-position:50%;background-size:cover;background-attachment:fixed;border-radius:16px;flex-wrap:wrap;align-items:start;gap:1.25rem;padding:1.5rem;display:flex}.pcard{flex-direction:column;flex:200px;gap:.6rem;min-width:180px;margin:0;display:flex}.pcard figcaption{font:500 .8rem/1.35 var(--font-sans);color:#fff;text-shadow:0 1px 8px #0000008c}.pcard figcaption b{font-weight:700}.domcard,.glcard,.frostcard{width:100%;height:150px;position:relative}.domcard>.ps-glass,.glcard>.ps-glass,.frostcard>.ps-glass{width:100%;height:100%;position:absolute;inset:0}.pcard__label{font:600 .95rem/1 var(--font-sans);color:#fff;letter-spacing:-.01em;text-shadow:0 1px 10px #0000008c;place-items:center;display:grid;position:absolute;inset:0}.glcard__src{border-radius:20px;width:100%;height:100%;display:block;position:absolute;inset:0}.domcard__dom{box-sizing:border-box;color:#fff;background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 15px),repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 15px),linear-gradient(135deg,#2c2658,#182247 60%,#331f4d);flex-direction:column;justify-content:center;gap:.4rem;padding:1.1rem 1.2rem;display:flex;position:absolute;inset:0}.domcard__dom strong{letter-spacing:-.01em;font-size:.98rem}.domcard__dom p{color:#ffffffd1;margin:0;font-size:.85rem;line-height:1.5}.howto{border:1px solid var(--line);background:color-mix(in srgb, var(--surface,#16131d) 55%, transparent);border-radius:12px}.howto>summary{cursor:pointer;color:var(--ink);user-select:none;align-items:center;gap:.5rem;padding:.85rem 1.05rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.howto>summary::-webkit-details-marker{display:none}.howto__chevron{color:var(--muted);font-size:1.15em;line-height:1;transition:transform .2s}.howto[open] .howto__chevron{transform:rotate(90deg)}.howto__body{color:var(--muted);padding:0 1.05rem 1.05rem;font-size:.9rem;line-height:1.6}.howto__body p{max-width:62ch;margin:0 0 .8rem}.howto__body strong{color:var(--ink);font-weight:600}.howto__body ul{gap:.4rem;max-width:62ch;margin:0 0 .9rem;padding-left:1.1rem;display:grid}.howto__body code{font-family:var(--font-mono);color:var(--ink);font-size:.9em}.howto__demo{align-items:center;gap:1rem;margin:0 0 1.1rem;display:grid}@media (width>=600px){.howto__demo{grid-template-columns:210px minmax(0,1fr)}}.howto__fig-wrap{margin:0}.howto__fig{width:100%;max-width:220px;height:auto;color:var(--ink);display:block}.howto__fig-wrap figcaption{color:var(--muted);margin-top:.5rem;font-size:.76rem;line-height:1.45}.howto__code{background:color-mix(in srgb, var(--ink), transparent 94%);min-width:0;font:.76rem/1.6 var(--font-mono,ui-monospace, monospace);color:var(--ink);border-radius:8px;margin:0;padding:.85rem 1rem;overflow-x:auto}.howto__code code{white-space:pre;font-family:inherit;font-size:inherit}.domcard__dom a{color:#a9bcff;text-decoration:underline}.sld__thumb>.ps-glass,.sw__thumb>.ps-glass,.lens-stage__lens>.ps-glass{width:100%;height:100%}.sld{touch-action:none;cursor:grab;width:min(420px,100%);height:56px;position:relative}.sld:active{cursor:grabbing}.sld__track{background:linear-gradient(90deg,#8a7bff,#39d1f9 50%,#ff5ca8);border-radius:16px;position:absolute;inset:0;overflow:hidden}.sld__grid{background:repeating-linear-gradient(0deg,#ffffff38 0 1px,#0000 1px 12px),repeating-linear-gradient(90deg,#ffffff38 0 1px,#0000 1px 12px);position:absolute;inset:0}.sld__thumb{width:48px;height:44px;transform:translateX(var(--x,4px));pointer-events:none;will-change:transform;border-radius:16px;position:absolute;top:6px;left:0;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 0 0 1px #ffffff38,inset 0 -2px 4px #00000038,0 6px 16px -8px #0006}.sws{display:flex}.sw{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:104px;height:36px;padding:0;position:relative}.sw:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:18px}.sw__track{background:color-mix(in srgb, var(--surface), #8a7bff calc(var(--p,0) * 100%));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:18px;position:absolute;inset:0;overflow:hidden}.sw__thumb{width:40px;height:28px;transform:translateX(calc(var(--p,0) * 56px));pointer-events:none;will-change:transform;border-radius:14px;position:absolute;top:4px;left:4px;box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #ffffff40,inset 0 -2px 4px #00000038,0 4px 10px -5px #0006}.istack{flex-wrap:wrap;align-items:center;gap:2.5rem;display:flex}.isld{touch-action:none;cursor:grab;width:min(420px,100%);height:56px;position:relative}.isld:active{cursor:grabbing}.isld__track{background:linear-gradient(90deg,#8a7bff,#39d1f9 50%,#ff5ca8);border-radius:16px;position:absolute;inset:0;overflow:hidden}.isld__grid{background:repeating-linear-gradient(0deg,#ffffff38 0 1px,#0000 1px 12px),repeating-linear-gradient(90deg,#ffffff38 0 1px,#0000 1px 12px);position:absolute;inset:0}.isld__thumb{width:48px;height:44px;transform:translateX(var(--x,4px));pointer-events:none;will-change:transform;position:absolute;top:6px;left:0}.isw__thumb,.isld__thumb{z-index:2}.isld__bead,.isw__bead{transform-origin:50%;background:linear-gradient(#f7f7fb,#d5d5e4);border-radius:16px;transition:transform .3s cubic-bezier(.34,1.4,.5,1),background .28s,box-shadow .28s;position:absolute;inset:0;transform:scale(1);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -2px 5px #0000002e,0 6px 16px -8px #00000073}.isld.is-glass .isld__bead{background:0 0;transform:scale(1.14);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #ffffff3d,inset 0 -2px 6px #00000038,0 12px 24px -8px #0000007a}.isw{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:104px;height:36px;padding:0;position:relative}.isw:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:18px}.isw__track{background:color-mix(in srgb, var(--surface), #8a7bff calc(var(--p,0) * 100%));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:18px;position:absolute;inset:0;overflow:hidden}.isw__thumb{width:40px;height:28px;transform:translateX(calc(var(--p,0) * 56px));pointer-events:none;will-change:transform;position:absolute;top:4px;left:4px}.isw__bead{border-radius:14px}.isw.is-glass .isw__bead{background:0 0;transform:scale(1.16);box-shadow:inset 0 1px 1px #ffffff9e,inset 0 0 0 1px #ffffff42,inset 0 -2px 5px #00000038,0 9px 18px -6px #00000070}.wbtns{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.wbtn{cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;width:224px;height:60px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 1px #ffffff29,0 16px 36px -16px #0000008c}.wbtn:active{transform:translateY(1px)}.wbtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wbtn__svgbg{z-index:0;border-radius:inherit;background:linear-gradient(#ffffff29,#fff0 62%),radial-gradient(120% 80% at 50% 12%,#7d6ebe42,#7d6ebe00 70%),repeating-linear-gradient(0deg,#c3cdff12 0 1px,#0000 1px 13px),repeating-linear-gradient(90deg,#c3cdff12 0 1px,#0000 1px 13px),linear-gradient(#17131f,#0a0813);position:absolute;inset:0}.wbtn__label{z-index:2;font:600 .95rem/1 var(--font-sans);color:#fff;letter-spacing:-.01em;text-shadow:0 1px 12px #0009;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lens-stage{touch-action:none;border-radius:12px;width:min(560px,100%);height:280px;position:relative;overflow:hidden}.lens-stage__card{background:var(--ink);color:var(--paper);font-family:var(--font-sans);position:absolute;inset:0}.lcard__grid{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--paper) 14%, transparent) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--paper) 14%, transparent) 0 1px, transparent 1px 24px);position:absolute;inset:0}.lcard__tag{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 78%, transparent);border:1px solid color-mix(in srgb, var(--paper) 35%, transparent);border-radius:2px;padding:3px 7px;font-size:10px;position:absolute;top:24px;left:28px}.lcard__title{letter-spacing:.02em;margin:0;font-size:18px;font-weight:500;position:absolute;top:56px;left:28px}.lcard__sub{color:color-mix(in srgb, var(--paper) 50%, transparent);margin:0;font-size:11px;position:absolute;top:88px;left:28px}.lcard__swatches{gap:3px;display:flex;position:absolute;bottom:60px;left:28px}.lcard__swatches i{border:1px solid color-mix(in srgb, var(--paper) 18%, transparent);width:26px;height:17px;display:block}.lcard__swatches i:nth-child(5n+1){background:#8a7bff}.lcard__swatches i:nth-child(5n+2){background:#39d1f9}.lcard__swatches i:nth-child(5n+3){background:#ffb400}.lcard__swatches i:nth-child(5n+4){background:#ff5ca8}.lcard__swatches i:nth-child(5n+5){background:#5ce0a8}.lcard__time{font-family:var(--font-mono,ui-monospace, monospace);color:var(--paper);font-size:12px;position:absolute;bottom:26px;left:28px}.lens-stage__lens{cursor:default;will-change:transform;border-radius:60px;width:150px;height:150px;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #ffffff73,inset 0 0 0 1px #ffffff2e,inset 0 -3px 6px #0003,0 12px 30px -12px #00000073}.cfg{z-index:80;width:252px;color:var(--ink,#fff);background:color-mix(in srgb, var(--surface,#16131d) 82%, transparent);border:1px solid color-mix(in srgb, var(--ink,#fff), transparent 88%);backdrop-filter:blur(14px)saturate(1.2);user-select:none;border-radius:14px;font:12px/1.45 system-ui,sans-serif;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 16px 44px -16px #0009}.cfg__bar{border-bottom:1px solid color-mix(in srgb, var(--ink,#fff), transparent 90%);cursor:grab;touch-action:none;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.cfg__bar:active{cursor:grabbing}.cfg__title{letter-spacing:.01em;font-weight:600}.cfg__min{all:unset;cursor:pointer;width:20px;height:20px;color:var(--muted,#9a94a8);border-radius:6px;place-items:center;font-size:15px;line-height:1;display:grid}.cfg__min:hover{background:color-mix(in srgb, var(--ink,#fff), transparent 90%);color:var(--ink,#fff)}.cfg__body{grid-template-columns:minmax(0,1fr);gap:9px;padding:11px 12px;display:grid}.cfg.is-min .cfg__body{display:none}.cfg__seclabel{text-transform:uppercase;letter-spacing:.09em;color:var(--muted,#9a94a8);font-size:10px}.cfg__tabs{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.cfg__tab{all:unset;cursor:pointer;height:30px;color:var(--muted,#9a94a8);background:color-mix(in srgb, var(--ink,#fff), transparent 94%);border-radius:8px;place-items:center;display:grid}.cfg__tab svg{width:16px;height:16px;display:block}.cfg__tab:hover{color:var(--ink,#fff)}.cfg__tab[aria-selected=true]{color:var(--ink,#fff);background:#8a7bff57}.cfg__name{margin-top:-2px;font-size:12px;font-weight:600}.cfg__rows{gap:7px;min-width:0;display:grid}.cfg__row{grid-template-columns:54px 1fr 34px;align-items:center;gap:8px;display:grid}.cfg__k{color:var(--muted,#9a94a8);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cfg__v{text-align:right;font-variant-numeric:tabular-nums}.cfg__row input[type=range]{accent-color:#8a7bff;cursor:ew-resize;width:100%;min-width:0;height:4px}.cfg__foot{align-items:center;gap:7px;min-width:0;display:flex}.cfg__copy{margin-left:auto}.cfg__btn{all:unset;cursor:pointer;background:color-mix(in srgb, var(--ink,#fff), transparent 90%);color:var(--ink,#fff);border-radius:7px;padding:4px 9px;font-size:11px;font-weight:500}.cfg__btn:hover{background:#8a7bff52}@media (width<=640px){.cfg{display:none}}.ps-qr{perspective:50rem;touch-action:manipulation;display:inline-block}.ps-qr__tilt{transform-style:preserve-3d;will-change:transform}.ps-qr__stage{background:color-mix(in srgb, var(--ink,#0a0a0a) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink,#0a0a0a) 10%, transparent), inset 0 1px 1px #ffffff8c, 0 30px 70px -30px #00000073;border-radius:56px;padding:.75rem;position:relative}.ps-qr__box{border-radius:44px;position:relative;overflow:hidden}.ps-qr__color,.ps-qr__qr{width:100%;height:100%;display:block;position:absolute;inset:0}.ps-qr__color{z-index:1}.ps-qr__qr{z-index:2}.ps-qr__logo{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ps-qr__logo:focus-visible{outline:2px solid var(--ink,#0a0a0a);outline-offset:4px;border-radius:16px}.ps-qr__logo-rotator{transform-style:preserve-3d;will-change:transform}@media (prefers-reduced-motion:reduce){.ps-qr__tilt,.ps-qr__logo-rotator{transition:none}}@keyframes go2264125279{0%{opacity:0;transform:scale(0)rotate(45deg)}to{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes go3020080000{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes go463499852{0%{opacity:0;transform:scale(0)rotate(90deg)}to{opacity:1;transform:scale(1)rotate(90deg)}}@keyframes go1268368563{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes go1310225428{0%{opacity:0;transform:scale(0)rotate(45deg)}to{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes go651618207{0%{opacity:0;width:0;height:0}40%{opacity:1;width:6px;height:0}to{opacity:1;height:10px}}@keyframes go901347462{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.go4109123758{z-index:9999}.go4109123758>*{pointer-events:auto}@keyframes hintButtonFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes claude-pulse{0%,to{opacity:.6}50%{opacity:1}}#claude-agent-glow-border-inner{animation:2s ease-in-out infinite claude-pulse}@media (prefers-reduced-motion:reduce){#claude-agent-glow-border-inner{animation:none}}.gm-btns{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.gm-btn{cursor:pointer;isolation:isolate;will-change:width;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;height:56px;padding-inline:26px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 1px #ffffff29,0 16px 36px -16px #0000008c}.gm-btn:active{transform:translateY(1px)}.gm-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.gm-btn__bg{z-index:0;border-radius:inherit;position:absolute;inset:0}.gm-btn__label{z-index:2;white-space:nowrap;font:600 .95rem/1 var(--font-sans);color:#fff;letter-spacing:-.01em;text-shadow:0 1px 12px #0000008c;pointer-events:none;flex:none;align-items:center;gap:.5ch;display:inline-flex;position:relative}.gm-btn__label--in{animation:gm-label-in .3s var(--ease-out-quart) .13s both}.gm-btn__label--out{z-index:3;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gm-btn__label--out.is-gone{opacity:0;transition:opacity .13s,transform .24s cubic-bezier(.4,0,1,1);transform:translateY(-62%)}@keyframes gm-label-in{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.gm-presets{flex-wrap:wrap;gap:.55rem;margin-top:1.25rem;display:flex}.gm-preset{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);font:500 .8rem/1 var(--font-sans);cursor:pointer;border-radius:999px;padding:6px 12px;transition:color .16s,border-color .16s}.gm-preset:hover{color:var(--ink);border-color:var(--ink)}.gm-c{align-items:center;gap:.5ch;display:inline-flex}.gm-ic{flex:none;width:1.05em;height:1.05em;display:block}.gm-spin{transform-origin:50%;flex:none;width:1.02em;height:1.02em;animation:.72s linear infinite gm-spin;display:block}@keyframes gm-spin{to{transform:rotate(360deg)}}.gm-stage{--gm-scene:radial-gradient(70% 60% at 12% 8%, #7b3cff, transparent 60%), radial-gradient(65% 60% at 92% 18%, #1f9dff, transparent 60%), radial-gradient(85% 75% at 72% 100%, #ff5db1, transparent 62%), linear-gradient(135deg, #12d3ff 0%, #7b3cff 52%, #ff5db1 100%);background:var(--gm-scene);background-position:50%;background-size:cover;background-attachment:fixed;border-radius:16px;min-height:340px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.gm-dd{display:inline-block;position:relative}.gm-dd__trigger{cursor:pointer;height:44px;font:600 .9rem/1 var(--font-sans);color:#fff;backdrop-filter:blur(7px)saturate(1.2);background:#0b091285;border:0;border-radius:999px;align-items:center;gap:.55ch;padding-inline:18px;display:inline-flex;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff29,0 8px 20px -10px #0000008c}.gm-dd__trigger:focus-visible{outline-offset:3px;outline:2px solid #fff}.gm-dd__chev{transition:transform .3s var(--ease-out-quart)}.gm-dd__trigger[aria-expanded=true] .gm-dd__chev{transform:rotate(180deg)}.gm-dd__menu{z-index:20;isolation:isolate;border-radius:16px;width:250px;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 26px 54px -18px #0000009e}.gm-dd__menu[hidden]{display:none}.gm-dd__panel{border-radius:inherit;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff24}.gm-dd__bg{z-index:0;border-radius:inherit;background:var(--gm-scene);background-position:50%;background-size:cover;background-attachment:fixed;position:absolute;inset:0}.gm-dd__tint{z-index:1;border-radius:inherit;pointer-events:none;background:#0a081342;position:absolute;inset:0}.gm-dd__items{z-index:2;flex-direction:column;gap:2px;padding:8px;display:flex;position:relative}.gm-dd__item{text-align:left;color:#fff;width:100%;font:500 .9rem/1.1 var(--font-sans);cursor:pointer;text-shadow:0 1px 8px #00000073;background:0 0;border:0;border-radius:10px;align-items:center;gap:.7rem;padding:10px 12px;display:flex}.gm-dd__item:hover,.gm-dd__item:focus-visible{background:#ffffff26;outline:none}.gm-dd__item svg{opacity:.9;flex:none;width:16px;height:16px}@media (prefers-reduced-motion:reduce){.gm-btn{will-change:auto}.gm-btn__label--in{animation:none}.gm-btn__label--out.is-gone,.gm-dd__chev{transition:none}}.gshape-stage{background:radial-gradient(120% 90% at 50% 6%,#8a7bff2e,#0000 60%),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 22px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 22px),linear-gradient(160deg,#14121f,#0a0813);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.7rem;min-height:300px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.gshape-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem 1.9rem;display:flex}.gshape-mark{width:150px;height:150px;display:block}.gshape-bob{will-change:transform;animation:5.6s ease-in-out infinite gshape-bob;display:block}.gshape-bob:nth-child(2){animation-delay:-1.4s}.gshape-bob:nth-child(3){animation-delay:-2.8s}.gshape-bob:nth-child(4){animation-delay:-4.2s}.gshape-bob:nth-child(5){animation-delay:-.7s}.gshape-bob:nth-child(6){animation-delay:-3.5s}.gshape-row--fw{gap:1rem 1.05rem}.gshape-mark--fw{width:90px;height:90px}.gshape-caption{text-align:center;color:#fff9;max-width:42ch;margin:0;font-size:.85rem;line-height:1.5}.gshape-caption b{color:#ffffffe0;font-weight:600}@keyframes gshape-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.gshape-bob{animation:none}}.is-anim-off,.is-anim-off .lgf__text{animation-play-state:paused!important}.lgf__text{transition:opacity .22s ease-out}.lgf__text.is-pending{opacity:.72}@media (prefers-reduced-motion:reduce){.lgf__text{transition:none}}.emoji-stage{background:radial-gradient(90% 70% at 50% 118%,#8a7bff38,#0000 62%),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 22px),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 22px),linear-gradient(160deg,#14121f,#0a0813);border-radius:16px;min-height:320px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.emoji-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.emoji-glass{z-index:2;pointer-events:none;border-radius:22px;height:96px;position:absolute;top:20%;left:8%;right:8%;box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 1px #ffffff29,inset 0 -2px 8px #00000038,0 18px 36px -18px #00000080}.emoji-btn{z-index:3;cursor:pointer;height:52px;font:600 .95rem/1 var(--font-sans);color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff2e,#fff0 60%),linear-gradient(#4b3aa0,#2a1d5c);border:0;border-radius:999px;padding-inline:26px;transition:transform 90ms;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff29,0 12px 26px -12px #0000008c}.emoji-btn:active{transform:translate(-50%)translateY(1px)}.emoji-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.demo--emoji{gap:1.2rem}@media (width>=820px){.demo--emoji{grid-template-columns:1fr;gap:1.2rem}}.pathfx{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pathfx[data-pathfx=svg]{z-index:1}.pathfx[data-pathfx=frost]{z-index:2;filter:blur(5px)}.pathspawn{justify-content:center;margin-top:1.5rem;display:flex}.pathspawn__btn{cursor:pointer;height:50px;font:600 .95rem/1 var(--font-sans);color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff2e,#fff0 60%),linear-gradient(#4b3aa0,#2a1d5c);border:0;border-radius:999px;padding-inline:26px;transition:transform 90ms;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff29,0 12px 26px -12px #0000008c}.pathspawn__btn:active{transform:translateY(1px)}.pathspawn__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.perf__cols{grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.25rem;display:grid}.perf__col{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 40%, transparent);border-radius:14px;min-width:0;padding:1rem 1.1rem}.perf__meter{flex-direction:column;gap:.12rem;margin-bottom:.9rem;display:flex}.perf__meter.is-sampling .perf__fps{color:#8a7bff}.perf__mlabel{color:var(--muted);font-size:.8rem}.perf__fps{letter-spacing:-.02em;color:var(--ink);font-size:1.9rem;font-weight:600;line-height:1.1;transition:color .2s}.perf__fps b{font-variant-numeric:tabular-nums}.perf__ms{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.perf__grid{flex-wrap:wrap;gap:6px;display:flex}.perf-tile{border-radius:18px;width:240px;height:150px;overflow:hidden;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff1f,0 6px 16px -10px #00000073}.perf-tile canvas{display:block}.perf__controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem;font-size:.9rem;display:flex}.perf__ctl{user-select:none;align-items:center;gap:.5rem;display:inline-flex}.perf__ctl b{color:var(--ink);font-variant-numeric:tabular-nums;min-width:1.6ch}.perf__ctl input[type=range]{accent-color:#8a7bff;cursor:ew-resize}.perf__hint{color:var(--muted);font-size:.8rem}.perf__build{color:var(--muted);max-width:62ch;margin:1rem 0 0;font-size:.8rem}@media (width<=620px){.perf__cols{grid-template-columns:1fr}}.perf__sys{color:#ffffff80;flex-wrap:wrap;gap:.4rem 1.15rem;margin-top:1rem;font:500 .82rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.perf__sys [hidden]{display:none}.perf__stat b{color:#ffffffeb;font-weight:700}.perf__col{transition:opacity .3s}.perf[data-state=plain] [data-perf-col=glass]{opacity:.32}.perf[data-state=glass] [data-perf-col=plain]{opacity:.5}.perf__controls{flex-wrap:wrap;align-items:center;gap:.7rem 1.15rem}.perf__ctl input:disabled{opacity:.45;cursor:default}.perf__run{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#7b6cff,#b06cff);border:0;border-radius:.7rem;padding:.62rem 1.15rem;font:600 .95rem/1 inherit;transition:transform .12s,box-shadow .2s,opacity .2s;box-shadow:0 6px 20px -6px #7b6cffb3}.perf__run:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px #7b6cffd9}.perf__run:active{transform:translateY(0)}.perf__run:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.perf__status{color:#ffffffb8;align-items:center;gap:.85rem;margin-top:1rem;font:500 .9rem/1.3 inherit;display:flex}.perf__status[hidden]{display:none}.perf__statusText{white-space:nowrap}.perf__bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.perf__bar i{background:linear-gradient(90deg,#7b6cff,#b06cff);border-radius:3px;width:0;height:100%;transition:width .15s linear;display:block}.perf__verdict{color:#ffffffd1;background:#7b6cff17;border:1px solid #7b6cff38;border-radius:.8rem;margin-top:1rem;padding:.9rem 1.1rem;font:400 .95rem/1.55 inherit}.perf__verdict[hidden]{display:none}.perf__verdict b{color:#fff;font-weight:700}.perf__ctx{color:#ffffff6b;margin-top:.9rem;font:500 .8rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.perf__ctx:empty{display:none}.perfscene{border:1px solid var(--line);background:radial-gradient(120% 130% at 15% 0%, #7b6cff29, transparent 58%), radial-gradient(120% 130% at 100% 100%, #b06cff21, transparent 55%), color-mix(in srgb, var(--surface) 42%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:center;gap:.9rem;padding:1.35rem;display:flex}.perfcard{border-radius:16px;width:158px;height:100px;position:relative;overflow:hidden;box-shadow:0 10px 26px -14px #000000b3}.perfcard canvas{display:block}.perf__readout{align-items:baseline;gap:.5rem;margin-top:1.2rem;display:flex}.perf__readout .perf__fps{font-size:2.5rem}.perf__unit{color:var(--muted);font-size:.95rem}.perf__sub{color:var(--muted);min-height:2.7em;margin:.4rem 0 0;font:400 .88rem/1.5 inherit}.perf__sub b{color:var(--ink);font-variant-numeric:tabular-nums}.perf__controls{margin-top:1.1rem}.perf__toggle{cursor:pointer;user-select:none;color:var(--ink);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.perf__toggle input{accent-color:#8a7bff;cursor:pointer;width:1.05rem;height:1.05rem}.perf__ctl{align-items:center;gap:.55rem;display:inline-flex}.perf__ctl input[type=range]{accent-color:#8a7bff}.perf__ctl b{font-variant-numeric:tabular-nums;color:var(--ink);min-width:1.6ch}.perf.is-animating .perfscene{box-shadow:inset 0 0 0 1px #8a7bff66}.cfg__focus{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin-bottom:3px;display:grid}.cfg__focusbtn{all:unset;cursor:pointer;text-align:center;letter-spacing:.01em;color:var(--muted,#9a94a8);background:color-mix(in srgb, var(--ink,#fff), transparent 94%);border-radius:6px;padding:4px 0;font-size:10.5px;font-weight:600}.cfg__focusbtn:hover{color:var(--ink,#fff)}.cfg__focusbtn[aria-selected=true]{color:var(--ink,#fff);background:#8a7bff57}.cfg__focusbtn:disabled{opacity:.4;cursor:default}.cfg__row.is-dead{opacity:.38}.cfg__row.is-dead input{cursor:default}.perf__seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.perf__segbtn{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;padding:.5rem .9rem;font:600 .82rem/1 inherit;transition:background .15s,color .15s}.perf__segbtn+.perf__segbtn{border-left:1px solid var(--line)}.perf__segbtn:hover{color:var(--ink)}.perf__segbtn[aria-selected=true]{color:var(--ink);background:#8a7bff4d}.perf__tradeoffs{gap:.5rem;max-width:64ch;margin:1rem 0 0;padding:0;list-style:none;display:grid}.perf__tradeoffs li{color:var(--muted);padding-left:1.2rem;font-size:.9rem;line-height:1.5;position:relative}.perf__tradeoffs li:before{content:"→";color:#8a7bff;font-weight:700;position:absolute;left:0}.perf__tradeoffs b{color:var(--ink);font-weight:600}.perfcard__content{background-repeat:no-repeat;padding:15px 16px;position:absolute;inset:0}.perfcard__avatar{background:#ffffffe6;border-radius:50%;width:26px;height:26px;margin-bottom:10px;display:block}.perfcard__line{background:#ffffffd9;border-radius:4px;height:7px;margin-bottom:7px;display:block}.perfcard__line--title{width:72%}.perfcard__line--sub{opacity:.6;width:52%;height:6px;margin-bottom:12px}.perfcard__line--short{width:40%}.demo-sep{border-top:1px solid var(--line);margin-top:.5rem;padding-top:3.5rem}.demo-sep__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:.82rem;font-weight:600;display:block}.demo-sep__desc{color:var(--muted);max-width:46ch;margin:.5rem 0 0;font-size:.95rem}.demo-sep+.demo{border-top:0;padding-top:1.5rem}.lcard__drop{will-change:transform;width:140px;height:140px;margin-top:-70px;animation:4.5s ease-in-out infinite lcard-hover;position:absolute;top:50%;right:48px}@keyframes lcard-hover{0%,to{transform:translateY(-9px)rotate(-4deg)}50%{transform:translateY(9px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.lcard__drop{animation:none}}.lgf-fonts{flex-wrap:wrap;gap:.5rem;margin-top:1.3rem;display:flex}.lgf-fonts__opt{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:8px 15px;font-size:.88rem;line-height:1;transition:color .16s,border-color .16s}.lgf-fonts__opt:hover{color:var(--ink)}.lgf-fonts__opt[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.lgf-fonts__opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.lgf-fonts__opt[data-lgf-font=mono]{font-family:var(--font-mono,ui-monospace, monospace);font-weight:600}.lgf-fonts__opt[data-lgf-font=serif],.lgfdemo[data-font=serif]{font-family:ui-serif,Georgia,Times New Roman,serif}.lgf-fonts__opt[data-lgf-font=black],.lgfdemo[data-font=black]{font-family:var(--font-sans,system-ui);font-weight:900}.lgf-fonts__opt[data-lgf-font=script],.lgfdemo[data-font=script]{font-family:Snell Roundhand,Apple Chancery,Segoe Script,Brush Script MT,cursive}.lgfdemo[data-font=black]{letter-spacing:-.03em}.lgfdemo[data-font=script]{letter-spacing:0}.lgf__text[contenteditable]{cursor:text;caret-color:#fff;outline:none}.lgf__text[contenteditable]:focus-visible{outline-offset:10px;border-radius:6px;outline:2px dashed #ffffff73}.lgfdemo[data-font] .lgf__text{letter-spacing:inherit;font-family:inherit;font-weight:inherit}