[data-sileo-viewport] *,[data-sileo-viewport] *:before,[data-sileo-viewport] *:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-sileo-viewport] button{font:inherit;background-color:transparent;border-radius:0}[data-sileo-viewport]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--sileo-spring-easing: linear( 0, .002 .6%, .007 1.2%, .015 1.8%, .026 2.4%, .041 3.1%, .06 3.8%, .108 5.3%, .157 6.6%, .214 8%, .467 13.7%, .577 16.3%, .631 17.7%, .682 19.1%, .73 20.5%, .771 21.8%, .808 23.1%, .844 24.5%, .874 25.8%, .903 27.2%, .928 28.6%, .952 30.1%, .972 31.6%, .988 33.1%, 1.01 35.7%, 1.025 38.5%, 1.034 41.6%, 1.038 45%, 1.035 50.1%, 1.012 64.2%, 1.003 73%, .999 83.7%, 1 );--sileo-duration: .6s;--sileo-height: 40px;--sileo-width: 350px;--sileo-state-success: oklch(.723 .219 142.136);--sileo-state-loading: oklch(.556 0 0);--sileo-state-error: oklch(.637 .237 25.331);--sileo-state-warning: oklch(.795 .184 86.047);--sileo-state-info: oklch(.685 .169 237.323);--sileo-state-action: oklch(.623 .214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:transparent;padding:0;margin:0;box-sizing:border-box;font:inherit;line-height:1.5;width:var(--sileo-width);height:var(--_h, var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px, 0px);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0px);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-layer=current]:not(:only-child),[data-sileo-header-inner][data-exiting=true]{will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone, currentColor);background-color:var(--sileo-tone-bg, transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone, currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c: var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c: var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c: var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c: var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c: var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c: var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone: var(--_c);--sileo-tone-bg: color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co, 0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true] [data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color, currentColor);background-color:var(--sileo-btn-bg, transparent);transition:background-color .15s ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover, transparent)}[data-sileo-button][data-state]{--sileo-btn-color: var(--_c);--sileo-btn-bg: color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover: color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(360deg)}}@keyframes sileo-header-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0px)}}@keyframes sileo-header-exit{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translate(-50%);align-items:center}@media(prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media(prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] *:before,[data-sileo-viewport] *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:#00000080}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:#ffffff80}body{margin:0}[data-v-29a41906]:host{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fafafa;color:#1a1a1a;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page[data-v-29a41906]{text-align:center;max-width:680px;padding:40px 24px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:#1a1a1a}.hero[data-v-29a41906]{margin-bottom:48px}.hero h1[data-v-29a41906]{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px;color:#111}.subtitle[data-v-29a41906]{font-size:1.05rem;line-height:1.6;color:#6b7280;max-width:480px;margin:0 auto 8px}.credit[data-v-29a41906]{font-size:.85rem;color:#9ca3af}.credit a[data-v-29a41906]{color:#6b7280;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.credit a[data-v-29a41906]:hover{color:#111}.install-box[data-v-29a41906]{display:inline-flex;align-items:center;gap:12px;padding:10px 14px 10px 18px;margin-top:20px;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem}.install-prompt[data-v-29a41906]{color:#a1a1aa;-webkit-user-select:none;user-select:none}.install-cmd[data-v-29a41906]{color:#27272a;font-weight:500}.install-copy[data-v-29a41906]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #e4e4e7;background:#fff;color:#71717a;cursor:pointer;transition:all .15s;padding:0}.install-copy[data-v-29a41906]:hover{background:#f4f4f5;color:#27272a}.hero-links[data-v-29a41906]{margin-top:12px;display:flex;justify-content:center;gap:16px}.hero-links a[data-v-29a41906]{font-size:.85rem;font-weight:600;color:#18181b;text-decoration:none;transition:color .15s}.hero-links a[data-v-29a41906]:hover{color:#6366f1}.playground[data-v-29a41906]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;margin-bottom:32px}.section h2[data-v-29a41906]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:6px}.hint[data-v-29a41906]{font-size:.85rem;color:#b0b0b0;margin-bottom:16px}.divider[data-v-29a41906]{height:1px;background:#f0f0f0;margin:24px 0}.pill-group[data-v-29a41906]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pill[data-v-29a41906]{padding:8px 18px;border:1px solid #e5e7eb;border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;background:#fff;color:#374151;transition:all .15s ease}.pill[data-v-29a41906]:hover{border-color:#d1d5db;background:#f9fafb}.pill.active[data-v-29a41906]{background:#111;color:#fff;border-color:#111}.pill.type[data-v-29a41906]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.pill.type[data-v-29a41906]:active{transform:translateY(0)}.pill.type.success[data-v-29a41906]{border-color:#bbf7d0;color:#16a34a}.pill.type.success[data-v-29a41906]:hover{background:#f0fdf4}.pill.type.error[data-v-29a41906]{border-color:#fecaca;color:#dc2626}.pill.type.error[data-v-29a41906]:hover{background:#fef2f2}.pill.type.warning[data-v-29a41906]{border-color:#fed7aa;color:#ea580c}.pill.type.warning[data-v-29a41906]:hover{background:#fff7ed}.pill.type.info[data-v-29a41906]{border-color:#bfdbfe;color:#2563eb}.pill.type.info[data-v-29a41906]:hover{background:#eff6ff}.pill.type.action[data-v-29a41906]{border-color:#ddd6fe;color:#7c3aed}.pill.type.action[data-v-29a41906]:hover{background:#f5f3ff}.pill.type.promise[data-v-29a41906]{border-color:#a5f3fc;color:#0891b2}.pill.type.promise[data-v-29a41906]:hover{background:#ecfeff}.footer[data-v-29a41906]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.8rem;color:#9ca3af}.footer a[data-v-29a41906]{color:#6b7280;text-decoration:none;transition:color .15s}.footer a[data-v-29a41906]:hover{color:#111}.dot[data-v-29a41906]{width:3px;height:3px;border-radius:50%;background:#d1d5db}