@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1icgra-w5i50b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}._2Q5mAq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:normal;font-weight:400}._2Q5mAq_variable{--font-instrument-serif:"Instrument Serif", "Instrument Serif Fallback"}
:root[data-base-accent=quill]{--base-accent-light-background:#fff;--base-accent-light-foreground:#0a0a0a;--base-accent-light-card:#fff;--base-accent-light-cardForeground:#0a0a0a;--base-accent-light-popover:#fff;--base-accent-light-popoverForeground:#0a0a0a;--base-accent-light-secondary:#f5f5f5;--base-accent-light-secondaryForeground:#171717;--base-accent-light-muted:#f5f5f5;--base-accent-light-mutedForeground:#707070;--base-accent-light-accent:#f5f5f5;--base-accent-light-accentForeground:#171717;--base-accent-light-destructive:#e7000b;--base-accent-light-destructiveSurface:#e7000b;--base-accent-light-border:#e5e5e5;--base-accent-light-input:#e5e5e5;--base-accent-light-inputSurface:transparent;--base-accent-light-overlay:#00000080;--base-accent-light-primary:#171717;--base-accent-light-primaryForeground:#fafafa;--base-accent-light-ring:#a1a1a1;--base-accent-light-ringSoft:#a1a1a180;--base-accent-light-actionText:#fafafa;--base-accent-dark-background:#0a0a0a;--base-accent-dark-foreground:#fafafa;--base-accent-dark-card:#171717;--base-accent-dark-cardForeground:#fafafa;--base-accent-dark-popover:#171717;--base-accent-dark-popoverForeground:#fafafa;--base-accent-dark-secondary:#262626;--base-accent-dark-secondaryForeground:#fafafa;--base-accent-dark-muted:#262626;--base-accent-dark-mutedForeground:#a1a1a1;--base-accent-dark-accent:#404040;--base-accent-dark-accentForeground:#fafafa;--base-accent-dark-destructive:#ff6467;--base-accent-dark-destructiveSurface:#ff646799;--base-accent-dark-border:#ffffff1a;--base-accent-dark-input:#ffffff26;--base-accent-dark-inputSurface:#ffffff0b;--base-accent-dark-overlay:#00000080;--base-accent-dark-primary:#e5e5e5;--base-accent-dark-primaryForeground:#171717;--base-accent-dark-ring:#737373;--base-accent-dark-ringSoft:#73737380;--base-accent-dark-actionText:#171717}:root[data-base-accent=tide]{--base-accent-light-background:#fff;--base-accent-light-foreground:#0a0a0a;--base-accent-light-card:#fff;--base-accent-light-cardForeground:#0a0a0a;--base-accent-light-popover:#fff;--base-accent-light-popoverForeground:#0a0a0a;--base-accent-light-secondary:#f5f5f5;--base-accent-light-secondaryForeground:#171717;--base-accent-light-muted:#f5f5f5;--base-accent-light-mutedForeground:#707070;--base-accent-light-accent:#f5f5f5;--base-accent-light-accentForeground:#171717;--base-accent-light-destructive:#e7000b;--base-accent-light-destructiveSurface:#e7000b;--base-accent-light-border:#e5e5e5;--base-accent-light-input:#e5e5e5;--base-accent-light-inputSurface:transparent;--base-accent-light-overlay:#00000080;--base-accent-light-primary:#0371d0;--base-accent-light-primaryForeground:#fafafa;--base-accent-light-ring:#132030;--base-accent-light-ringSoft:#13203080;--base-accent-light-actionText:#fafafa;--base-accent-dark-background:#0a0a0a;--base-accent-dark-foreground:#fafafa;--base-accent-dark-card:#171717;--base-accent-dark-cardForeground:#fafafa;--base-accent-dark-popover:#171717;--base-accent-dark-popoverForeground:#fafafa;--base-accent-dark-secondary:#262626;--base-accent-dark-secondaryForeground:#fafafa;--base-accent-dark-muted:#262626;--base-accent-dark-mutedForeground:#a1a1a1;--base-accent-dark-accent:#404040;--base-accent-dark-accentForeground:#fafafa;--base-accent-dark-destructive:#ff6467;--base-accent-dark-destructiveSurface:#ff646799;--base-accent-dark-border:#ffffff1a;--base-accent-dark-input:#ffffff26;--base-accent-dark-inputSurface:#ffffff0b;--base-accent-dark-overlay:#00000080;--base-accent-dark-primary:#88bffe;--base-accent-dark-primaryForeground:#171717;--base-accent-dark-ring:#e9f3ff;--base-accent-dark-ringSoft:#e9f3ff80;--base-accent-dark-actionText:#171717}:root[data-base-accent=grove]{--base-accent-light-background:#fff;--base-accent-light-foreground:#0a0a0a;--base-accent-light-card:#fff;--base-accent-light-cardForeground:#0a0a0a;--base-accent-light-popover:#fff;--base-accent-light-popoverForeground:#0a0a0a;--base-accent-light-secondary:#f5f5f5;--base-accent-light-secondaryForeground:#171717;--base-accent-light-muted:#f5f5f5;--base-accent-light-mutedForeground:#707070;--base-accent-light-accent:#f5f5f5;--base-accent-light-accentForeground:#171717;--base-accent-light-destructive:#e7000b;--base-accent-light-destructiveSurface:#e7000b;--base-accent-light-border:#e5e5e5;--base-accent-light-input:#e5e5e5;--base-accent-light-inputSurface:transparent;--base-accent-light-overlay:#00000080;--base-accent-light-primary:#417e2f;--base-accent-light-primaryForeground:#fafafa;--base-accent-light-ring:#172313;--base-accent-light-ringSoft:#17231380;--base-accent-light-actionText:#fafafa;--base-accent-dark-background:#0a0a0a;--base-accent-dark-foreground:#fafafa;--base-accent-dark-card:#171717;--base-accent-dark-cardForeground:#fafafa;--base-accent-dark-popover:#171717;--base-accent-dark-popoverForeground:#fafafa;--base-accent-dark-secondary:#262626;--base-accent-dark-secondaryForeground:#fafafa;--base-accent-dark-muted:#262626;--base-accent-dark-mutedForeground:#a1a1a1;--base-accent-dark-accent:#404040;--base-accent-dark-accentForeground:#fafafa;--base-accent-dark-destructive:#ff6467;--base-accent-dark-destructiveSurface:#ff646799;--base-accent-dark-border:#ffffff1a;--base-accent-dark-input:#ffffff26;--base-accent-dark-inputSurface:#ffffff0b;--base-accent-dark-overlay:#00000080;--base-accent-dark-primary:#a8e995;--base-accent-dark-primaryForeground:#171717;--base-accent-dark-ring:#e6f8e2;--base-accent-dark-ringSoft:#e6f8e280;--base-accent-dark-actionText:#171717}:root[data-base-accent=bloom]{--base-accent-light-background:#fff;--base-accent-light-foreground:#0a0a0a;--base-accent-light-card:#fff;--base-accent-light-cardForeground:#0a0a0a;--base-accent-light-popover:#fff;--base-accent-light-popoverForeground:#0a0a0a;--base-accent-light-secondary:#f5f5f5;--base-accent-light-secondaryForeground:#171717;--base-accent-light-muted:#f5f5f5;--base-accent-light-mutedForeground:#707070;--base-accent-light-accent:#f5f5f5;--base-accent-light-accentForeground:#171717;--base-accent-light-destructive:#e7000b;--base-accent-light-destructiveSurface:#e7000b;--base-accent-light-border:#e5e5e5;--base-accent-light-input:#e5e5e5;--base-accent-light-inputSurface:transparent;--base-accent-light-overlay:#00000080;--base-accent-light-primary:#812d9b;--base-accent-light-primaryForeground:#fafafa;--base-accent-light-ring:#261a2a;--base-accent-light-ringSoft:#261a2a80;--base-accent-light-actionText:#fafafa;--base-accent-dark-background:#0a0a0a;--base-accent-dark-foreground:#fafafa;--base-accent-dark-card:#171717;--base-accent-dark-cardForeground:#fafafa;--base-accent-dark-popover:#171717;--base-accent-dark-popoverForeground:#fafafa;--base-accent-dark-secondary:#262626;--base-accent-dark-secondaryForeground:#fafafa;--base-accent-dark-muted:#262626;--base-accent-dark-mutedForeground:#a1a1a1;--base-accent-dark-accent:#404040;--base-accent-dark-accentForeground:#fafafa;--base-accent-dark-destructive:#ff6467;--base-accent-dark-destructiveSurface:#ff646799;--base-accent-dark-border:#ffffff1a;--base-accent-dark-input:#ffffff26;--base-accent-dark-inputSurface:#ffffff0b;--base-accent-dark-overlay:#00000080;--base-accent-dark-primary:#c46fe0;--base-accent-dark-primaryForeground:#171717;--base-accent-dark-ring:#faecff;--base-accent-dark-ringSoft:#faecff80;--base-accent-dark-actionText:#171717}:root[data-base-accent=cove]{--base-accent-light-background:#fff;--base-accent-light-foreground:#0a0a0a;--base-accent-light-card:#fff;--base-accent-light-cardForeground:#0a0a0a;--base-accent-light-popover:#fff;--base-accent-light-popoverForeground:#0a0a0a;--base-accent-light-secondary:#f5f5f5;--base-accent-light-secondaryForeground:#171717;--base-accent-light-muted:#f5f5f5;--base-accent-light-mutedForeground:#707070;--base-accent-light-accent:#f5f5f5;--base-accent-light-accentForeground:#171717;--base-accent-light-destructive:#e7000b;--base-accent-light-destructiveSurface:#e7000b;--base-accent-light-border:#e5e5e5;--base-accent-light-input:#e5e5e5;--base-accent-light-inputSurface:transparent;--base-accent-light-overlay:#00000080;--base-accent-light-primary:#045d57;--base-accent-light-primaryForeground:#fafafa;--base-accent-light-ring:#072522;--base-accent-light-ringSoft:#07252280;--base-accent-light-actionText:#fafafa;--base-accent-dark-background:#0a0a0a;--base-accent-dark-foreground:#fafafa;--base-accent-dark-card:#171717;--base-accent-dark-cardForeground:#fafafa;--base-accent-dark-popover:#171717;--base-accent-dark-popoverForeground:#fafafa;--base-accent-dark-secondary:#262626;--base-accent-dark-secondaryForeground:#fafafa;--base-accent-dark-muted:#262626;--base-accent-dark-mutedForeground:#a1a1a1;--base-accent-dark-accent:#404040;--base-accent-dark-accentForeground:#fafafa;--base-accent-dark-destructive:#ff6467;--base-accent-dark-destructiveSurface:#ff646799;--base-accent-dark-border:#ffffff1a;--base-accent-dark-input:#ffffff26;--base-accent-dark-inputSurface:#ffffff0b;--base-accent-dark-overlay:#00000080;--base-accent-dark-primary:#10c4b8;--base-accent-dark-primaryForeground:#171717;--base-accent-dark-ring:#d9faf6;--base-accent-dark-ringSoft:#d9faf680;--base-accent-dark-actionText:#171717}:root[data-base-accent=kiln]{--base-accent-light-background:#fff;--base-accent-light-foreground:#0a0a0a;--base-accent-light-card:#fff;--base-accent-light-cardForeground:#0a0a0a;--base-accent-light-popover:#fff;--base-accent-light-popoverForeground:#0a0a0a;--base-accent-light-secondary:#f5f5f5;--base-accent-light-secondaryForeground:#171717;--base-accent-light-muted:#f5f5f5;--base-accent-light-mutedForeground:#707070;--base-accent-light-accent:#f5f5f5;--base-accent-light-accentForeground:#171717;--base-accent-light-destructive:#e7000b;--base-accent-light-destructiveSurface:#e7000b;--base-accent-light-border:#e5e5e5;--base-accent-light-input:#e5e5e5;--base-accent-light-inputSurface:transparent;--base-accent-light-overlay:#00000080;--base-accent-light-primary:#8d4301;--base-accent-light-primaryForeground:#fafafa;--base-accent-light-ring:#2c1a0f;--base-accent-light-ringSoft:#2c1a0f80;--base-accent-light-actionText:#fafafa;--base-accent-dark-background:#0a0a0a;--base-accent-dark-foreground:#fafafa;--base-accent-dark-card:#171717;--base-accent-dark-cardForeground:#fafafa;--base-accent-dark-popover:#171717;--base-accent-dark-popoverForeground:#fafafa;--base-accent-dark-secondary:#262626;--base-accent-dark-secondaryForeground:#fafafa;--base-accent-dark-muted:#262626;--base-accent-dark-mutedForeground:#a1a1a1;--base-accent-dark-accent:#404040;--base-accent-dark-accentForeground:#fafafa;--base-accent-dark-destructive:#ff6467;--base-accent-dark-destructiveSurface:#ff646799;--base-accent-dark-border:#ffffff1a;--base-accent-dark-input:#ffffff26;--base-accent-dark-inputSurface:#ffffff0b;--base-accent-dark-overlay:#00000080;--base-accent-dark-primary:#fea56e;--base-accent-dark-primaryForeground:#171717;--base-accent-dark-ring:#ffeee4;--base-accent-dark-ringSoft:#ffeee480;--base-accent-dark-actionText:#171717}
.base-site{--base-primary:var(--base-accent-light-primary);--base-primaryForeground:var(--base-accent-light-primaryForeground);--base-actionText:var(--base-accent-light-actionText);--base-ring:var(--base-accent-light-primary);--primary:var(--base-primary);--ring:var(--base-ring)}:root.dark .base-site{--base-primary:var(--base-accent-dark-primary);--base-primaryForeground:var(--base-accent-dark-primaryForeground);--base-actionText:var(--base-accent-dark-actionText);--base-ring:var(--base-accent-dark-primary)}:root[data-base-accent] .base-detail-cta{background:var(--base-accent-light-primary);color:var(--base-accent-light-actionText)}:root.dark[data-base-accent] .base-detail-cta{background:var(--base-accent-dark-primary);color:var(--base-accent-dark-actionText)}.base-mobile-menu [data-slot=sheet-close]{place-items:center;width:44px;height:44px;display:grid;top:2px;right:2px}@media (prefers-reduced-motion:reduce){body:has(.base-mobile-menu) [data-slot=sheet-overlay]{filter:none!important}}.base-site{--base-out:cubic-bezier(.23, 1, .32, 1);--base-soft:cubic-bezier(.215, .61, .355, 1);--base-press:linear(0, .03254, .11507, .22789, .35521, .48493, .60839, .71982, .81588, .89516, .95769, 1.00453, 1.03738, 1.05833, 1.06955, 1.07321, 1.0713, 1.06556, 1.05747, 1.04821, 1.03869, 1.02958, 1.02131, 1.01415, 1.00822, 1.00352, .99997, .99747, .99585, .99496, .99464, .99475, .99515, .99572, .9964, .9971, .99777, .99838, .99891, 1);--base-select:linear(0, .03527, .1195, .22792, .34397, .45708, .56104, .65269, .73089, .79585, .84855, .89037, .92288, .94762, .96603, .97942, .98887, .99534, .99956, 1.00215, 1.00358, 1.00421, 1.00432, 1.00411, 1.00371, 1.00323, 1.00273, 1.00224, 1.0018, 1.00142, 1.0011, 1.00083, 1.00061, 1.00044, 1.00031, 1.00021, 1.00013, 1.00008, 1.00004, 1);--base-thumb:linear(0, .02649, .09381, .18647, .2923, .4021, .50918, .60901, .69874, .77688, .84297, .89728, .94059, .974, .99879, 1.01628, 1.02775, 1.03443, 1.0374, 1.03761, 1.03589, 1.03287, 1.02911, 1.02501, 1.02088, 1.01693, 1.01331, 1.01009, 1.00733, 1.00502, 1.00315, 1.00167, 1.00055, .99974, .99918, .99883, .99864, .99857, .9986, 1);--base-morph:linear(0, .06906, .21052, .36534, .50707, .62618, .7214, .79508, .8508, .89224, .92267, .94481, .96078, .97223, .98039, .9862, .9903, .9932, .99524, .99667, .99767, .99838, .99887, .99921, .99945, .99962, .99973, .99982, .99987, .99991, .99994, .99996, .99997, .99998, .99999, .99999, .99999, 1, 1, 1);--base-depth:color-mix(in oklab, var(--foreground) 6%, transparent);--base-hairline:color-mix(in oklab, var(--border) 70%, transparent)}.base-site :where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.base-site button{cursor:pointer}.base-site button:disabled{cursor:default;opacity:.55}.base-eyebrow{font:500 11px var(--font-geist-mono), monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:10px;display:flex}.base-eyebrow:before{content:"";background:var(--foreground);width:6px;height:6px;box-shadow:0 0 0 4px var(--muted);border-radius:50%}.base-hero{isolation:isolate;padding:80px 0 0;position:relative}.base-hero-top{align-items:end;gap:40px;display:grid}.base-hero h1{letter-spacing:-.058em;text-wrap:balance;max-width:900px;margin-top:28px;font-size:clamp(48px,5.8vw,84px);font-weight:550;line-height:1.02}.base-hero h1 em{font-family:var(--font-instrument-serif), serif;letter-spacing:-.045em;font-weight:400}.base-hero-copy{color:var(--muted-foreground);max-width:450px;font-size:17px;line-height:1.7}.base-hero-copy strong{color:var(--foreground);font-weight:500}.base-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.base-link-primary,.base-link-secondary{min-height:44px;transition:transform .45s var(--base-press);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.base-link-primary{background:var(--base-primary);color:var(--base-actionText);border:1px solid color-mix(in oklab, var(--base-primary) 85%, var(--foreground));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--background) 22%, transparent), 0 2px 3px #00000014, 0 8px 16px -10px #00000040}.base-link-secondary{border:1px solid var(--border);background:var(--background)}.base-link-primary:hover,.base-link-secondary:hover{transform:translateY(-2px)}.base-link-secondary:hover{background:var(--muted)}.base-link-primary:active,.base-link-secondary:active{transform:scale(.97)}.base-link-primary svg,.base-link-secondary svg{width:15px;height:15px}.base-proofs{color:var(--muted-foreground);flex-wrap:wrap;gap:10px 20px;margin-top:30px;font-size:11px;display:flex}.base-proofs span{align-items:center;gap:6px;display:inline-flex}.base-proofs svg{width:12px;height:12px}.base-connect{border:1px solid var(--base-hairline);background:var(--card);border-radius:12px;max-width:760px;margin-top:44px;scroll-margin-top:90px;overflow:hidden}.base-agent-tabs{border-bottom:1px solid var(--base-hairline);gap:4px;padding:5px;display:flex}.base-agent-tabs button{color:var(--muted-foreground);transition:opacity .2s var(--base-out);white-space:nowrap;border-radius:6px;padding:10px 12px;font-size:12px}.base-agent-tabs button.is-active{color:var(--foreground);background:var(--muted)}.base-config-caption{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;display:flex}.base-config-panel pre{padding:4px 0;font-size:12px;line-height:1.6;overflow:auto}.base-config-foot{color:var(--muted-foreground);background:var(--muted);padding:12px 16px;font-size:11px;line-height:1.7}.base-prompt{border:1px solid var(--base-hairline);background:var(--card);max-width:760px;box-shadow:0 2px 4px -2px var(--base-depth), 0 12px 30px -22px var(--base-depth);border-radius:12px;align-items:center;gap:16px;margin:56px auto 24px;padding:18px 20px;display:flex}.base-prompt p{font-size:13px;line-height:1.7}.base-prompt p span{color:var(--muted-foreground)}.base-prompt>svg{flex-shrink:0;width:20px}.base-prompt button{flex-shrink:0;margin-left:auto}.base-showcase{border:1px solid var(--base-hairline);background:var(--muted);border-radius:16px;overflow:hidden}.base-showcase-toolbar{background:var(--background);border-bottom:1px solid var(--base-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.base-small-label{color:var(--muted-foreground);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:10px}.base-theme-controls{align-items:center;gap:14px;display:flex}.base-theme-controls fieldset{gap:8px;display:flex}.base-swatch{min-height:44px;color:var(--foreground);white-space:nowrap;transition:transform .45s var(--base-press);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.base-swatch[aria-pressed=true]{background:var(--muted);box-shadow:0 0 0 1px var(--muted-foreground)}.base-swatch:hover{background:var(--muted)}.base-swatch-dot{background:var(--base-swatch-light);width:16px;height:16px;color:var(--base-swatch-light-foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.dark .base-swatch-dot{background:var(--base-swatch-dark);color:var(--base-swatch-dark-foreground)}.base-control-divider{background:var(--border);width:1px;height:20px}.base-scheme{border:1px solid var(--border);border-radius:6px;padding:2px;display:flex}.base-scheme button{color:var(--muted-foreground);border-radius:4px;padding:5px}.base-scheme button[aria-pressed=true]{background:var(--muted);color:var(--foreground)}.base-token-surface{color:var(--base-foreground)}.base-phone-stage{background:radial-gradient(ellipse at 50% 95%, color-mix(in srgb, var(--base-primary) 9%, transparent), transparent 65%);grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:32px;padding:52px 32px 40px;display:grid;overflow-x:auto}.base-phone{background:var(--base-background);border:6px solid var(--base-card);min-width:0;box-shadow:0 0 0 1px var(--base-border), 0 2px 4px #0000000a, 0 24px 45px -20px #00000035;transition:transform .65s var(--base-select);border-radius:34px;flex-direction:column;display:flex;position:relative;overflow:hidden}.base-phone:nth-child(2){transform:translateY(-14px)}.base-phone:hover{transform:translateY(-6px)}.base-phone:nth-child(2):hover{transform:translateY(-20px)}.base-phone-status{justify-content:space-between;padding:13px 18px 16px;font-size:9px;font-weight:600;display:flex}.base-phone-content{flex:1;padding:14px 17px 20px}.base-demo-eyebrow{letter-spacing:.1em;color:var(--base-mutedForeground);font-size:8px;font-weight:500}.base-token-surface h3{letter-spacing:-.045em;margin-top:12px;font-size:25px;font-weight:550;line-height:1.12}.base-demo-greeting{justify-content:space-between;align-items:center;gap:8px;display:flex}.base-demo-greeting h3 span{font-family:var(--font-instrument-serif), serif;font-size:31px;font-weight:400}.base-avatar{background:var(--base-secondary);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.base-demo-summary{border:1px solid var(--base-border);border-radius:var(--base-radius-lg);background:var(--base-card);box-shadow:var(--base-shadow-xs);margin-top:24px;padding:16px}.base-demo-summary>span,.base-demo-metric>span{color:var(--base-mutedForeground);font-size:10px}.base-demo-summary>strong{letter-spacing:-.04em;margin:4px 0;font-size:34px;font-weight:500;line-height:1.4;display:block}.base-demo-summary small{color:var(--base-mutedForeground);letter-spacing:0;font-size:9px;font-weight:400}.base-demo-summary>strong small{font-size:13px}.base-demo-progress{background:var(--base-secondary);border-radius:var(--base-radius-full);height:5px;margin:10px 0;overflow:hidden}.base-demo-progress>span{background:var(--base-primary);border-radius:inherit;height:100%;transition:transform .65s var(--base-select);transform-origin:0;width:100%;display:block}.base-demo-section{justify-content:space-between;align-items:center;margin:24px 0 10px;font-size:10px;display:flex}.base-demo-section>span{color:var(--base-mutedForeground);font-size:9px}.base-habit{text-align:left;border-bottom:1px solid var(--base-border);align-items:center;gap:9px;width:100%;padding:12px 0;display:flex}.base-habit-check{border:1px solid var(--base-border);border-radius:var(--base-radius-sm);width:22px;height:22px;transition:transform .45s var(--base-press);place-items:center;display:grid}.base-habit-check svg{width:12px;height:12px}.base-habit[aria-pressed=true] .base-habit-check{background:var(--base-primary);color:var(--base-actionText);border-color:var(--base-primary)}.base-habit strong{font-size:10px;font-weight:500;display:block}.base-habit small{color:var(--base-mutedForeground);margin-top:3px;font-size:8px;display:block}.base-habit-done{color:var(--base-mutedForeground);margin-left:auto;font-size:8px}.base-demo-button{background:var(--base-primary);width:100%;min-height:36px;color:var(--base-actionText);border-radius:var(--base-radius-md);box-shadow:var(--base-shadow-xs);transition:transform .45s var(--base-press), filter .2s var(--base-out);justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:9px 12px;font-size:10px;font-weight:500;display:flex}.base-demo-button:hover{filter:brightness(.92);transform:translateY(-1px)}.base-demo-button:active{transform:scale(.97)}.base-demo-button svg{width:12px;height:12px}.base-demo-bottom{border-top:1px solid var(--base-border);color:var(--base-mutedForeground);justify-content:space-around;align-items:center;padding:15px 20px 19px;display:flex}.base-demo-bottom svg{width:15px;height:15px}.base-demo-tabs{border-radius:var(--base-radius-md);background:var(--base-muted);gap:2px;margin:22px 0;padding:3px;display:flex}.base-demo-tabs button{color:var(--base-secondaryForeground);border-radius:var(--base-radius-sm);transition:transform .45s var(--base-press);flex:1;padding:6px 8px;font-size:10px}.base-demo-tabs button[aria-pressed=true]{background:var(--base-background);color:var(--base-foreground);box-shadow:var(--base-shadow-xs)}.base-demo-tabs button:active{transform:scale(.97)}.base-demo-metric{margin-top:25px}.base-demo-metric>strong{letter-spacing:-.06em;margin-top:8px;font-size:46px;font-weight:500;line-height:1.2;display:block}.base-demo-metric>strong small{color:var(--base-primary);font-size:23px}.base-demo-metric p,.base-demo-copy{color:var(--base-mutedForeground);font-size:10px;line-height:1.8}.base-chart{align-items:end;gap:8px;height:122px;margin:22px 0;display:flex}.base-chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.base-chart span{background:var(--base-primary);opacity:.55;transform-origin:bottom;width:100%;transition:transform .65s var(--base-select);border-radius:4px 4px 2px 2px;height:100%;display:block}.base-chart>div:nth-child(2n) span{opacity:.85;animation-delay:.1s}.base-chart>div:nth-child(3n) span{animation-delay:.2s}.base-chart small{color:var(--base-mutedForeground);font-size:8px}.base-streak{border-radius:var(--base-radius-md);background:var(--base-secondary);align-items:center;gap:8px;padding:12px 8px;display:flex}.base-streak-icon{width:26px;height:26px;color:var(--base-primary);place-items:center;display:grid}.base-streak svg{width:14px;height:14px}.base-streak>svg{margin-left:auto}.base-streak strong{font-size:9px;font-weight:500;display:block}.base-streak small{color:var(--base-secondaryForeground);margin-top:3px;font-size:8px;display:block}.base-heading-dot{color:var(--base-primary)}.base-profile{flex-direction:column;align-items:center;gap:6px;padding:24px 0 8px;display:flex}.base-profile .base-avatar{width:44px;height:44px;margin-bottom:4px}.base-profile strong{font-size:12px;font-weight:500}.base-profile>span:last-child{color:var(--base-mutedForeground);font-size:9px}.base-setting{border-bottom:1px solid var(--base-border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 0;font-size:10px;display:flex}.base-setting strong{font-weight:500;display:block}.base-setting small{color:var(--base-mutedForeground);margin-top:4px;font-size:8px;display:block}.base-demo-switch{border-radius:var(--base-radius-full);background:var(--base-input);width:29px;height:17px;transition:transform .45s var(--base-press);flex-shrink:0;padding:2px}.base-demo-switch span{background:var(--base-background);width:13px;height:13px;box-shadow:var(--base-shadow-xs);transition:transform .55s var(--base-thumb);border-radius:50%;display:block}.base-demo-text-button{color:var(--base-mutedForeground);align-items:center;gap:4px;font-size:9px;display:flex}.base-demo-text-button svg{width:12px;height:12px}.base-demo-field{margin-top:20px;font-size:9px;font-weight:500;display:block}.base-demo-field input{background:var(--base-inputSurface);border:1px solid var(--base-input);width:100%;color:var(--base-foreground);border-radius:var(--base-radius-md);box-shadow:var(--base-shadow-xs);margin-top:7px;padding:9px 10px;font-size:10px;font-weight:400}.base-demo-toast{border:1px solid var(--base-border);border-radius:var(--base-radius-md);box-shadow:var(--base-shadow-sm);background:var(--base-card);align-items:center;gap:7px;margin-top:22px;padding:10px;font-size:9px;display:flex}.base-demo-toast svg{width:12px;height:12px;color:var(--base-primary);flex-shrink:0}.base-showcase-caption{text-align:center;font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.12em;grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:32px;padding:0 32px 24px;font-size:10px;display:grid}.base-section{border-top:1px solid var(--base-hairline);padding:88px 0}.base-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.base-section h2,.base-page-heading h1{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.1}.base-section h2 em{font-family:var(--font-instrument-serif), serif;font-size:1.18em;font-weight:400}.base-section-heading p,.base-page-heading p{max-width:530px;color:var(--muted-foreground);margin-top:16px;font-size:15px;line-height:1.8}.base-steps{gap:32px;display:grid}.base-step{border-top:1px solid var(--base-hairline);padding-top:24px}.base-step>span{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);font-size:11px}.base-step h3{letter-spacing:-.025em;margin:24px 0 12px;font-size:19px;font-weight:500}.base-step p{color:var(--muted-foreground);font-size:14px;line-height:1.8}.base-page-heading{padding:56px 0 40px}.base-page-heading h1{margin-top:22px}.base-empty{border:1px dashed var(--border);text-align:center;background:var(--card);border-radius:12px;padding:40px 24px}.base-empty p{max-width:440px;color:var(--muted-foreground);margin:12px auto 24px;font-size:14px;line-height:1.8}.base-block-grid{gap:16px;display:grid}.base-block{border:1px solid var(--base-hairline);background:var(--card);border-radius:12px;padding:24px}.base-block>span{color:var(--muted-foreground);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.base-block h3{letter-spacing:-.035em;margin:36px 0 8px;font-size:20px;font-weight:500}.base-block p{color:var(--muted-foreground);font-size:13px;line-height:1.8}.base-faq{gap:0;display:grid}.base-faq details{border-bottom:1px solid var(--base-hairline);padding:22px 0}.base-faq summary{cursor:pointer;font-size:15px;font-weight:500}.base-faq details p{color:var(--muted-foreground);max-width:650px;margin:16px 0 0;font-size:14px;line-height:1.9}.base-family-badge{border:1px solid var(--border);border-radius:6px;align-items:center;margin-bottom:16px;padding:6px 10px;font-size:11px;font-weight:500;display:inline-flex}.base-theme-stage{padding:32px}.base-theme-widgets{gap:20px;display:grid}.base-widget{background:var(--base-background);border:1px solid var(--base-border);border-radius:var(--base-radius-xl);box-shadow:var(--base-shadow-xs);padding:28px}.base-widget h3{margin:20px 0 12px;font-size:28px}.base-widget .base-demo-eyebrow{font-size:9px}.base-widget .base-demo-field{font-size:12px}.base-widget .base-demo-field input{padding:12px;font-size:13px}.base-widget .base-demo-button,.base-demo-secondary{min-height:42px;font-size:12px}.base-demo-secondary{border:1px solid var(--base-border);border-radius:var(--base-radius-md);width:100%;margin-top:10px;display:block}.base-widget .base-demo-copy{font-size:12px}.base-widget .base-setting{margin-top:20px;font-size:12px}.base-widget .base-setting small{font-size:10px}.base-widget .base-demo-toast{padding:16px;font-size:11px}.base-demo-checkbox{align-items:center;gap:8px;margin:24px 0;font-size:12px;display:flex}.base-demo-checkbox input{accent-color:var(--base-primary);width:16px;height:16px}.base-demo-badge{background:var(--base-secondary);color:var(--base-secondaryForeground);border-radius:var(--base-radius-sm);padding:4px 8px;font-size:10px}.base-theme-code{background:var(--background);border-top:1px solid var(--base-hairline);padding:24px}.base-theme-code pre{font-size:12px;line-height:1.8;overflow:auto}.base-filter-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:36px;display:flex}.base-filter-bar label{color:var(--muted-foreground);flex-direction:column;flex:1;gap:8px;font-size:12px;display:flex}.base-filter-bar input,.base-filter-bar select{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:8px;min-width:0;padding:12px;font-size:14px}.base-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.base-component-card{border:1px solid var(--base-hairline);transition:transform .65s var(--base-select);border-radius:12px;overflow:hidden}.base-component-card:hover{box-shadow:0 12px 24px -20px var(--base-depth);transform:translateY(-3px)}.base-component-preview{background:var(--muted);aspect-ratio:4/3;place-items:center;padding:20px;display:grid;overflow:hidden}.base-component-preview>div{aspect-ratio:160/347;height:100%;position:relative}.base-component-meta :is(h2,h3){font-size:15px;font-weight:500}.base-component-meta p{color:var(--muted-foreground);margin-top:6px;font-size:11px;line-height:1.7}@media (min-width:768px){.base-steps,.base-block-grid,.base-theme-widgets,.base-component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.base-hero-top{grid-template-columns:1.7fr 1fr;gap:64px}.base-hero-copy{padding-bottom:6px}.base-faq{grid-template-columns:1fr 1fr;align-items:start;gap:0 48px}}@media (max-width:767px){.base-hero{padding-top:48px}.base-hero-top{gap:24px}.base-hero h1{font-size:42px}.base-hero-copy{font-size:15px}.base-connect{margin-top:32px}.base-agent-tabs{gap:0}.base-agent-tabs button{flex:1;padding:10px 6px;font-size:10px}.base-config-panel pre{font-size:10px}.base-proofs{gap:10px 14px;font-size:10px}.base-prompt{margin-top:32px;padding:16px}.base-prompt p{font-size:11px}.base-prompt>svg{display:none}.base-prompt button{padding:6px}.base-prompt button>svg{width:13px}.base-showcase-toolbar{padding:16px}.base-phone-stage{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,230px);justify-content:start;gap:20px;padding:32px 20px}.base-phone{scroll-snap-align:center}.base-phone:nth-child(2){transform:none}.base-phone-stage::-webkit-scrollbar{height:4px}.base-showcase-caption{display:none}.base-section{padding:56px 0}.base-theme-stage{padding:16px}.base-filter-bar{align-items:stretch}.base-filter-bar label{flex-basis:100%}.base-component-grid{gap:12px}.base-component-preview{padding:12px}}@media (max-width:359px){.base-hero h1{font-size:36px}.base-component-grid{grid-template-columns:1fr}.base-theme-controls{flex-wrap:wrap;gap:10px}}@media (prefers-reduced-motion:reduce){.base-site *,.base-site :before,.base-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.base-component-preview>.base-component-poster{aspect-ratio:auto;text-align:center;width:100%;height:auto}.base-hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--base-hairline) .7px, transparent .7px);opacity:.45;background-size:20px 20px;height:520px;position:absolute;inset:0 -16px auto;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.base-hero h1 em{font-size:1.04em}.base-link-primary{position:relative;overflow:hidden}.base-link-primary:before{content:"";background:linear-gradient(120deg, transparent 20%, color-mix(in oklab, var(--background) 12%, transparent), transparent 80%);opacity:.5;transition:opacity .2s var(--base-out);pointer-events:none;position:absolute;inset:0}.base-link-primary:hover:before{opacity:1}.base-link-primary svg,.base-link-secondary svg{transition:transform .45s var(--base-press)}.base-link-primary:hover svg,.base-link-secondary:hover svg{transform:translate(2px)}.base-connect,.base-showcase,.base-block,.base-command,.base-source figure{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--background) 75%, transparent), 0 2px 4px -2px var(--base-depth), 0 16px 36px -28px var(--base-depth)}.base-agent-tabs{background:color-mix(in oklab, var(--muted) 35%, var(--card))}.base-config-panel{padding:0 16px 20px}.base-config-caption{border-bottom:1px solid var(--base-hairline);margin:0 -16px 12px;padding:6px 10px 6px 16px}.base-config-file{font-family:var(--font-geist-mono), monospace;font-size:10px}.base-config-hint{color:var(--muted-foreground);margin-bottom:12px;font-size:11px}.base-config-panel pre{animation:.3s cubic-bezier(.25,.1,.35,1) base-panel-in}.base-config-panel pre:focus-visible,.base-theme-code pre:focus-visible{outline-offset:-2px}@keyframes base-panel-in{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.base-proofs span{animation:base-proof-in .3s var(--base-out) both}.base-proofs span:nth-child(2){animation-delay:30ms}.base-proofs span:nth-child(3){animation-delay:60ms}.base-proofs span:nth-child(4){animation-delay:90ms}@keyframes base-proof-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.base-site [data-base-indicator],.base-site [data-base-highlight],.base-site [role=tablist]{isolation:isolate;position:relative}.base-motion-indicator{pointer-events:none;background:var(--muted);transform-origin:0 0;transition:opacity .2s var(--base-out);z-index:-1;border-radius:6px;position:absolute;top:0;left:0}.base-site [data-base-ready]>button{position:relative}.base-site [data-base-indicator][data-base-ready]>button[aria-selected=true],.base-site [data-base-indicator][data-base-ready]>button[aria-pressed=true]:not(.base-swatch){box-shadow:none;background:0 0}.base-site [data-base-indicator=ring] .base-motion-indicator{box-shadow:0 0 0 1px var(--muted-foreground);z-index:1;background:0 0;border-radius:8px}.base-site [data-base-indicator=ring][data-base-ready]>.base-swatch{box-shadow:none}.base-scheme{border-radius:8px;padding:3px}.base-scheme button{padding:7px}.base-demo-tabs .base-motion-indicator{background:var(--base-background);box-shadow:var(--base-shadow-xs);border-radius:var(--base-radius-sm)}.base-site [role=tablist][data-base-ready]>span:not(.base-motion-indicator){display:none}.base-site [role=tablist]>.base-motion-indicator{display:block}.base-site [data-base-highlight=grid]>.base-motion-indicator{box-shadow:0 0 0 3px var(--base-hairline);z-index:1;background:0 0;border-radius:12px}.base-site [data-base-highlight=list]>.base-motion-indicator{background:var(--base-muted);border-radius:var(--base-radius-sm)}.base-nav-links>.base-motion-indicator{background:color-mix(in oklab, var(--muted) 70%, transparent);border-radius:4px}.base-site [data-base-highlight=nav]>a{outline-offset:6px}.base-habit{border-radius:var(--base-radius-sm);position:relative}.base-habit-check{flex-shrink:0}.base-habit-check svg{transition:transform .45s var(--base-press)}.base-habit:active .base-habit-check svg{transform:scale(.8)}.base-site button>span[aria-hidden=true]>svg{transition-duration:.65s;transition-timing-function:var(--base-morph)}.base-site button:active:not([role=tab],.base-swatch,.base-demo-switch){transform:scale(.97)}.base-site button{transition-timing-function:var(--base-press)}.base-number{vertical-align:-.08em;font-variant-numeric:tabular-nums;letter-spacing:-.035em;height:1em;line-height:1;display:inline-flex}.base-number-slot{height:1em;display:inline-block;overflow:hidden}.base-number-column{transform:translateY(calc(var(--base-digit) * -10%));transition:transform .4s var(--base-soft);flex-direction:column;display:flex}.base-number-column>span{height:1em}.base-theme-transition{position:relative}.base-theme-snapshot{z-index:5;pointer-events:none;position:absolute;inset:0}.base-theme-snapshot *,.base-theme-snapshot{transition:none!important;animation:none!important}.base-showcase-toolbar{background:linear-gradient(var(--background), color-mix(in oklab, var(--background) 98%, var(--foreground)))}.base-phone-stage{background-image:radial-gradient(ellipse at 50% 95%, color-mix(in srgb, var(--base-primary) 9%, transparent), transparent 65%)}.base-chart>div{grid-template-rows:minmax(0,1fr) 12px;grid-template-columns:100%;place-items:stretch center;display:grid}.base-demo-progress{position:relative}.base-demo-progress:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--base-background) 50%, transparent), transparent 70%);animation:base-progress-breath 6s var(--base-soft) infinite;animation-play-state:paused;position:absolute;inset:0}.base-streak-icon svg{animation:base-streak-breath 7s var(--base-soft) infinite;animation-play-state:paused}.base-phone .base-demo-toast>svg{animation:base-check-breath 8s var(--base-soft) infinite;animation-play-state:paused}.base-phone[data-base-playing=true] .base-demo-progress:after,.base-showcase[data-base-playing=true] .base-widget .base-demo-progress:after,.base-phone[data-base-playing=true] .base-streak-icon svg,.base-phone[data-base-playing=true] .base-demo-toast>svg{animation-play-state:running}@keyframes base-progress-breath{0%,65%{opacity:0;transform:translate(-100%)}72%{opacity:.6}95%,to{opacity:0;transform:translate(100%)}}@keyframes base-streak-breath{0%,70%,to{opacity:1;transform:rotate(0)scale(1)}82%{opacity:.65;transform:rotate(8deg)scale(1.08)}}@keyframes base-check-breath{0%,75%,to{opacity:1;transform:scale(1)}86%{opacity:.55;transform:scale(.94)}}.base-faq summary{border-radius:4px;justify-content:space-between;gap:24px;line-height:1.6;list-style:none;display:flex}.base-faq summary::-webkit-details-marker{display:none}.base-faq summary:after{content:"+";color:var(--muted-foreground);transition:transform .45s var(--base-select);font-size:20px;font-weight:300;line-height:24px}.base-faq-answer{overflow:hidden}.base-faq-answer p{padding-bottom:2px}.base-source figure{border-radius:12px}.base-source summary{outline-offset:8px}.base-source details{background:var(--card)}.base-source details[open]{border-color:var(--base-hairline)}.base-source a[download]{transition:transform .45s var(--base-press)}.base-source a[download]:hover{transform:translateY(-2px)}.base-site .shiki-host:focus-visible{outline-offset:-3px}@media (hover:hover){.base-block:is(a):hover{transform:translateY(-2px)}.base-block:is(a){transition:transform .65s var(--base-select)}.base-component-card:hover{box-shadow:0 2px 3px var(--base-depth), 0 18px 30px -22px var(--base-depth)}.base-faq summary:hover{color:var(--muted-foreground)}}@media (prefers-reduced-motion:reduce){.base-site *,.base-site :before,.base-site :after{transition:none!important;animation:none!important}.base-phone:hover,.base-site .base-link-primary:hover,.base-site .base-link-secondary:hover,.base-site .base-component-card:hover,.base-site .base-block:hover,.base-site button:active,.base-site .base-swatch:hover,.base-phone:nth-child(2),.base-phone:nth-child(2):hover{transform:none}.base-site :is(button,a):is(:hover,:active),.base-site .base-link-primary:hover svg,.base-site .base-link-secondary:hover svg,.base-site .base-habit:active .base-habit-check svg{transform:none!important}}.base-site :where(a,button,input,select){transition-property:transform,opacity,filter}.base-site [role=tablist]>span:not(.base-motion-indicator){transition:none}.base-site{--base-detail:var(--base-primary);--base-detail-wash:color-mix(in oklab, var(--base-detail) 12%, transparent);--base-preview-surface:var(--background)}.base-hero-top{isolation:isolate;position:relative}.base-hero h1 em{white-space:nowrap;display:inline-block;position:relative}.base-hero h1 em:after{content:"";z-index:-1;background:color-mix(in oklab, var(--base-detail) 24%, transparent);transform-origin:0;border-radius:50% 35% 45% 25%;height:.14em;animation:1.6s ease-in-out both base-underline;position:absolute;inset:auto -3px .03em}@keyframes base-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.base-license{border:1px solid var(--base-hairline);background:var(--card);border-radius:100px;align-items:center;margin:0 5px 4px 0;padding:4px 10px;font-size:12px;display:inline-flex;position:relative;overflow:hidden}.base-license:before{content:"";background:var(--base-detail);width:5px;height:5px;box-shadow:0 0 0 3px var(--base-detail-wash);border-radius:50%;margin-right:7px}.base-license:after{content:"";background:linear-gradient(110deg, transparent 30%, var(--base-detail-wash), transparent 70%);animation:9s cubic-bezier(.4,0,.2,1) infinite paused base-license-shine;position:absolute;inset:0}@keyframes base-license-shine{0%,65%{opacity:0;transform:translate(-100%)}72%{opacity:1}to{opacity:0;transform:translate(100%)}}.base-license[data-base-playing=true]:after,.base-link-primary[data-base-playing=true]:after{animation-play-state:running}.base-foundation-facts{color:var(--muted-foreground);gap:20px;margin-top:26px;font-size:10px;display:flex}.base-foundation-facts>span+span{border-left:1px solid var(--base-hairline);padding-left:20px}.base-foundation-facts strong{font-family:var(--font-geist-mono), monospace;color:var(--foreground);margin-bottom:6px;font-size:16px;font-weight:400;line-height:1;display:block}.base-link-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--base-detail), transparent);border-radius:50%;width:36%;height:2px;animation:10s ease-in-out infinite paused base-cta-edge;position:absolute;top:0;left:0}@keyframes base-cta-edge{0%,15%{opacity:0;transform:translate(-100%)}30%,60%{opacity:.7}85%,to{opacity:0;transform:translate(380%)}}.base-config-file:before{content:"● ● ●";color:var(--muted-foreground);opacity:.4;letter-spacing:2px;margin-right:16px;font-size:7px}.base-terminal-sign{color:var(--muted-foreground);-webkit-user-select:none;user-select:none}.base-code-line{display:block}.base-line-number{border-right:1px solid var(--base-hairline);width:2em;color:var(--muted-foreground);text-align:right;-webkit-user-select:none;user-select:none;margin-right:1em;padding-right:1em;font-size:10px;display:inline-block}.base-reel{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;display:grid}.base-reel-card{border:1px solid var(--base-hairline);background:linear-gradient(150deg, var(--card), var(--muted));min-width:0;transition:transform .65s var(--base-select);border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.base-reel-index{font:9px var(--font-geist-mono), monospace;letter-spacing:.12em;color:var(--muted-foreground);margin-bottom:24px}.base-reel-media{--preview-surface:var(--base-preview-surface);aspect-ratio:160/347;border:3px solid var(--base-preview-surface);outline:1px solid color-mix(in oklab, var(--foreground) 15%, var(--border));background:var(--base-preview-surface);width:min(100%,200px);box-shadow:0 4px 8px -6px var(--base-depth), 0 20px 40px -20px var(--base-depth);border-radius:24px;position:relative;overflow:hidden}.base-reel-caption{justify-content:space-between;gap:12px;width:100%;margin-top:24px;font-size:13px;font-weight:500;display:flex}.base-reel-caption>span:last-child{transition:transform .45s var(--base-press)}.base-reel-description{width:100%;color:var(--muted-foreground);margin-top:6px;font-size:11px}.base-component-preview>div:has(img){--preview-surface:var(--base-preview-surface);border:2px solid var(--base-preview-surface);outline:1px solid var(--base-hairline);border-radius:12px;overflow:hidden}.base-step,.base-block,.base-component-card{isolation:isolate;position:relative;overflow:hidden}.base-step{padding:24px 16px 16px}.base-step>span:first-child{border:1px solid var(--base-hairline);background:var(--card);border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:32px;padding:6px;display:inline-flex}.base-spotlight{z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--base-detail-wash), transparent 70%);opacity:0;width:320px;height:320px;transition:opacity .2s var(--base-out);border-radius:50%;position:absolute;top:0;left:0}.base-component-card>.base-spotlight{z-index:1}.base-nav{z-index:30;background:color-mix(in oklab, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:56px}.base-nav-links a[aria-current=page]{color:var(--base-primary);position:relative}.base-nav-links a[aria-current=page]:after{content:"";background:var(--base-detail);border-radius:2px;height:2px;position:absolute;bottom:-17px;left:0;right:0}.base-faq summary{padding-right:32px;position:relative}.base-faq summary:before,.base-faq summary:after{content:"";width:12px;height:1px;transition:transform .65s var(--base-morph);background:currentColor;border-radius:1px;position:absolute;top:calc(50% - .5px);right:6px}.base-faq summary:after{transform:rotate(90deg)}.base-faq details[open] summary:after{transform:rotate(90deg)scaleX(0)}.base-faq details:has(summary[aria-expanded=true]) summary:after{transform:rotate(90deg)scaleX(0)}.base-faq details:has(summary[aria-expanded=false]) summary:after{transform:rotate(90deg)}.base-closing{isolation:isolate;border-radius:24px;margin-bottom:48px;position:relative;overflow:hidden}.base-closing:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 100%, var(--base-detail-wash), transparent 65%);border:1px solid var(--base-hairline);border-radius:inherit;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.base-step:hover>span:first-child{box-shadow:0 0 20px var(--base-detail-wash)}.base-reel-card:hover{transform:translateY(-3px)}.base-reel-card:hover .base-reel-caption>span:last-child{transform:translate(2px,-2px)}}@media (max-width:767px){.base-reel{scroll-snap-type:x mandatory;gap:16px;padding:1px 1px 20px;display:flex;overflow-x:auto}.base-reel-card{scroll-snap-align:center;flex:0 0 min(80%,270px)}.base-foundation-facts{gap:14px}.base-foundation-facts>span+span{padding-left:14px}}@media (prefers-reduced-motion:reduce){.base-hero h1 em:after,.base-site .base-license:after,.base-site .base-link-primary:after,.base-typing-mask{animation:none}.base-typing:after,.base-spotlight{display:none}.base-site .base-reel-card:hover,.base-site .base-reel-card:hover .base-reel-caption>span:last-child{transform:none}}.base-theme-code-heading{border-bottom:1px solid var(--base-hairline);font:10px var(--font-geist-mono), monospace;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.base-page-notes{color:var(--muted-foreground);font:10px var(--font-geist-mono), monospace;flex-wrap:wrap;gap:12px 24px;margin-top:32px;display:flex}.base-typing{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.base-typing-mask{background:var(--card);animation:base-type-travel calc(var(--base-length) * 22ms) steps(var(--base-length), end) both;position:absolute;inset:0}.base-typing-mask:before{content:"";background:currentColor;width:1px;animation:1s steps(2,end) 2 forwards base-type-cursor;position:absolute;top:.15em;bottom:.15em;left:0}.base-typing[data-base-playing=false] .base-typing-mask,.base-typing[data-base-playing=false] .base-typing-mask:before{animation-play-state:paused}@keyframes base-type-travel{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes base-type-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.base-typing-mask{display:none}}@media (prefers-reduced-motion:no-preference){.base-site [data-base-reveal=pending]{opacity:0}}.base-token-surface{--base-actionText:var(--base-light-actionText);--base-background:var(--base-light-background);--base-foreground:var(--base-light-foreground);--base-card:var(--base-light-card);--base-cardForeground:var(--base-light-cardForeground);--base-popover:var(--base-light-popover);--base-popoverForeground:var(--base-light-popoverForeground);--base-secondary:var(--base-light-secondary);--base-secondaryForeground:var(--base-light-secondaryForeground);--base-muted:var(--base-light-muted);--base-mutedForeground:var(--base-light-mutedForeground);--base-accent:var(--base-light-accent);--base-accentForeground:var(--base-light-accentForeground);--base-destructive:var(--base-light-destructive);--base-destructiveSurface:var(--base-light-destructiveSurface);--base-border:var(--base-light-border);--base-input:var(--base-light-input);--base-inputSurface:var(--base-light-inputSurface);--base-overlay:var(--base-light-overlay);--base-primary:var(--base-light-primary);--base-primaryForeground:var(--base-light-primaryForeground);--base-ring:var(--base-light-ring);--base-ringSoft:var(--base-light-ringSoft);--base-radius-sm:var(--base-light-radius-sm);--base-radius-md:var(--base-light-radius-md);--base-radius-lg:var(--base-light-radius-lg);--base-radius-xl:var(--base-light-radius-xl);--base-radius-full:var(--base-light-radius-full);--base-shadow-xs:var(--base-light-shadow-xs);--base-shadow-sm:var(--base-light-shadow-sm);--base-shadow-lg:var(--base-light-shadow-lg)}:root.dark .base-token-surface{--base-actionText:var(--base-dark-actionText);--base-background:var(--base-dark-background);--base-foreground:var(--base-dark-foreground);--base-card:var(--base-dark-card);--base-cardForeground:var(--base-dark-cardForeground);--base-popover:var(--base-dark-popover);--base-popoverForeground:var(--base-dark-popoverForeground);--base-secondary:var(--base-dark-secondary);--base-secondaryForeground:var(--base-dark-secondaryForeground);--base-muted:var(--base-dark-muted);--base-mutedForeground:var(--base-dark-mutedForeground);--base-accent:var(--base-dark-accent);--base-accentForeground:var(--base-dark-accentForeground);--base-destructive:var(--base-dark-destructive);--base-destructiveSurface:var(--base-dark-destructiveSurface);--base-border:var(--base-dark-border);--base-input:var(--base-dark-input);--base-inputSurface:var(--base-dark-inputSurface);--base-overlay:var(--base-dark-overlay);--base-primary:var(--base-dark-primary);--base-primaryForeground:var(--base-dark-primaryForeground);--base-ring:var(--base-dark-ring);--base-ringSoft:var(--base-dark-ringSoft);--base-radius-sm:var(--base-dark-radius-sm);--base-radius-md:var(--base-dark-radius-md);--base-radius-lg:var(--base-dark-radius-lg);--base-radius-xl:var(--base-dark-radius-xl);--base-radius-full:var(--base-dark-radius-full);--base-shadow-xs:var(--base-dark-shadow-xs);--base-shadow-sm:var(--base-dark-shadow-sm);--base-shadow-lg:var(--base-dark-shadow-lg)}.base-mode-dark,:root.dark .base-mode-light{display:none}:root.dark .base-mode-dark{display:inline}.base-device{--preview-surface:var(--base-background,var(--background));isolation:isolate;aspect-ratio:1/2;border:3px solid var(--preview-surface);outline:1px solid var(--base-border,var(--border));background:var(--preview-surface);width:100%;box-shadow:0 2px 4px -2px var(--base-depth), 0 20px 36px -24px var(--base-depth);border-radius:12%/6%;position:relative;overflow:hidden}.base-device :is(img,video){object-fit:contain;object-position:center}.base-reel-media{width:min(100%,184px)}.base-phone-stage{scrollbar-width:thin;grid-template-columns:repeat(3,260px);gap:24px;padding:40px 24px 32px;scroll-padding-inline:24px}.base-phone{flex-shrink:0;width:260px;height:520px}.base-phone-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:20px 16px 16px;scroll-padding:16px;overflow-y:auto}.base-phone .base-phone-content:focus-visible{outline-offset:-3px}.base-phone-status{display:none}.base-phone .base-demo-eyebrow,.base-phone .base-habit small,.base-phone .base-habit-done,.base-phone .base-setting small,.base-phone .base-profile>span:last-child,.base-phone .base-demo-summary small,.base-phone .base-chart small{font-size:10px}.base-phone .base-habit strong,.base-phone .base-setting,.base-phone .base-demo-copy,.base-phone .base-demo-metric p,.base-phone .base-demo-toast,.base-phone .base-demo-section,.base-phone .base-demo-summary>span{font-size:12px}.base-phone .base-demo-summary{margin-top:16px;padding:12px}.base-phone .base-demo-section{margin-top:16px}.base-phone .base-demo-greeting h3{margin-top:8px}.base-phone .base-demo-button{margin-top:16px}.base-demo-bottom{background:var(--base-background);flex-shrink:0;padding:2px 12px}.base-demo-bottom button{border-radius:var(--base-radius-md);place-items:center;min-width:44px;min-height:44px;display:grid}.base-demo-bottom button[aria-pressed=true]{color:var(--base-primary);background:var(--base-secondary)}.base-screen-picker{border-bottom:1px solid var(--base-hairline);background:var(--background);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 16px;display:flex}.base-screen-picker button{min-height:44px;color:var(--muted-foreground);border-radius:6px;padding:8px 12px;font-size:12px}.base-screen-picker button[aria-pressed=true]{background:var(--muted);color:var(--foreground)}.base-screen-picker>span{color:var(--muted-foreground);margin-left:auto;font-size:11px}.base-component-grid{grid-template-columns:minmax(0,1fr);gap:24px}.base-component-preview{aspect-ratio:auto;height:288px;padding:24px}.base-component-preview>.base-device{aspect-ratio:1/2;border-width:3px;border-radius:12%/6%;width:auto;height:100%}.base-component-meta{padding:20px}.base-component-meta :is(h2,h3){letter-spacing:-.02em;font-size:16px}.base-component-meta p,.base-block p{font-size:14px;line-height:1.75}.base-component-meta p{max-width:65ch}.base-reel-index,.base-small-label,.base-config-file,.base-page-notes{font-size:11px}.base-config-panel pre,.base-theme-code pre,.base-config-hint,.base-config-foot,.base-proofs,.base-foundation-facts,.base-reel-description{font-size:12px}.base-connect{scroll-margin-top:168px}.base-agent-tabs button{min-height:44px;font-size:12px}.base-site :is([data-slot=button],[role=tab]){min-height:44px}.base-site [data-slot=button]:not(:has(>:not([aria-hidden],.sr-only))){min-width:44px}.base-prompt button{min-width:44px;min-height:44px}.base-prompt p{font-size:13px}.base-theme-controls{flex-wrap:wrap;gap:12px;max-width:100%}.base-theme-controls fieldset{flex-wrap:wrap;gap:6px;min-width:0}.base-scheme button{place-items:center;width:44px;min-height:44px;display:grid}.base-scheme svg{width:16px;height:16px}.base-scheme{padding:0}.base-demo-tabs button,.base-demo-button,.base-demo-secondary{min-height:44px;font-size:12px}.base-demo-tabs{margin:16px 0}.base-demo-field,.base-widget .base-demo-field{font-size:12px}.base-demo-field input,.base-widget .base-demo-field input,.base-filter-bar input,.base-filter-bar select{min-height:44px;font-size:16px}.base-demo-text-button{min-width:44px;min-height:44px;font-size:12px}.base-demo-switch{background:0 0;width:44px;height:44px;padding:0;position:relative}.base-demo-switch[aria-checked=true]{background:0 0}.base-demo-switch:before{content:"";background:var(--base-input);border-radius:100px;position:absolute;inset:12px 4px}.base-demo-switch[aria-checked=true]:before{background:var(--base-primary)}.base-demo-switch span{width:14px;height:14px;position:absolute;top:15px;left:7px}.base-demo-switch[aria-checked=true] span{transform:translate(16px)}.base-demo-checkbox{min-height:44px}.base-faq details{padding:12px 0}.base-faq summary{align-items:center;min-height:44px}.base-page-heading p:not(.base-eyebrow),.base-section-heading p:not(.base-eyebrow){max-width:65ch}.base-nav-inner{align-items:center;gap:24px;min-height:56px;display:flex}.base-nav-inner>a{align-items:center;min-height:44px;display:inline-flex}.base-nav-inner>a[aria-current=page]{color:var(--base-primary);position:relative}.base-nav-inner>a[aria-current=page]:after{content:"";background:var(--base-primary);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.base-nav-links{white-space:nowrap;scrollbar-width:thin;align-items:center;gap:16px;min-width:0;display:flex;overflow-x:auto}.base-nav-links a{flex-shrink:0;align-items:center;min-height:56px;padding-inline:4px;display:inline-flex}.base-nav-links a[aria-current=page]:after{background:var(--base-primary);bottom:0}.base-nav-links>.base-motion-indicator{background:color-mix(in oklab, var(--base-primary) 8%, transparent)}.base-nav-links a[aria-current=page]{color:var(--base-primary)}.base-source select,.base-source button,.base-source summary{min-height:44px}.base-source summary{overflow-wrap:anywhere;align-content:center;font-size:13px}.base-source a[download]{overflow-wrap:anywhere;padding-block:12px}.base-piece-context p{max-width:65ch}.base-piece-context>section a{align-items:center;min-height:44px;display:inline-flex}.base-detail-stage{border:1px solid var(--border);background:var(--muted);border-radius:16px;justify-content:center;padding:24px;display:flex}.base-detail-stage>.base-device{max-width:240px}@media (min-width:640px){.base-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.base-component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.base-screen-picker{display:none}}@media (max-width:1023px){.base-phone-stage{scroll-snap-type:x mandatory;justify-content:start;gap:20px;padding:24px 20px;overflow-x:auto}.base-phone{scroll-snap-align:start}.base-phone:nth-child(2),.base-phone:nth-child(2):hover{transform:none}.base-showcase-caption{display:none}.base-nav-inner{flex-wrap:wrap;gap:0}.base-nav-inner>a{min-height:44px;font-size:12px}.base-nav-links{flex-basis:100%;gap:16px;padding-right:16px}.base-nav-links a{min-height:44px;font-size:13px}.base-theme-widgets{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.base-hero h1{font-size:clamp(36px,10.7vw,44px)}.base-showcase-toolbar{gap:12px;padding:16px 12px}.base-theme-controls{width:100%}.base-theme-controls fieldset{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.base-control-divider{display:none}.base-reel-media{width:min(100%,176px)}.base-component-preview{height:304px}.base-page-heading{padding-top:40px}.base-screen-picker>span{flex-basis:100%;margin-left:12px}.base-theme-code{padding:16px}.base-block p{font-size:14px}.base-site .base-widget :is(.base-demo-button,.base-demo-secondary){min-height:44px}.base-config-hint:after,.base-theme-code-heading:after{content:"Scroll code ↔";color:var(--muted-foreground);font-size:11px;display:block}.base-theme-code-heading{flex-wrap:wrap}}@media (max-width:359px){.base-phone-stage{grid-template-columns:repeat(3,240px);padding-inline:12px}.base-phone{width:240px;height:480px}.base-agent-tabs button{padding-inline:4px;font-size:11px}}.base-docs-frame{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:32px 64px;display:grid}.base-docs-navigation{min-width:0}.base-docs-desktop{display:none}.base-docs-mobile{border:1px solid var(--border);background:var(--background);border-radius:8px}.base-docs-mobile summary{cursor:pointer;min-height:48px;padding:12px;font-size:14px}.base-docs-mobile summary>span{color:var(--muted-foreground);margin-left:8px;font-size:12px}.base-docs-navigation nav a{min-height:44px;color:var(--muted-foreground);border-radius:6px;align-items:center;padding:8px 12px;font-size:14px;display:flex}.base-docs-navigation nav a:hover{background:var(--muted)}.base-docs-navigation nav a[aria-current=page]{color:var(--base-primary);background:var(--muted);box-shadow:inset 2px 0 var(--base-primary)}.base-docs-connect{text-underline-offset:4px;align-items:center;min-height:44px;margin-top:12px;font-size:13px;text-decoration:underline;display:inline-flex}.base-docs-article{min-width:0}.base-docs-article article>header h1{font-size:clamp(30px,3vw,40px);line-height:1.12}.base-docs-article article :is(h2,h3){scroll-margin-top:168px}.base-docs-article article :is(p,li){max-width:70ch}.base-docs-article article>header>p{font-size:16px;line-height:1.75}.base-docs-article :is(button,[role=tab],header a[aria-label]){min-width:44px;min-height:44px}.base-docs-article :is(pre,.shiki-host){scrollbar-width:thin}.base-docs-article article figure:after{content:"Scroll code horizontally if needed ↔";color:var(--muted-foreground);border-top:1px solid var(--base-hairline);padding:6px 12px;font-size:11px;display:block}.base-docs-article article>header>div:first-child{flex-wrap:wrap}@media (min-width:1024px){.base-docs-frame{grid-template-columns:192px minmax(0,1fr);gap:40px;padding-block:48px 80px}.base-docs-navigation{align-self:start;max-height:calc(100dvh - 152px);position:sticky;top:136px;overflow-y:auto}.base-docs-desktop{display:block}.base-docs-desktop p{margin-bottom:16px;font-size:10px}.base-docs-mobile{display:none}.base-docs-article aside>div{top:136px}.base-docs-article article>header>div:first-child{flex-wrap:nowrap}}.base-phone-action{border-top:1px solid var(--base-border);background:var(--base-background);flex-shrink:0;padding:8px 16px}.base-phone .base-phone-action .base-demo-button{margin:0}.base-site :is(.base-command,.base-docs-article) [role=tablist]{min-height:52px}.base-docs-article header>div:nth-child(2) a,.base-docs-article aside nav a{min-height:44px}.base-source .shiki-host:after{content:"Scroll code horizontally if needed ↔";color:var(--muted-foreground);padding:6px 12px;font-size:11px;display:block}@media (max-width:767px){.base-hero-actions{gap:8px}.base-hero-actions :is(.base-link-primary,.base-link-secondary){padding-inline:14px}}.base-site [role=tab],.base-nav-links a{min-width:44px}.base-page-heading p.base-eyebrow,.base-section-heading p.base-eyebrow{margin-top:0;font-size:11px}