:where(:root,[data-theme=light]){--opt-fg:#000000e0;--opt-fg-muted:#3c3c439e;--opt-fg-faint:#3c3c434d;--opt-accent:#08f;--opt-green:#34c759;--opt-red:#ff383c;--opt-fill:#ffffffa8;--opt-fill-pressed:#ffffffeb;--opt-blur:6px;--opt-saturate:1.9;--opt-brightness:1.04;--opt-edge:#0000000f;--opt-shadow:0 8px 28px #00000014, 0 1px 3px #00000012;--opt-rim-opacity:1;--opt-glow:#ffffff8c;--opt-lens-fill:#ffffff1a;--opt-lens-shadow:0 10px 30px #00000024, 0 2px 6px #00000014;--opt-lens-edge:#00000012;--opt-lens-ring:#00000038;--opt-navigation-fill:#ffffff7a;--opt-selection-lens-fill:#ffffff24;--opt-selection-lens-edge:#2d303547;--opt-selection-lens-bevel:inset 0 3px 7px #2d30351a, inset 0 -1px 2px #fffc;--opt-selection-lens-brightness:1;--opt-switch-face-fade:1;--opt-panel-fill:#ffffff9e;--opt-menu-fill:#fafafcf0;--opt-panel-blur:28px;--opt-tab-selection:#00000012;--opt-segment-selection:#00000014;--opt-track:#78788042;--opt-rail:#78788033;--opt-block-well:#7878803d;--opt-block-lit:#fff;--opt-block-lit-fg:#000000c7;--opt-thumb:#fff;--opt-thumb-shadow:0 3px 8px #00000026, 0 1px 1px #0000000f, 0 0 0 .5px #0000000a;--opt-scrim:#0000002e;--opt-ring:#0088ff8c;--opt-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Inter", system-ui, sans-serif}:where([data-theme=dark]){--opt-fg:#fffffff5;--opt-fg-muted:#ebebf599;--opt-fg-faint:#ebebf54d;--opt-accent:#0091ff;--opt-green:#30d158;--opt-red:#ff4245;--opt-fill:#2c2c3080;--opt-fill-pressed:#5a5a608c;--opt-blur:8px;--opt-saturate:1.6;--opt-brightness:.96;--opt-edge:#ffffff17;--opt-shadow:0 8px 28px #00000061, 0 1px 3px #0000004d;--opt-rim-opacity:.62;--opt-glow:#ffffff29;--opt-lens-fill:#1c1c1e4d;--opt-lens-shadow:0 10px 30px #00000073, 0 2px 6px #0000004d;--opt-lens-edge:#ffffff1f;--opt-lens-ring:#ffffff4d;--opt-navigation-fill:var(--opt-fill);--opt-selection-lens-fill:#ffffff17;--opt-selection-lens-edge:#ffffff40;--opt-selection-lens-bevel:inset 0 0 0 transparent;--opt-selection-lens-brightness:1.06;--opt-switch-face-fade:.92;--opt-panel-fill:#1e1e219e;--opt-menu-fill:#26262af0;--opt-tab-selection:#0000005c;--opt-segment-selection:#ffffff24;--opt-track:#78788070;--opt-rail:#78788066;--opt-block-well:#7878804d;--opt-block-lit:#fff;--opt-block-lit-fg:#000000c7;--opt-thumb:#fff;--opt-thumb-shadow:0 3px 8px #0000004d, 0 1px 1px #00000029;--opt-scrim:#0006;--opt-ring:#0091ffb3}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])){--opt-fg:#fffffff5;--opt-fg-muted:#ebebf599;--opt-fg-faint:#ebebf54d;--opt-accent:#0091ff;--opt-green:#30d158;--opt-red:#ff4245;--opt-fill:#2c2c3080;--opt-fill-pressed:#5a5a608c;--opt-blur:8px;--opt-saturate:1.6;--opt-brightness:.96;--opt-edge:#ffffff17;--opt-shadow:0 8px 28px #00000061, 0 1px 3px #0000004d;--opt-rim-opacity:.62;--opt-glow:#ffffff29;--opt-lens-fill:#1c1c1e4d;--opt-lens-shadow:0 10px 30px #00000073, 0 2px 6px #0000004d;--opt-lens-edge:#ffffff1f;--opt-lens-ring:#ffffff4d;--opt-navigation-fill:var(--opt-fill);--opt-selection-lens-fill:#ffffff17;--opt-selection-lens-edge:#ffffff40;--opt-selection-lens-bevel:inset 0 0 0 transparent;--opt-selection-lens-brightness:1.06;--opt-switch-face-fade:.92;--opt-panel-fill:#1e1e219e;--opt-menu-fill:#26262af0;--opt-tab-selection:#0000005c;--opt-segment-selection:#ffffff24;--opt-track:#78788070;--opt-rail:#78788066;--opt-thumb-shadow:0 3px 8px #0000004d, 0 1px 1px #00000029;--opt-block-well:#7878804d;--opt-scrim:#0006;--opt-ring:#0091ffb3}}.opt-symbol{width:var(--opt-symbol-size,24px);height:var(--opt-symbol-size,24px);vertical-align:middle;pointer-events:none;background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.opt-glass{box-sizing:border-box;background-color:var(--opt-glass-fill,var(--opt-fill));-webkit-backdrop-filter:var(--opt-filter, ) blur(var(--opt-glass-blur,var(--opt-blur))) saturate(var(--opt-saturate)) brightness(var(--opt-brightness));backdrop-filter:var(--opt-filter, ) blur(var(--opt-glass-blur,var(--opt-blur))) saturate(var(--opt-saturate)) brightness(var(--opt-brightness));box-shadow:var(--opt-glass-shadow,var(--opt-shadow)), inset 0 0 0 .5px var(--opt-edge);-webkit-tap-highlight-color:transparent;transition:background-color .26s;position:relative}[data-opt-refract]{--opt-filter:var(--opt-refraction)}html[data-opt-scrolling] [data-opt-refract],[data-opt-refract][data-opt-offscreen],html[data-opt-quality=low] [data-opt-refract=surface]{--opt-filter:initial}.opt-glass:before{content:"";border-radius:inherit;background-image:var(--opt-rim,none);opacity:var(--opt-rim-opacity);pointer-events:none;z-index:0;background-size:100% 100%;position:absolute;inset:0}.opt-glass:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 85% 85% at var(--opt-x,50%) var(--opt-y,50%), var(--opt-glow), transparent);opacity:0;z-index:0;transition:opacity .36s;position:absolute;inset:0}.opt-glass[data-pressed]:after{opacity:1;transition-duration:80ms}.opt-glass>*{z-index:1;position:relative}@media (prefers-reduced-transparency:reduce){.opt-glass{--opt-fill:color-mix(in srgb, Canvas 92%, transparent)}}@media (prefers-reduced-motion:reduce){.opt-glass,.opt-glass:after{transition-duration:.01ms!important}}.opt-glass>.opt-mirror{pointer-events:none;border-radius:inherit;-webkit-mask-image:var(--opt-inner-mask);-webkit-mask-image:var(--opt-inner-mask);mask-image:var(--opt-inner-mask);inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;z-index:0!important;position:absolute!important}.opt-mirror__zoom{transform-origin:50%;position:absolute;inset:0}.opt-mirror *{transition:none!important;animation:none!important}.opt-mirror .opt-glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.opt-mirror .opt-glass:after{display:none}.opt-mirror__viewport{position:absolute;inset:0;overflow:hidden}.opt-glass.opt-glass--host{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}.opt-glass.opt-glass--host:before{background-image:var(--opt-rim,linear-gradient(transparent, transparent)), linear-gradient(var(--opt-host-tint,transparent), var(--opt-host-tint,transparent)), linear-gradient(var(--opt-glass-fill,var(--opt-fill)), var(--opt-glass-fill,var(--opt-fill)));-webkit-backdrop-filter:var(--opt-filter, ) blur(var(--opt-glass-blur,var(--opt-blur))) saturate(var(--opt-saturate)) brightness(var(--opt-brightness));backdrop-filter:var(--opt-filter, ) blur(var(--opt-glass-blur,var(--opt-blur))) saturate(var(--opt-saturate)) brightness(var(--opt-brightness));opacity:1;background-size:100% 100%;transition:background-color .26s}.opt-icon-button{border:1px solid var(--opt-edge);background:var(--opt-fill);width:42px;height:42px;color:var(--opt-fg);box-shadow:var(--opt-shadow),inset 0 1px 0 var(--opt-glow);-webkit-backdrop-filter:blur(14px)saturate(1.7);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,box-shadow .22s;display:inline-grid;position:relative}.opt-icon-button:hover{box-shadow:var(--opt-shadow),inset 0 1px 0 var(--opt-glow),0 0 0 3px color-mix(in srgb,var(--opt-accent) 10%,transparent);transform:translateY(-1px)}.opt-icon-button:active{transform:scale(.94)}.opt-icon-button:focus-visible,.opt-popover__trigger:focus-visible,.opt-checkbox input:focus-visible+.opt-checkbox__box{outline:3px solid var(--opt-ring);outline-offset:3px}.opt-icon-button>span{place-items:center;display:grid}.opt-icon-button--sm{width:34px;height:34px}.opt-icon-button--lg{width:50px;height:50px}.opt-icon-button--blue{color:var(--opt-accent)}.opt-icon-button--green{color:var(--opt-green)}.opt-icon-button--orange{color:#e58a20}.opt-icon-button--red{color:var(--opt-red)}.opt-toolbar{border:1px solid var(--opt-edge);background:var(--opt-fill);width:max-content;max-width:100%;box-shadow:var(--opt-shadow),inset 0 1px 0 var(--opt-glow);-webkit-backdrop-filter:blur(22px)saturate(1.8);border-radius:18px;align-items:center;gap:7px;padding:7px;display:flex}.opt-toolbar--vertical{flex-direction:column}.opt-popover{display:inline-block;position:relative}.opt-popover__trigger{border:1px solid var(--opt-edge);background:var(--opt-fill);color:var(--opt-fg);box-shadow:var(--opt-shadow),inset 0 1px 0 var(--opt-glow);-webkit-backdrop-filter:blur(18px)saturate(1.8);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;list-style:none;display:inline-flex}.opt-popover__trigger::-webkit-details-marker{display:none}.opt-popover__panel{z-index:20;border:1px solid var(--opt-edge);background:var(--opt-menu-fill);min-width:220px;color:var(--opt-fg);box-shadow:0 18px 48px #0002,inset 0 1px 0 var(--opt-glow);-webkit-backdrop-filter:blur(30px)saturate(1.8);border-radius:20px;padding:14px;animation:.18s cubic-bezier(.2,.8,.2,1) opt-popover-in;position:absolute;top:calc(100% + 9px);left:0}.opt-popover--center .opt-popover__panel{left:50%;transform:translate(-50%)}.opt-popover--end .opt-popover__panel{left:auto;right:0}@keyframes opt-popover-in{0%{opacity:0;translate:0 -5px;scale:.98}to{opacity:1;translate:0;scale:1}}.opt-progress{width:100%;color:var(--opt-fg);gap:8px;display:grid}.opt-progress__meta{color:var(--opt-fg-muted);font:500 12px/1.4 var(--opt-font);justify-content:space-between;gap:12px;display:flex}.opt-progress__meta output{color:var(--opt-fg);font-variant-numeric:tabular-nums}.opt-progress__track{border:1px solid var(--opt-edge);background:var(--opt-track);border-radius:999px;height:9px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0002}.opt-progress__fill{border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--opt-progress-tint,var(--opt-accent)) 78%,white),var(--opt-progress-tint,var(--opt-accent)));box-shadow:0 0 12px color-mix(in srgb,var(--opt-progress-tint,var(--opt-accent)) 35%,transparent);transition:width .42s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.opt-progress__shine{background:#ffffff9c;height:1px;position:absolute;inset:1px 0 auto}.opt-progress--green{--opt-progress-tint:var(--opt-green)}.opt-progress--orange{--opt-progress-tint:#e58a20}.opt-progress--red{--opt-progress-tint:var(--opt-red)}.opt-progress--neutral{--opt-progress-tint:#8b8b92}.opt-badge{border:1px solid var(--opt-edge);background:var(--opt-fill);min-height:23px;color:var(--opt-fg-muted);font:600 10px/1.2 var(--opt-font);letter-spacing:.01em;box-shadow:inset 0 1px 0 var(--opt-glow);-webkit-backdrop-filter:blur(12px)saturate(1.6);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.opt-badge>i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.opt-badge--blue{color:var(--opt-accent)}.opt-badge--green{color:var(--opt-green)}.opt-badge--orange{color:#e58a20}.opt-badge--red{color:var(--opt-red)}.opt-checkbox{cursor:pointer;color:var(--opt-fg);align-items:center;gap:11px;display:inline-flex}.opt-checkbox.is-disabled{opacity:.45;cursor:not-allowed}.opt-checkbox>input{opacity:0;width:1px;height:1px;position:absolute}.opt-checkbox__box{border:1px solid var(--opt-edge);background:var(--opt-fill);width:22px;height:22px;box-shadow:inset 0 1px 0 var(--opt-glow),0 2px 5px #0001;border-radius:7px;flex:none;place-items:center;transition:background .18s,border-color .18s,transform .18s;display:grid}.opt-checkbox__box svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:14px;height:14px;transition:opacity .16s,scale .18s;scale:.65}.opt-checkbox input:checked+.opt-checkbox__box{background:var(--opt-accent);box-shadow:0 2px 9px color-mix(in srgb,var(--opt-accent) 32%,transparent),inset 0 1px 0 #ffffff70;border-color:#0000}.opt-checkbox input:checked+.opt-checkbox__box svg{opacity:1;scale:1}.opt-checkbox__copy{gap:3px;display:grid}.opt-checkbox__copy strong{font:550 12px/1.35 var(--opt-font)}.opt-checkbox__copy small{color:var(--opt-fg-muted);font:400 10px/1.4 var(--opt-font)}.opt-divider{background:linear-gradient(90deg,transparent,var(--opt-edge) 12%,var(--opt-edge) 88%,transparent);border:0;height:1px;margin:14px 0}.opt-divider--inset{margin-left:16px;margin-right:16px}@media (prefers-reduced-motion:reduce){.opt-icon-button,.opt-progress__fill,.opt-checkbox__box,.opt-checkbox__box svg{transition:none}.opt-popover__panel{animation:none}}@media (prefers-reduced-transparency:reduce){.opt-icon-button,.opt-toolbar,.opt-popover__trigger,.opt-popover__panel,.opt-badge,.opt-checkbox__box{-webkit-backdrop-filter:none;color:canvastext;background:canvas}}.opt-button{--opt-h:44px;height:var(--opt-h);min-width:var(--opt-h);padding:0 calc(var(--opt-h) * .42);border-radius:calc(var(--opt-h) / 2);color:var(--opt-tint,var(--opt-fg));font-family:var(--opt-font);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;transform-origin:50%;will-change:scale, translate;border:0;justify-content:center;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.opt-button--sm{--opt-h:36px;gap:6px;font-size:14px}.opt-button--lg{--opt-h:52px;font-size:17px;font-weight:600}.opt-button[data-icon-only]{width:var(--opt-h);padding:0}.opt-button__icon{width:calc(var(--opt-h) * .48);height:calc(var(--opt-h) * .48);place-items:center;display:inline-grid}.opt-button__icon>:is(svg,.opt-symbol){width:100%;height:100%}.opt-button__label{align-items:center;gap:inherit;display:inline-flex}.opt-button[data-pressed]{background-color:var(--opt-fill-pressed);transition-duration:60ms}.opt-button--filled{--opt-glow:#ffffff3d}.opt-button:not([data-shimmer]):after{display:none}@media (hover:hover) and (pointer:fine){.opt-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--opt-fill) 70%, var(--opt-fill-pressed))}}.opt-button:focus-visible{outline:2px solid var(--opt-ring);outline-offset:3px}.opt-button:disabled{cursor:default;color:var(--opt-fg-faint)}.opt-button--clear{--opt-glass-fill:color-mix(in srgb, var(--opt-fill) 30%, transparent);--opt-glass-blur:1.5px}.opt-button--tinted{color:var(--opt-tint,var(--opt-accent))}.opt-button--tinted-filled{--opt-glass-fill:color-mix(in srgb, var(--opt-tint,var(--opt-tint-default,var(--opt-accent))) 26%, var(--opt-fill));color:var(--opt-tint,var(--opt-tint-default,var(--opt-accent)))}.opt-button--tinted-filled[data-pressed]{background-color:color-mix(in srgb, var(--opt-tint,var(--opt-tint-default,var(--opt-accent))) 30%, var(--opt-fill-pressed))}.opt-button[data-destructive]{--opt-tint-default:var(--opt-red)}.opt-button--glass[data-destructive],.opt-button--clear[data-destructive],.opt-button--tinted[data-destructive]{color:var(--opt-tint,var(--opt-red))}.opt-button--filled{--opt-glass-fill:var(--opt-tint,var(--opt-tint-default,var(--opt-accent)));color:#fff}.opt-button--filled[data-pressed]{background-color:color-mix(in srgb, var(--opt-tint,var(--opt-tint-default,var(--opt-accent))) 82%, #fff)}@media (hover:hover) and (pointer:fine){.opt-button--filled:hover:not(:disabled){background-color:color-mix(in srgb, var(--opt-tint,var(--opt-tint-default,var(--opt-accent))) 90%, #fff)}}.opt-button--filled:disabled{--opt-glass-fill:var(--opt-fill)}.opt-card.opt-glass{--opt-glass-fill:var(--opt-panel-fill);--opt-glass-blur:var(--opt-panel-blur);color:var(--opt-fg);font-family:var(--opt-font)}.opt-card--clear.opt-glass{--opt-glass-fill:color-mix(in srgb, var(--opt-fill) 35%, transparent);--opt-glass-blur:2px}.opt-card:after{display:none}.opt-input{width:100%;font-family:var(--opt-font);flex-direction:column;gap:6px;display:flex}.opt-input__label{color:var(--opt-fg-muted);padding-left:16px;font-size:13px;font-weight:500}.opt-input__field.opt-glass{height:44px;color:var(--opt-fg);cursor:text;will-change:scale, translate;border-radius:22px;align-items:center;gap:8px;padding:0 12px 0 14px;display:flex}.opt-input__field input{min-width:0;height:100%;color:inherit;caret-color:var(--opt-input-tint,var(--opt-accent));font:inherit;letter-spacing:-.02em;background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:16px}.opt-input__field input::placeholder{color:var(--opt-fg-muted)}.opt-input__field input::-webkit-search-cancel-button{-webkit-appearance:none}.opt-input__field input::-webkit-search-decoration{-webkit-appearance:none}.opt-input__icon{width:20px;height:20px;color:var(--opt-fg-muted);flex:none;place-items:center;display:grid}.opt-input__icon>:is(svg,.opt-symbol){width:100%;height:100%}.opt-input__clear{width:28px;height:28px;color:var(--opt-fg-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:-4px;padding:4px;animation:.38s cubic-bezier(.3,1.6,.5,1) opt-input-pop;display:grid}.opt-input__clear :is(svg,.opt-symbol){width:100%;height:100%}@keyframes opt-input-pop{0%{opacity:0;transform:scale(.4)}}.opt-input:has(input:disabled){opacity:.45}.opt-menu-anchor{flex:none;display:inline-flex;position:relative}.opt-menu-surface{z-index:50;color:var(--opt-fg);font-family:var(--opt-font);touch-action:none;position:absolute;top:0;right:0}.opt-menu-anchor[data-align=start] .opt-menu-surface{left:0;right:auto}.opt-menu.opt-glass{--opt-glass-fill:color-mix(in srgb, var(--opt-fill) 55%, transparent);--opt-glass-blur:12px;--opt-saturate:1.9;transform-origin:100% 0;pointer-events:none;transition:none;position:absolute;inset:0;box-shadow:0 18px 44px #0000002e,inset 0 0 0 .5px #fff9,inset 0 1px 1px #ffffffbf,inset 0 -1px 1px #ffffff40}.opt-menu-anchor[data-align=start] .opt-menu.opt-glass{transform-origin:0 0}.opt-menu:after{display:none}.opt-menu__content{z-index:1;box-sizing:border-box;transform-origin:100% 0;padding:6px;position:absolute;top:0;right:0}.opt-menu-anchor[data-align=start] .opt-menu__content{transform-origin:0 0;left:0;right:auto}.opt-menu__item{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:15px;display:flex}.opt-menu__item:hover,.opt-menu__item[data-active],.opt-menu__item:focus-visible{background:color-mix(in srgb, var(--opt-fg) 8%, transparent);outline:none}.opt-menu__item:disabled{opacity:.4;cursor:default}.opt-menu__item[data-destructive]{color:var(--opt-tint-default,#ff3b30)}.opt-menu__icon{flex:none;place-items:center;width:20px;height:20px;display:grid}.opt-menu__icon>:is(svg,.opt-symbol){width:100%;height:100%}.opt-menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.opt-menu__check{color:var(--opt-accent);flex:none;place-items:center;display:grid}.opt-track{--opt-pad:4px;--opt-item-h:54px;--opt-item-w:68px;--opt-lift:0;grid-auto-flow:column;grid-auto-columns:minmax(var(--opt-item-w), 1fr);padding:var(--opt-pad);font-family:var(--opt-font);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:50%;border-radius:999px;display:inline-grid;position:relative;overflow:visible}.opt-track__glass{--opt-glass-fill:var(--opt-navigation-fill);border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.opt-track[data-lifted]{z-index:10}.opt-track[data-lifted] .opt-track__glass:after{opacity:.7;transition-duration:.12s}.opt-track__item{height:var(--opt-item-h);min-width:0;font:inherit;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 10px;display:flex}.opt-track__item[aria-selected=true]{color:var(--opt-track-active,var(--opt-accent))}.opt-track[data-previewing] .opt-track__item{color:var(--opt-fg)}.opt-track[data-previewing] .opt-track__item[data-opt-preview]{color:var(--opt-track-active,var(--opt-accent))}.opt-track[data-lifted] .opt-nav__label{background:var(--opt-content-tint);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.opt-track[data-lifted] .opt-nav__icon>.opt-symbol{background:var(--opt-content-tint)}.opt-track__item{z-index:2;color:var(--opt-fg);cursor:pointer;-webkit-touch-callout:none;background:0 0;border:0;border-radius:999px;margin:0;position:relative}.opt-track[data-keyboard] .opt-track__item:focus-visible{outline:2px solid var(--opt-ring);outline-offset:-3px}.opt-track__lens,.opt-track__select{top:var(--opt-pad);left:var(--opt-pad);width:calc((100% - var(--opt-pad) * 2) / var(--opt-count));height:calc(100% - var(--opt-pad) * 2);pointer-events:none;transform:translateX(calc(100% * var(--opt-index)));border-radius:999px;position:absolute}.opt-track__lens.opt-glass{z-index:1;background-color:color-mix(in srgb, var(--opt-selection-lens-fill) calc(var(--opt-lift) * 100%), transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 calc(var(--opt-lift) * 8px) calc(var(--opt-lift) * 26px) rgb(0 0 0/calc(var(--opt-lift) * .18)), inset 0 0 0 .5px color-mix(in srgb, var(--opt-selection-lens-edge) calc(var(--opt-lift) * 45%), transparent), var(--opt-selection-lens-bevel);transition:none}.opt-track__lens.opt-glass:before{opacity:calc(var(--opt-lift) * .5);z-index:2}.opt-track__lens.opt-glass:after{display:none}.opt-track__select{z-index:1;background:var(--opt-track-selection);opacity:calc(1 - var(--opt-lift) * 2.2)}.opt-track__lens{opacity:0}.opt-track[data-lifted] .opt-track__lens.opt-glass{z-index:4}.opt-track[data-lifted] .opt-track__lens.opt-glass[data-opt-refract]{-webkit-backdrop-filter:var(--opt-filter, ) blur(.3px) saturate(1.5) brightness(var(--opt-selection-lens-brightness));backdrop-filter:var(--opt-filter, ) blur(.3px) saturate(1.5) brightness(var(--opt-selection-lens-brightness))}.opt-track:not([data-ready]) .opt-track__lens{transition:none}.opt-track--tabbar{--opt-item-h:60px;--opt-navigation-fill:var(--opt-fill);--opt-selection-lens-fill:#ffffff17;--opt-selection-lens-edge:#ffffff40;--opt-selection-lens-bevel:inset 0 0 0 transparent;--opt-selection-lens-brightness:1.06;--opt-track-selection:var(--opt-tab-selection);letter-spacing:.01em;font-size:10px;font-weight:600}.opt-track--tabbar:not(.opt-track--labels-only,.opt-track--icons-only) .opt-track__item{padding-bottom:3px}.opt-track--tabbar .opt-nav__icon{place-items:center;width:26px;height:26px;display:grid}.opt-track--tabbar .opt-nav__icon>:is(svg,.opt-symbol){width:100%;height:100%}.opt-track--tabbar .opt-nav__label{line-height:1.1}.opt-track--tabbar.opt-track--icons-only .opt-nav__icon{width:28px;height:28px}.opt-track--tabbar.opt-track--labels-only{--opt-item-h:44px;font-size:15px;font-weight:600}.opt-track--segmented{--opt-selection-lens-bevel:inset 0 0 0 transparent;--opt-pad:4px;--opt-item-h:36px;--opt-item-w:64px;--opt-track-selection:var(--opt-segment-selection);--opt-track-active:var(--opt-fg);letter-spacing:-.01em;font-size:15px;font-weight:500}.opt-track--segmented .opt-track__item{color:var(--opt-fg);flex-direction:row;gap:6px;padding:0 16px}.opt-track--segmented .opt-nav__icon{display:inline-flex}.opt-track--sm.opt-track--segmented{--opt-item-h:28px;--opt-pad:3px;font-size:13px}.opt-track[data-opt-copy]>.opt-track__item{color:var(--opt-track-active,var(--opt-accent))}.opt-track[data-opt-copy] .opt-nav__label{color:var(--opt-track-active,var(--opt-accent));-webkit-text-fill-color:currentColor;background:0 0}.opt-track[data-opt-copy] .opt-nav__icon>.opt-symbol{background:var(--opt-track-active,var(--opt-accent))}[data-opt-copy]>:is(.opt-track__glass,.opt-track__select){visibility:hidden}.opt-track[data-lifted]:not([data-opt-copy])>.opt-track__item :is(.opt-nav__label,.opt-nav__icon){-webkit-mask:var(--opt-content-hide,none);-webkit-mask:var(--opt-content-hide,none);mask:var(--opt-content-hide,none);-webkit-mask-composite:source-out, source-over, source-over, source-over;-webkit-mask-composite:source-out,source-over,source-over,source-over;mask-composite:subtract,add,add,add}.opt-track:not([data-lifted]) .opt-track__lens>.opt-mirror{visibility:hidden}.opt-sheet-layer{z-index:1000;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.opt-sheet__scrim{background:var(--opt-scrim);opacity:0;pointer-events:auto;position:absolute;inset:0}.opt-sheet.opt-glass{--opt-glass-fill:var(--opt-panel-fill);--opt-glass-blur:var(--opt-panel-blur);width:min(560px,100% - 16px);max-height:calc(100% - 64px);margin-bottom:max(8px, env(safe-area-inset-bottom));overscroll-behavior:contain;color:var(--opt-fg);font-family:var(--opt-font);pointer-events:auto;touch-action:pan-y;will-change:transform;border-radius:38px;outline:none;position:relative;overflow-y:auto;transform:translateY(110%)}.opt-sheet:after{display:none}.opt-sheet--detents.opt-glass{--opt-sheet-run:160px;width:min(640px,100%);height:calc(100% - 10px + var(--opt-sheet-run));max-height:none;margin-bottom:calc(-1 * var(--opt-sheet-run));padding-bottom:var(--opt-sheet-run);border-radius:38px 38px 0 0}.opt-sheet--detents:not([data-raised]){touch-action:none;overflow:hidden}.opt-sheet__grabber-zone{cursor:grab;touch-action:none;justify-content:center;padding:8px 0 4px;display:flex}.opt-sheet__grabber{background:var(--opt-fg-faint);border-radius:3px;width:36px;height:5px}.opt-sheet__content{padding:8px 24px 28px}.opt-slider{--opt-lift:0;--opt-over:0px;width:100%;height:38px;font-family:var(--opt-font);touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.opt-slider[data-lifted],.opt-slider[data-dragging]{z-index:10}.opt-slider__rail{background:var(--opt-rail);pointer-events:none;border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.opt-slider__fill{height:100%;width:calc(19px + (100% - 38px) * var(--opt-progress) + 19px * (min(0, var(--opt-progress) / .12 - 1) + max(0, (var(--opt-progress) - .88) / .12)));border-radius:inherit;background:var(--opt-slider-fill,var(--opt-accent));display:block}.opt-slider__thumb-slot{top:50%;left:calc(19px + (100% - 38px) * var(--opt-progress));translate:var(--opt-over) 0;pointer-events:none;z-index:1;width:0;height:0;position:absolute}.opt-slider__thumb.opt-glass{background-color:color-mix(in srgb, var(--opt-lens-fill) calc(var(--opt-lift) * 100%), transparent);-webkit-backdrop-filter:none;backdrop-filter:none;width:58px;height:38px;box-shadow:0 calc(2px + var(--opt-lift) * 8px) calc(6px + var(--opt-lift) * 20px) rgb(0 0 0/calc(.14 + var(--opt-lift) * .06)), 0 .5px 1px rgb(0 0 0/calc(.08 * (1 - var(--opt-lift)))), inset 0 0 0 .75px color-mix(in srgb, var(--opt-lens-ring) calc(var(--opt-lift) * 100%), transparent);will-change:scale;border-radius:999px;transition:none;position:absolute;top:-19px;left:-29px;scale:.655}.opt-slider[data-lifted] .opt-slider__thumb.opt-glass[data-opt-refract]{-webkit-backdrop-filter:var(--opt-filter, ) blur(.3px) saturate(1.6) brightness(1.08);backdrop-filter:var(--opt-filter, ) blur(.3px) saturate(1.6) brightness(1.08)}.opt-slider[data-mirror]>.opt-slider__rail{--x:calc(19px + (100% - 38px) * var(--opt-progress) + var(--opt-over));--r:calc(26px * var(--opt-lift));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--x) - var(--r)), transparent calc(var(--x) - var(--r)), transparent calc(var(--x) + var(--r)), #000 calc(var(--x) + var(--r)));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--x) - var(--r)), transparent calc(var(--x) - var(--r)), transparent calc(var(--x) + var(--r)), #000 calc(var(--x) + var(--r)));mask-image:linear-gradient(90deg, #000 calc(var(--x) - var(--r)), transparent calc(var(--x) - var(--r)), transparent calc(var(--x) + var(--r)), #000 calc(var(--x) + var(--r)))}.opt-slider__thumb.opt-glass:before{opacity:calc(var(--opt-lift) * 1.3);z-index:2}.opt-slider__face{border-radius:inherit;background:var(--opt-thumb);inset:0;position:absolute!important}.opt-slider__input{z-index:2;opacity:0;pointer-events:none;cursor:pointer;touch-action:none;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.opt-slider__input::-webkit-slider-thumb{-webkit-appearance:none;touch-action:none;width:38px;height:38px}.opt-slider__input::-moz-range-thumb{border:0;width:38px;height:38px}.opt-slider__input:focus{outline:none}:is(.opt-slider[data-keyboard]:has(.opt-slider__input:focus) .opt-slider__thumb,.opt-slider[data-keyboard]:has(.opt-slider__input:focus) .opt-slider__block){outline:2px solid var(--opt-ring);outline-offset:4px}.opt-slider:has(.opt-slider__input:disabled){opacity:.4;cursor:default}.opt-slider--block{height:52px}.opt-slider__block.opt-glass{--opt-glass-fill:var(--opt-block-well);--opt-glass-blur:14px;transform-origin:50%;will-change:scale, translate;border-radius:min(26px,50%);position:absolute;inset:0;overflow:hidden}.opt-slider__block-fill{background:var(--opt-slider-fill,var(--opt-block-lit));clip-path:inset(0 calc(100% - 100% * var(--opt-progress)) 0 0);inset:0;z-index:1!important;position:absolute!important}.opt-slider__block-content{color:var(--opt-fg);pointer-events:none;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:flex;inset:0;position:absolute!important}.opt-slider__block-content--lit{color:var(--opt-block-lit-fg)}.opt-slider__icon{place-items:center;width:20px;height:20px;display:grid}.opt-slider__icon>:is(svg,.opt-symbol){width:100%;height:100%}.opt-slider__value{font-variant-numeric:tabular-nums;opacity:.6;margin-left:auto}.opt-slider--block .opt-slider__input{touch-action:none}.opt-switch{--opt-lift:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:999px;flex:none;width:64px;height:28px;margin:0;padding:0;position:relative}.opt-switch:before{content:"";position:absolute;inset:-8px -6px}.opt-switch[data-lifted]{z-index:10}.opt-switch__track{border-radius:inherit;background:var(--opt-track);pointer-events:none;position:absolute;inset:0}.opt-switch[data-lifted]:not([data-opt-copy])>.opt-switch__track,.opt-switch[data-lifted]:not([data-opt-copy])>.opt-switch__fill{--a:clamp(0px, var(--opt-knob-x) - var(--opt-hole) - 7px, 100%);--b:clamp(0px, var(--opt-knob-x) - var(--opt-hole) + 5px, 100%);--c:clamp(0px, var(--opt-knob-x) + var(--opt-hole) - 5px, 100%);--d:clamp(0px, var(--opt-knob-x) + var(--opt-hole) + 7px, 100%);--gap:rgb(0 0 0/calc(1 - var(--opt-lift)));-webkit-mask-image:linear-gradient(90deg, #000 var(--a), var(--gap) var(--b), var(--gap) var(--c), #000 var(--d));-webkit-mask-image:linear-gradient(90deg, #000 var(--a), var(--gap) var(--b), var(--gap) var(--c), #000 var(--d));mask-image:linear-gradient(90deg, #000 var(--a), var(--gap) var(--b), var(--gap) var(--c), #000 var(--d))}.opt-switch__fill{border-radius:inherit;background:var(--opt-switch-on,var(--opt-green));opacity:0;pointer-events:none;position:absolute;inset:0}.opt-switch__thumb.opt-glass{pointer-events:none;transform-origin:50%;background-color:color-mix(in srgb, var(--opt-lens-fill) calc(var(--opt-lift) * 100%), transparent);-webkit-backdrop-filter:var(--opt-filter, ) blur(.3px) saturate(1.6) brightness(1.08);backdrop-filter:var(--opt-filter, ) blur(.3px) saturate(1.6) brightness(1.08);width:58px;height:38px;box-shadow:0 calc(2px + var(--opt-lift) * 8px) calc(6px + var(--opt-lift) * 20px) rgb(0 0 0/calc(.12 + var(--opt-lift) * .08)), 0 .5px 1px rgb(0 0 0/calc(.08 * (1 - var(--opt-lift)))), inset 0 0 0 .75px color-mix(in srgb, var(--opt-lens-ring) calc(var(--opt-lift) * 100%), transparent);will-change:transform;border-radius:999px;transition:none;position:absolute;top:50%;left:-8px;transform:translateY(-50%)scale(.655)}.opt-switch__thumb.opt-glass:before{opacity:calc(var(--opt-lift) * 1.3);z-index:2}.opt-switch__face{border-radius:inherit;background:var(--opt-thumb);opacity:calc(1 - var(--opt-lift) * var(--opt-switch-face-fade));inset:0;position:absolute!important}.opt-switch:focus{outline:none}.opt-switch[data-keyboard]:focus-visible{outline:2px solid var(--opt-ring);outline-offset:3px}.opt-switch:disabled{opacity:.4;cursor:default}:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--site-bg:#fff;--site-ink:#1d1d1f;--site-muted:#6e6e73;--site-faint:#86868b;--site-line:#00000014;--site-line-strong:#00000021;--site-panel:#fff;--site-panel-soft:#f5f5f7;--site-accent:#0071e3;--site-accent-soft:#0071e314;--site-mono:ui-monospace,SFMono-Regular,monospace;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:#1d1d1f;background:#fff;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #0071e3}::selection{background:#0071e32e}#root,.app-shell{min-height:100vh}.sidebar{z-index:50;border-right:1px solid var(--site-line);-webkit-backdrop-filter:saturate(180%)blur(24px);background:#ffffffe0;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border:0;border-bottom:1px solid var(--site-line);text-align:left;cursor:pointer;background:0 0;flex:none;align-items:center;gap:12px;height:76px;padding:0 25px;display:flex}.brand__mark{background:linear-gradient(145deg,#fff,#e9edf2);border:1px solid #0000001a;border-radius:10px;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 2px 5px #0000000f}.brand__mark span{border:1px solid #0071e399;border-radius:50%;width:15px;height:15px;position:absolute}.brand__mark span:nth-child(2){border-color:#0004;width:10px;height:10px;transform:translate(4px,3px)}.brand__mark span:nth-child(3){background:#0071e3;border:0;width:5px;height:5px;transform:translate(-4px,-4px)}.brand__word{color:#1d1d1f;letter-spacing:-.055em;flex-direction:column;gap:3px;font-size:17px;font-weight:650;line-height:1;display:flex}.brand__word>span{color:#0071e3}.brand__word small{color:#86868b;font:9px var(--site-mono);letter-spacing:.12em}.sidebar__scroll{flex-direction:column;flex:1;min-height:0;padding:22px 14px 16px;display:flex;overflow:auto}.side-group{margin-bottom:25px}.side-label{color:#86868b;font:10px var(--site-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;padding:0 10px}.side-label--button{cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;display:flex}.side-link{color:#515154;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:36px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:500;display:flex}.side-link>svg{color:#86868b;width:15px;height:15px}.side-link:hover{color:#1d1d1f;background:#f5f5f7}.side-link.is-active{color:#06c;background:#eaf3fc}.side-link.is-active>svg{color:#0071e3}.side-link__new{color:#0071e3;font:9px var(--site-mono);margin-left:auto}.side-category{margin:13px 0 7px}.side-category>p{color:#86868b;font:9px var(--site-mono);text-transform:uppercase;margin:0 0 5px;padding:0 10px}.side-link--component{min-height:30px;padding-left:12px;font-size:11px}.component-dot{border:1px solid #a1a1a6;border-radius:50%;width:5px;height:5px}.side-link--component.is-active .component-dot{background:#0071e3;border-color:#0071e3}.sidebar__foot{border-top:1px solid var(--site-line);color:#86868b;gap:8px;margin-top:auto;padding:17px 10px 0;font-size:10px;display:grid}.status-line{color:#6e6e73;align-items:center;gap:7px;font-size:10px;display:flex}.status-line>span{background:#30a46c;border-radius:50%;width:6px;height:6px}.app-main{min-height:100vh;margin-left:248px}.topbar{z-index:40;border-bottom:1px solid var(--site-line);-webkit-backdrop-filter:saturate(180%)blur(22px);background:#ffffffd9;justify-content:space-between;align-items:center;gap:16px;height:62px;padding:0 clamp(24px,4vw,64px);display:flex;position:sticky;top:0}.topbar__crumb{color:#86868b;align-items:center;gap:9px;font-size:12px;display:flex}.topbar__crumb strong{color:#515154;font-weight:500}.topbar__actions{align-items:center;gap:9px;display:flex}.search-trigger,.theme-button,.github-link{color:#515154;cursor:pointer;background:#fff;border:1px solid #00000017;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:34px;padding:0 11px;font-size:11px;display:flex}.search-trigger{background:#f5f5f7;border-color:#0000;justify-content:flex-start;min-width:190px}.search-trigger kbd{color:#86868b;font:10px var(--site-mono);margin-left:auto}.theme-button,.github-link{width:35px;padding:0}.page-content{width:min(100%,1160px);margin:0 auto;padding:64px clamp(26px,5vw,76px) 100px}.inner-page{max-width:1100px}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:44px;padding:40px 0 64px;display:grid}.hero-section__copy{max-width:550px}.eyebrow{color:#6e6e73;font:10px var(--site-mono);letter-spacing:.06em;align-items:center;gap:9px;display:flex}.eyebrow__line{background:#0071e3;width:18px;height:1px}.hero-section h1,.page-title h1{color:#1d1d1f;letter-spacing:-.065em;margin:20px 0 18px;font-size:clamp(42px,5.3vw,66px);font-weight:650;line-height:1.04}.hero-section h1 i,.page-title h1 i,.section-heading h2 i,.split-callout h2 i,.principle-row h2 i{color:#6e6e73;font-style:normal}.hero-section__lead,.page-title>p{color:#6e6e73;letter-spacing:-.015em;max-width:530px;margin:0;font-size:17px;line-height:1.65}.hero-section__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-section__meta{color:#86868b;flex-wrap:wrap;gap:17px;margin-top:25px;font-size:11px;display:flex}.hero-section__meta>span{align-items:center;gap:6px;display:flex}.meta-dot{background:#30a46c;border-radius:50%;width:6px;height:6px}.hero-art{background:linear-gradient(145deg,#f8fafc,#e8edf3);border-radius:28px;place-items:center;min-height:380px;display:grid;position:relative;overflow:hidden}.hero-art__grid{background-image:linear-gradient(#283c500b 1px,#0000 1px),linear-gradient(90deg,#283c500b 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.hero-art__orb{border-radius:50%;position:absolute}.hero-art__orb--one{background:radial-gradient(circle at 35% 30%,#fff 0 8%,#c8dff5 35%,#9cbfe3 62%,#0000 72%);width:220px;height:220px;top:25px;left:12%}.hero-art__orb--two{background:radial-gradient(circle at 35% 30%,#fff 0 8%,#f0dfe8 36%,#d4c2d6 64%,#0000 74%);width:200px;height:200px;bottom:10px;right:8%}.hero-window{z-index:1;width:min(90%,390px);color:#1d1d1f!important;background:#ffffff80!important;border:1px solid #ffffffd1!important;box-shadow:0 18px 55px #23304121,inset 0 1px #fff!important}.hero-window__bar{border-bottom:1px solid #0000000f;align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.hero-window__bar>span{background:#d1d1d6;border-radius:50%;width:7px;height:7px}.hero-window__bar small{color:#86868b;margin-left:auto;font-size:9px}.hero-window__content{grid-template-columns:1fr .8fr;gap:16px;padding:24px 20px;display:grid}.hero-window__copy h3{letter-spacing:-.06em;margin:14px 0 8px;font-size:27px;line-height:1.05}.hero-window__copy h3 i{color:#0071e3;font-style:normal}.hero-window__copy p{color:#6e6e73;font-size:10px;line-height:1.5}.hero-window__widget{background:#ffffff8f;border:1px solid #00000012;border-radius:13px;padding:13px}.widget-top,.widget-stat{justify-content:space-between;align-items:center;font-size:9px;display:flex}.widget-stat{color:#6e6e73;margin-top:24px}.widget-stat strong{color:#1d1d1f;font-size:23px}.widget-bars{align-items:end;gap:3px;height:35px;margin-top:8px;display:flex}.widget-bars i{background:#8ab6e2;border-radius:3px 3px 1px 1px;flex:1;height:55%}.widget-bars i:nth-child(3n){height:80%}.widget-bars i:nth-child(2n){height:45%}.hero-window__footer{color:#86868b;border-top:1px solid #0000000f;justify-content:space-between;padding:11px 16px;font-size:9px;display:flex}.intro-strip{border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);grid-template-columns:repeat(3,1fr);gap:24px;padding:25px 0 35px;display:grid}.intro-strip>div{align-items:flex-start;gap:15px;display:flex}.intro-strip__number{color:#0071e3;font:11px var(--site-mono)}.intro-strip strong{font-size:13px;font-weight:600}.intro-strip p{color:#86868b;margin:6px 0 0;font-size:11px;line-height:1.5}.section-block{padding:82px 0 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.section-heading h2,.split-callout h2,.principle-row h2{letter-spacing:-.055em;margin:14px 0 10px;font-size:clamp(30px,3.8vw,43px);font-weight:620;line-height:1.08}.section-heading p,.split-callout p,.principle-row__copy p{color:#6e6e73;font-size:13px;line-height:1.65}.text-link{color:#0071e3;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:12px;font-weight:500;display:inline-flex}.library-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.category-pills{flex-wrap:wrap;gap:5px;display:flex}.category-pill{color:#6e6e73;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;padding:7px 11px;font-size:10px}.category-pill:hover{background:#f5f5f7}.category-pill.is-active{color:#06c;background:#eaf3fc}.library-search{border:1px solid var(--site-line);color:#86868b;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.library-search input{color:#1d1d1f;background:0 0;border:0;outline:0;width:150px;font-size:11px}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.component-card{background:#fff;border:1px solid #00000014;border-radius:14px;transition:box-shadow .18s,border-color .18s,transform .18s;overflow:hidden}.component-card:hover{border-color:#0071e333;transform:translateY(-2px);box-shadow:0 9px 28px #0000000f}.component-card__visual{background:#f5f5f7;min-height:142px;padding:13px 15px}.component-card__top{color:#86868b;align-items:center;gap:7px;font-size:9px;display:flex}.component-card__top svg{margin-left:auto}.component-card__dot{background:#0071e3;border-radius:50%;width:5px;height:5px}.component-card__sample{place-items:center;min-height:92px;padding:14px 0;display:grid}.component-card__meta{border-top:1px solid var(--site-line);padding:14px 15px 15px}.component-card__meta h3{margin:0 0 6px;font-size:12px;font-weight:600}.component-card__meta p{color:#6e6e73;min-height:32px;margin:0;font-size:10px;line-height:1.5}.component-card__open{color:#0071e3;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:10px;display:flex}.split-callout{background:#f5f5f7;border-radius:22px;grid-template-columns:1fr .8fr;align-items:center;gap:40px;margin-top:85px;padding:36px;display:grid}.split-callout p{max-width:470px;margin-bottom:20px}.principle-row{grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:78px 0 0;display:grid}.principle-row__copy p{max-width:430px}.page-title{max-width:720px;margin:22px 0 42px}.page-title h1{margin-top:15px}.breadcrumb{color:#86868b;gap:9px;font-size:11px;display:flex}.breadcrumb strong{color:#515154;font-weight:500}.component-heading{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}.component-heading h1{letter-spacing:-.06em;margin:10px 0;font-size:40px}.component-heading__right{align-items:center;gap:15px;display:flex}.component-meta{color:#86868b;gap:18px;margin:17px 0 22px;font-size:10px;display:flex}.doc-preview{border:1px solid var(--site-line);background:#f5f5f7;border-radius:16px;overflow:hidden}.doc-preview__top{border-bottom:1px solid var(--site-line);color:#86868b;justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;display:flex}.doc-preview__tabs{gap:5px;display:flex}.doc-preview__tabs button,.install-tabs button{color:#6e6e73;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:10px}.doc-preview__tabs button.is-active,.install-tabs button.is-active{color:#1d1d1f;background:#fff;box-shadow:0 1px 3px #00000014}.preview-stage{background:linear-gradient(140deg,#e8edf3,#f7f8fa);place-items:center;min-height:190px;padding:25px;display:grid;position:relative;overflow:hidden}.preview-stage__ambient{position:absolute;inset:0}.preview-stage__ambient span{background:radial-gradient(circle at 35% 30%,#fff,#bfd5e9 60%,#0000 72%);border-radius:50%;width:180px;height:180px;position:absolute}.preview-stage__ambient span:first-child{top:-60px;left:8%}.preview-stage__ambient span:nth-child(2){background:radial-gradient(circle at 35% 30%,#fff,#e4cadc 60%,#0000 72%);bottom:-100px;right:10%}.preview-stage__content{z-index:1;position:relative}.preview-stage__label,.preview-stage__foot{color:#6e6e73;justify-content:space-between;gap:20px;font-size:9px;display:flex}.preview-stage__foot{margin-top:17px}.doc-section{margin-top:42px}.doc-section__heading{margin-bottom:15px}.doc-section__heading h2{letter-spacing:-.04em;margin:0 0 6px;font-size:20px}.doc-section__heading p{color:#6e6e73;margin:0;font-size:12px}.code-panel{color:#1d1d1f;background:#fafafa;border:1px solid #e5e5e7;border-radius:12px;overflow:hidden}.code-panel__top{color:#86868b;border-bottom:1px solid #e5e5e7;align-items:center;gap:12px;height:39px;padding:0 13px;display:flex}.code-panel__top>span{gap:5px;display:flex}.code-panel__top i{background:#d1d1d6;border-radius:50%;width:7px;height:7px}.code-panel__top small{font:10px var(--site-mono)}.code-panel pre{color:#333;font:11px/1.7 var(--site-mono);margin:0;padding:18px;overflow:auto}.copy-button{color:#6e6e73;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.props-table{border:1px solid var(--site-line);border-radius:12px;overflow:hidden}.props-table__row{border-top:1px solid var(--site-line);color:#6e6e73;grid-template-columns:.7fr 1.5fr .6fr;gap:15px;padding:12px 14px;font-size:11px;display:grid}.props-table__head{color:#86868b;text-transform:uppercase;letter-spacing:.06em;background:#f5f5f7;border-top:0;font-size:9px}.props-table code{color:#0071e3;font:11px var(--site-mono)}.usage-note{border:1px solid var(--site-line);background:#fafafa;border-radius:12px;gap:13px;margin-top:25px;padding:16px;display:flex}.usage-note__icon{color:#0071e3}.usage-note strong{font-size:11px}.usage-note p{color:#6e6e73;margin:5px 0;font-size:11px;line-height:1.55}.usage-note a{color:#0071e3;font-size:11px}.playground-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.playground-live{border:1px solid var(--site-line);background:#eef1f5;border-radius:18px;min-height:410px;padding:20px;position:relative;overflow:hidden}.playground-live__backdrop{background:linear-gradient(135deg,#e4edf6,#f5f5f7);position:absolute;inset:0;overflow:hidden}.playground-live__backdrop span{background:radial-gradient(circle at 35% 30%,#fff,#a8c9e8 58%,#0000 72%);border-radius:50%;width:250px;height:250px;position:absolute}.playground-live__backdrop span:first-child{top:-70px;left:-40px}.playground-live__backdrop span:nth-child(2){background:radial-gradient(circle at 35% 30%,#fff,#e4c9d9 58%,#0000 72%);bottom:-90px;right:-50px}.playground-live__backdrop span:nth-child(3){background:radial-gradient(circle at 35% 30%,#fff,#d8e7d9 58%,#0000 72%);width:160px;height:160px;bottom:4%;left:38%}.playground-live__backdrop span:nth-child(4){background:radial-gradient(circle at 35% 30%,#fff,#e7ddc9 58%,#0000 72%);width:130px;height:130px;top:3%;right:25%}.playground-live__header,.playground-live__footer{z-index:2;color:#6e6e73;justify-content:space-between;font-size:9px;display:flex;position:relative}.playground-live>.lg-surface{z-index:1;width:min(100%,400px);margin:100px auto 45px;position:relative;color:#1d1d1f!important;background:#ffffff80!important;border:1px solid #fffc!important;box-shadow:0 18px 40px #0000001a,inset 0 1px #fff!important}.playground-controls{border:1px solid var(--site-line);background:#fff;border-radius:15px;padding:18px}.controls-head{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.controls-head button{color:#0071e3;cursor:pointer;background:0 0;border:0;font-size:10px}.control-block{margin:17px 0}.control-block>label{color:#6e6e73;margin-bottom:10px;font-size:10px;display:block}.swatch-list{gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #0002}.swatch.is-active{box-shadow:0 0 0 2px #0071e3}.install-steps{gap:24px;display:grid}.install-step{border-top:1px solid var(--site-line);grid-template-columns:40px 1fr;gap:15px;padding:24px 0;display:grid}.install-step__num{color:#0071e3;font:12px var(--site-mono)}.install-step h2{letter-spacing:-.03em;margin:0 0 7px;font-size:17px}.install-step p{color:#6e6e73;margin:0 0 14px;font-size:12px;line-height:1.6}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.principles-grid article{border:1px solid var(--site-line);background:#fff;border-radius:14px;padding:22px}.principle-number{color:#86868b;font:9px var(--site-mono)}.principles-grid h2{letter-spacing:-.04em;margin:16px 0 7px;font-size:17px}.principles-grid p{color:#6e6e73;margin:0;font-size:11px;line-height:1.6}.principle-art{background:#f5f5f7;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:110px;margin-top:12px;display:flex}.principle-art--layers i{background:#b4cde88c;border:1px solid #ffffffe6;border-radius:12px;width:80px;height:48px;box-shadow:0 5px 15px #0000000f}.principle-art--type{color:#6e6e73;flex-direction:column;gap:2px;font-size:10px}.principle-art--type strong{color:#1d1d1f;font-size:38px}.principle-art--glow i{background:radial-gradient(circle,#d8e6f4,#0000 70%);border-radius:50%;width:75px;height:75px}.principle-art--motion i{background:#0071e31f;border:1px solid #0071e340;border-radius:50%;width:32px;height:32px}.site-footer{border-top:1px solid var(--site-line);color:#86868b;font:9px var(--site-mono);flex-wrap:wrap;align-items:center;gap:18px;padding:22px clamp(26px,5vw,76px);display:flex}.site-footer span:nth-child(2){margin-left:auto}.site-footer a{color:#0071e3}.search-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;place-items:start center;padding:15vh 20px 20px;display:grid;position:fixed;inset:0}.search-dialog{background:#fffffff5;border:1px solid #0002;border-radius:15px;width:min(560px,100%);overflow:hidden;box-shadow:0 22px 70px #0003}.search-dialog__input{border-bottom:1px solid var(--site-line);align-items:center;gap:10px;padding:17px;display:flex}.search-dialog__input input{color:#1d1d1f;background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-dialog__results{padding:12px}.search-dialog__label{color:#86868b;font:9px var(--site-mono);padding:5px 7px;display:block}.search-dialog__results>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 8px;display:flex}.search-dialog__results>button:hover{background:#f5f5f7}.search-dialog__results>button>span:nth-child(2){flex:1}.search-dialog__results strong{font-size:12px;display:block}.search-dialog__results small{color:#86868b;margin-top:3px;font-size:10px;display:block}.search-dialog__footer{border-top:1px solid var(--site-line);color:#86868b;gap:13px;padding:12px 16px;font-size:9px;display:flex}.search-dialog kbd{border:1px solid var(--site-line);font:9px var(--site-mono);background:#f5f5f7;border-radius:4px;padding:2px 5px}.muted,.demo-caption{color:#6e6e73}.demo-row,.demo-grid,.demo-settings{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-grid{flex-direction:column;align-items:stretch}.demo-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-settings{flex-direction:column;align-items:stretch;gap:12px;display:flex}.lg-surface,.lg-card,.lg-input-wrap,.lg-textarea,.lg-select,.lg-segmented,.lg-menu__panel,.lg-popover__panel,.lg-dialog,.lg-toast{color:#1d1d1f}@media (width<=1100px){.hero-section{grid-template-columns:1fr}.hero-art{min-height:330px}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-layout{grid-template-columns:1fr}.playground-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;display:grid}.controls-head{grid-column:1/-1}}@media (width<=760px){.sidebar{border-right:0;border-bottom:1px solid var(--site-line);width:auto;height:auto;position:static}.brand{height:60px}.sidebar__scroll,.sidebar__foot{display:none}.app-main{margin-left:0}.topbar{height:54px;padding:0 18px}.topbar__crumb{display:none}.topbar__actions{justify-content:flex-end;width:100%}.search-trigger{flex:1;min-width:0;max-width:220px;margin-right:auto}.page-content{padding:36px 20px 65px}.hero-section{gap:25px;padding:12px 0 38px}.hero-section h1,.page-title h1{font-size:43px}.hero-section__lead,.page-title>p{font-size:15px}.hero-art{min-height:280px}.intro-strip{grid-template-columns:1fr;gap:17px}.section-block{padding-top:58px}.section-heading{flex-direction:column;align-items:start}.library-toolbar{flex-direction:column;align-items:stretch}.component-grid,.principles-grid{grid-template-columns:1fr}.split-callout,.principle-row{grid-template-columns:1fr;margin-top:55px;padding:25px}.playground-controls{display:block}.props-table__row{grid-template-columns:.7fr 1.2fr .6fr;gap:8px;padding:10px;font-size:9px}.site-footer{padding:18px 20px}.site-footer span:nth-child(2){margin-left:0}.component-heading{flex-direction:column;align-items:flex-start}.component-heading h1{font-size:32px}.hero-window__content{grid-template-columns:1fr .8fr;padding:18px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lg-ink:#f5f6fa;--lg-muted:#a4a8b5;--lg-subtle:#747b8c;--lg-line:#ffffff1a;--lg-line-strong:#ffffff2e;--lg-panel:#ffffff0d;--lg-panel-raised:#ffffff14;--lg-panel-solid:#171b23;--lg-accent:#a6bbff;--lg-accent-soft:#97b1ff2e;--lg-good:#84d8b2;--lg-danger:#ff929d;--lg-warning:#f0c98a;--lg-font:inherit;--lg-shadow:0 18px 55px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lg-ink:#161a22;--lg-muted:#596171;--lg-subtle:#788091;--lg-line:#131a271a;--lg-line-strong:#131a272b;--lg-panel:#ffffff70;--lg-panel-raised:#ffffffad;--lg-panel-solid:#f5f7fb;--lg-accent:#526fca;--lg-accent-soft:#526fca1f;--lg-good:#197a55;--lg-danger:#bd4055;--lg-warning:#956318;--lg-shadow:0 18px 50px #232f491f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lg-surface,.lg-button,.lg-badge,.lg-input-wrap,.lg-textarea,.lg-segmented,.lg-menu__panel,.lg-popover__panel,.lg-dialog,.lg-toast,.lg-select{-webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(1.45);backdrop-filter:blur(var(--glass-blur,16px)) saturate(1.45)}.lg-surface{--glass-blur:18px;--glass-radius:24px;--glass-intensity:5;isolation:isolate;border:1px solid var(--lg-line);border-radius:var(--glass-radius);background:linear-gradient(145deg, #ffffff1a, transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--glass-tint,#fff) 8%, transparent), transparent 70%), #ffffff0d;color:var(--lg-ink);transition:border-color .22s,background-color .22s,box-shadow .22s;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000001f,0 12px 32px #0000001f}[data-theme=light] .lg-surface{background:linear-gradient(145deg, #ffffffd1, transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--glass-tint,#fff) 7%, transparent), transparent 70%), #ffffff7a;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #141e320f,0 14px 36px #222e4614}.lg-surface:before{content:"";border-radius:inherit;pointer-events:none;opacity:.8;z-index:-1;background:radial-gradient(120% 70% at 12% 0,#ffffff29,#0000 55%),linear-gradient(135deg,#ffffff14,#0000 42%);position:absolute;inset:0}.lg-surface--clear{-webkit-backdrop-filter:blur(6px)saturate(1.65);backdrop-filter:blur(6px)saturate(1.65);background:#ffffff08}.lg-surface.is-interactive:hover{border-color:var(--lg-line-strong);box-shadow:inset 0 1px #ffffff29,0 16px 38px #0000002b}.lg-surface--subtle{-webkit-backdrop-filter:blur(12px)saturate(1.25);backdrop-filter:blur(12px)saturate(1.25);background:#ffffff0a}[data-theme=light] .lg-surface--clear,[data-theme=light] .lg-surface--subtle{background:#ffffff52}@supports ((-webkit-backdrop-filter:url("#liquid-glass")) or (backdrop-filter:url("#liquid-glass"))){.lg-surface[data-optics=ready]{-webkit-backdrop-filter:var(--glass-filter) blur(var(--glass-blur,18px)) saturate(1.5);backdrop-filter:var(--glass-filter) blur(var(--glass-blur,18px)) saturate(1.5)}}@media (prefers-reduced-transparency:reduce){.lg-surface,.lg-surface--clear,.lg-surface--subtle,.lg-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--lg-panel-solid)}}.lg-card{min-width:0}.lg-card>:first-child{margin-top:0}.lg-card>:last-child{margin-bottom:0}.lg-button{--button-tint:var(--lg-accent);border:1px solid var(--lg-line-strong);min-height:42px;color:var(--lg-ink);font:600 13px/1 var(--lg-font);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff1a,#ffffff0a);border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:0 17px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,background .18s,box-shadow .18s,opacity .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 5px 16px #0000001a}.lg-button:before{content:"";border-radius:inherit;pointer-events:none;opacity:.75;background:linear-gradient(125deg,#ffffff1a,#0000 52%);position:absolute;inset:1px}.lg-button>*{position:relative}.lg-button:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff47;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 8px 24px #0000002b}.lg-button:active:not(:disabled){transform:translateY(0)scale(.975)}.lg-button:focus-visible,.lg-switch:focus-visible,.lg-checkbox:focus-visible,.lg-slider input:focus-visible,.lg-segmented__item:focus-visible,.lg-tabs__tab:focus-visible{outline:2px solid var(--lg-accent);outline-offset:3px}.lg-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.lg-button--sm{border-radius:12px;min-height:34px;padding:0 12px;font-size:12px}.lg-button--lg{border-radius:17px;min-height:50px;padding:0 21px;font-size:14px}.lg-button--primary{border-color:color-mix(in srgb, var(--button-tint) 52%, transparent);color:#101522;background:linear-gradient(180deg, color-mix(in srgb, var(--button-tint) 94%, white), var(--button-tint));box-shadow:inset 0 1px 0 #ffffffa6, 0 8px 24px color-mix(in srgb, var(--button-tint) 22%, transparent)}.lg-button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--button-tint) 88%, white)}.lg-button--tinted{border-color:color-mix(in srgb, var(--button-tint) 30%, transparent);background:color-mix(in srgb, var(--button-tint) 12%, transparent);color:var(--button-tint)}.lg-button--quiet{box-shadow:none;color:var(--lg-muted);background:0 0;border-color:#0000}.lg-button--quiet:before{display:none}.lg-button--danger{color:#ff9ca8;background:#ff748517;border-color:#ff74853d}.lg-button__icon{justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.lg-icon-button{width:42px;min-width:42px;padding:0}.lg-icon-button.lg-button--sm{width:34px;min-width:34px}.lg-icon-button.lg-button--lg{width:50px;min-width:50px}.lg-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite lg-spin}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-badge{border:1px solid var(--lg-line);min-height:25px;color:var(--lg-muted);letter-spacing:.015em;background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.lg-badge--blue{color:#b7c9ff;background:#8da7ff1c;border-color:#8da7ff38}.lg-badge--green{color:#91dfba;background:#6edca517;border-color:#6edca533}.lg-badge--pink{color:#e5a9c9;background:#e38bbb1a;border-color:#e38bbb33}.lg-badge--amber{color:#eac68f;background:#e6b77117;border-color:#e6b77133}.lg-badge--red{color:#ff9ca8;background:#ff748517;border-color:#ff748533}.lg-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px}.lg-avatar{color:#fff;background:linear-gradient(145deg,#5a688c,#2a344c);border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;font-weight:750;display:inline-grid;overflow:hidden;box-shadow:inset 0 1px #ffffff47}.lg-avatar img{object-fit:cover;width:100%;height:100%}.lg-divider{border:0;border-top:1px solid var(--lg-line);width:100%;height:1px;margin:0;display:block}.lg-divider--vertical{border:0;border-left:1px solid var(--lg-line);flex:none;width:1px;height:24px}.lg-field{gap:8px;min-width:0;display:grid}.lg-field__label{color:var(--lg-ink);font-size:12px;font-weight:650}.lg-field__hint,.lg-field__error{color:var(--lg-subtle);font-size:11px;line-height:1.5}.lg-field__error{color:var(--lg-danger)}.lg-input-wrap{border:1px solid var(--lg-line-strong);background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:0 13px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.lg-input-wrap:focus-within{border-color:color-mix(in srgb, var(--lg-accent) 65%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--lg-accent) 12%, transparent);background:#ffffff12}.lg-input-wrap--sm{border-radius:11px;min-height:36px}.lg-input-wrap--lg{border-radius:16px;min-height:54px}.lg-input-wrap.has-error{border-color:var(--lg-danger)}.lg-input-wrap input{width:100%;min-width:0;color:var(--lg-ink);font:500 13px/1.5 var(--lg-font);background:0 0;border:0;outline:0;padding:0}.lg-input-wrap input::placeholder,.lg-textarea::placeholder{color:var(--lg-subtle)}.lg-input-wrap__accessory{color:var(--lg-subtle);flex:none;display:inline-flex}.lg-input-clear{width:22px;height:22px;color:var(--lg-muted);cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;flex:none;font-size:17px}.lg-textarea{resize:vertical;border:1px solid var(--lg-line-strong);width:100%;min-height:106px;color:var(--lg-ink);font:500 13px/1.6 var(--lg-font);background:#ffffff0d;border-radius:14px;outline:0;padding:13px 14px;transition:border-color .18s,box-shadow .18s}.lg-textarea:focus{border-color:var(--lg-accent);box-shadow:0 0 0 3px var(--lg-accent-soft)}.lg-select-wrap{position:relative}.lg-select{border:1px solid var(--lg-line-strong);width:100%;min-height:44px;color:var(--lg-ink);font:600 12px var(--lg-font);appearance:none;background:#ffffff0d;border-radius:13px;outline:0;padding:0 36px 0 13px}.lg-select option{color:#111827;background:#fff}.lg-select-chevron{color:var(--lg-muted);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-60%)}.lg-switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.lg-switch-row__text{color:var(--lg-ink);gap:4px;font-size:13px;font-weight:600;display:grid}.lg-switch-row__text small{color:var(--lg-subtle);font-size:11px;font-weight:450}.lg-switch{border:1px solid var(--lg-line-strong);cursor:pointer;background:#ffffff1f;border-radius:999px;flex:none;width:48px;height:28px;padding:3px;transition:background .2s,border-color .2s;position:relative}.lg-switch.is-on{background:#63b995;border-color:#75cda761}.lg-switch:disabled{opacity:.4;cursor:not-allowed}.lg-switch__thumb{background:linear-gradient(#fff,#e3e7ee);border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.2,.85,.25,1.3);display:block;box-shadow:0 2px 5px #00000038,inset 0 1px #fff}.lg-switch.is-on .lg-switch__thumb{transform:translate(20px)}.lg-checkbox-row{color:var(--lg-ink);cursor:pointer;align-items:flex-start;gap:10px;display:inline-flex}.lg-checkbox{appearance:none;border:1px solid var(--lg-line-strong);cursor:pointer;background:#ffffff0d;border-radius:5px;flex:none;place-content:center;width:17px;height:17px;margin:1px 0 0;display:grid}.lg-checkbox:before{content:"✓";color:#131a28;font-size:12px;font-weight:900;transition:transform .1s;transform:scale(0)}.lg-checkbox:checked{border-color:var(--lg-accent);background:var(--lg-accent)}.lg-checkbox:checked:before{transform:scale(1)}.lg-checkbox__copy{gap:4px;font-size:12px;font-weight:600;display:grid}.lg-checkbox__copy small{color:var(--lg-subtle);font-size:11px;font-weight:450}.lg-slider{gap:10px;min-width:0;display:grid}.lg-slider__top{color:var(--lg-ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.lg-slider__top output{color:var(--lg-muted);font-family:DM Mono,monospace;font-size:11px}.lg-slider input{appearance:none;background:linear-gradient(90deg, var(--lg-accent) var(--slider-progress), #ffffff24 var(--slider-progress));cursor:pointer;border-radius:999px;outline:0;width:100%;height:5px}.lg-slider input::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg,#f9fbff,#b9c8eb);border:2px solid #ffffffb3;border-radius:50%;width:19px;height:19px;box-shadow:0 2px 9px #00000040,inset 0 1px #fff}.lg-slider input::-moz-range-thumb{background:#dce6ff;border:2px solid #ffffffb3;border-radius:50%;width:15px;height:15px;box-shadow:0 2px 9px #00000040}.lg-segmented{--segment-count:2;--segment-active:0;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border:1px solid var(--lg-line);background:#ffffff0d;border-radius:15px;gap:3px;padding:4px;display:grid;position:relative}.lg-segmented__thumb{width:calc((100% - 8px - (var(--segment-count) - 1) * 3px) / var(--segment-count));transform:translateX(calc(var(--segment-active) * (100% + 3px)));background:linear-gradient(#ffffff30,#ffffff14);border:1px solid #ffffff2e;border-radius:11px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 9px #0000001f,inset 0 1px #ffffff24}.lg-segmented__item{z-index:1;min-width:0;min-height:34px;color:var(--lg-subtle);font:600 11px var(--lg-font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}.lg-segmented__item[aria-pressed=true]{color:var(--lg-ink)}.lg-segmented--sm .lg-segmented__item{min-height:27px;font-size:10px}.lg-segmented__icon{display:inline-flex}.lg-tabs{gap:15px;display:grid}.lg-tabs__bar{border:1px solid var(--lg-line);background:#ffffff0a;border-radius:14px;align-items:center;gap:5px;width:fit-content;padding:4px;display:flex}.lg-tabs__tab{min-height:32px;color:var(--lg-muted);font:600 11px var(--lg-font);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 13px}.lg-tabs__tab[aria-selected=true]{color:var(--lg-ink);background:#ffffff1f;box-shadow:inset 0 1px #ffffff1a}.lg-tabs__panel{color:var(--lg-muted);font-size:13px;line-height:1.6}.lg-menu,.lg-popover{width:fit-content;position:relative}.lg-menu__panel,.lg-popover__panel{z-index:30;border:1px solid var(--lg-line-strong);min-width:205px;box-shadow:var(--lg-shadow);background:#1c212bf0;border-radius:17px;padding:6px;animation:.15s ease-out lg-pop-in;position:absolute;top:calc(100% + 9px)}[data-theme=light] .lg-menu__panel,[data-theme=light] .lg-popover__panel{background:#fafbfff5}.lg-menu__panel--start,.lg-popover__panel--start{left:0}.lg-menu__panel--end,.lg-popover__panel--end{right:0}.lg-menu__panel button{width:100%;min-height:36px;color:var(--lg-ink);font:550 12px var(--lg-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:0 10px;display:flex}.lg-menu__panel button:hover:not(:disabled){background:#ffffff17}.lg-menu__panel button:disabled{opacity:.35;cursor:not-allowed}.lg-menu__panel button.is-destructive{color:var(--lg-danger)}.lg-menu__panel kbd{color:var(--lg-subtle);font:10px DM Mono,monospace}.lg-popover__trigger{cursor:pointer;display:inline-flex}.lg-tooltip{display:inline-flex;position:relative}.lg-tooltip:after{content:attr(data-tooltip);z-index:40;border:1px solid var(--lg-line-strong);color:#f5f7fc;white-space:nowrap;opacity:0;pointer-events:none;background:#202633;border-radius:9px;padding:7px 10px;font-size:10px;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.lg-tooltip:hover:after,.lg-tooltip:focus-within:after{opacity:1;transform:translate(-50%)}.lg-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02040a94;place-items:center;padding:22px;animation:.16s ease-out lg-fade-in;display:grid;position:fixed;inset:0}.lg-dialog{width:min(100%,470px);max-height:min(86vh,760px);color:var(--lg-ink);background:#191e28f0;border:1px solid #ffffff2e;border-radius:24px;outline:none;padding:23px;animation:.2s cubic-bezier(.2,.8,.2,1) lg-dialog-in;overflow:auto;box-shadow:0 25px 90px #00000080,inset 0 1px #ffffff1f}[data-theme=light] .lg-dialog{background:#f9fafff5}.lg-dialog--sm{max-width:360px}.lg-dialog--lg{max-width:620px}.lg-dialog__top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.lg-dialog__top h2{letter-spacing:-.04em;margin:0;font-size:19px}.lg-dialog__top p{color:var(--lg-muted);margin:7px 0 0;font-size:12px;line-height:1.5}.lg-dialog__content{color:var(--lg-muted);padding:20px 0;font-size:13px;line-height:1.6}.lg-dialog__footer{border-top:1px solid var(--lg-line);justify-content:flex-end;gap:8px;padding-top:15px;display:flex}.lg-dialog-backdrop--sheet{align-items:end;padding:14px}.lg-dialog--sheet{border-radius:27px 27px 18px 18px;width:min(100%,720px);animation:.26s cubic-bezier(.2,.8,.2,1) lg-sheet-in}.lg-dialog--sheet-medium{max-height:min(66vh,620px)}.lg-dialog--sheet-large{max-height:min(90vh,820px)}.lg-progress-wrap{gap:9px;display:grid}.lg-progress-wrap__label,.lg-meter__label{color:var(--lg-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.lg-progress-wrap__label output,.lg-meter__label strong{color:var(--lg-ink);font:11px DM Mono,monospace}.lg-progress{background:#ffffff1a;border-radius:999px;height:7px;overflow:hidden}.lg-progress span{border-radius:inherit;background:linear-gradient(90deg,#89a5f7,#b7c8ff);height:100%;transition:width .25s;display:block;box-shadow:0 0 14px #92aeff4d}.lg-meter{gap:9px;display:grid}.lg-meter__segments{grid-template-columns:repeat(20,1fr);gap:3px;display:grid}.lg-meter__segments span{background:#ffffff1a;border-radius:3px;height:7px}.lg-meter__segments span.is-filled{background:#9bb3ff;box-shadow:0 0 8px #8da7ff38}.lg-skeleton{background:linear-gradient(100deg,#ffffff0d 15%,#ffffff1f 35%,#ffffff0d 55%) 0 0/220% 100%;border-radius:7px;min-height:14px;animation:1.5s ease-in-out infinite lg-shimmer}@keyframes lg-shimmer{to{background-position-x:-220%}}.lg-accordion{border-top:1px solid var(--lg-line)}.lg-accordion__item{border-bottom:1px solid var(--lg-line)}.lg-accordion__item h3{margin:0}.lg-accordion__item h3 button{width:100%;min-height:52px;color:var(--lg-ink);font:600 13px var(--lg-font);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 3px;display:flex}.lg-accordion__item h3 button span{color:var(--lg-subtle);font-size:19px}.lg-accordion__content{color:var(--lg-muted);padding:0 24px 18px 3px;font-size:12px;line-height:1.7;animation:.16s ease-out lg-fade-in}.lg-toasts{z-index:1200;pointer-events:none;gap:9px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.lg-toast{border:1px solid var(--lg-line-strong);box-shadow:var(--lg-shadow);color:var(--lg-ink);pointer-events:auto;background:#1c212bf2;border-radius:15px;align-items:center;gap:11px;padding:13px 14px;animation:.2s ease-out lg-toast-in;display:flex}[data-theme=light] .lg-toast{background:#fafbfff5}.lg-toast__mark{background:var(--lg-accent-soft);width:24px;height:24px;color:var(--lg-accent);border-radius:8px;place-items:center;font-weight:800;display:grid}.lg-toast--success .lg-toast__mark{color:var(--lg-good);background:#74d5a321}.lg-toast--error .lg-toast__mark{color:var(--lg-danger);background:#ff788c21}.lg-toast>span:nth-child(2){gap:3px;min-width:0;display:grid}.lg-toast strong{font-size:12px}.lg-toast small{color:var(--lg-muted);font-size:10px}.lg-toast button{color:var(--lg-subtle);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:18px}@keyframes lg-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes lg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lg-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes lg-sheet-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes lg-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lg-surface,.lg-button,.lg-switch__thumb,.lg-segmented__thumb,.lg-dialog,.lg-sheet-host .lg-dialog,.lg-skeleton,.lg-progress span,.lg-tooltip:after{transition-duration:.01ms!important;animation:none!important}}