@layer base{body:has(.ui-product,.ui-scope){background:var(--background);color:var(--foreground);font-family:var(--font-sans)}body:has(.ui-product,.ui-scope) :is(h1,h2,h3,h4,h5,h6):not([data-slot]){font-family:inherit}}.ui-product{background:var(--background);min-height:100svh;color:var(--foreground)}.ui-product .site-header{z-index:40;font-family:var(--font-inter), sans-serif;position:sticky;top:0}.ui-shell{grid-template-columns:264px minmax(0,1fr);max-width:1480px;margin-inline:auto;display:grid}.ui-sidebar{top:var(--site-header-height);height:calc(100svh - var(--site-header-height));border-right:1px solid var(--border);position:sticky}.ui-main{min-width:0;padding:48px clamp(20px,4vw,64px) 120px}.ui-product [data-gallery-group]{scroll-margin-top:24px}.ui-product [data-arrived] [data-gallery-stage=card]{animation:1.6s ease-out gallery-arrive-ring}.ui-product [data-arrived][data-gallery-stage=row]{animation:1.6s ease-out gallery-arrive-wash}@keyframes gallery-arrive-ring{0%,35%{box-shadow:0 0 0 2px var(--primary), 0 0 0 7px color-mix(in srgb, var(--primary) 16%, transparent)}to{box-shadow:0 0 0 2px #0000,0 0 0 7px #0000}}@keyframes gallery-arrive-wash{0%,35%{background-color:var(--primary-surface)}to{background-color:#0000}}@media (max-width:900px){.ui-shell{grid-template-columns:minmax(0,1fr)}.ui-sidebar{display:none}.ui-main{padding-top:24px}}.phone{background:#0a0a0a;border-radius:48px;flex-shrink:0;width:300px;height:612px;padding:10px;position:relative;transform:translateZ(0);box-shadow:inset 0 0 0 1px #ffffff0f,0 30px 60px -24px #0b2e6b59,0 12px 24px -12px #10182840}.phone-screen{background:var(--background);isolation:isolate;clip-path:inset(0 round 38px);border-radius:38px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.phone-status{z-index:50;letter-spacing:-.01em;background:var(--background);flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:6px 26px 0;font-size:13px;font-weight:600;display:flex;position:relative}.phone-island{background:#0a0a0a;border-radius:9999px;width:84px;height:24px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-home{z-index:60;background:color-mix(in srgb, var(--foreground) 80%, transparent);pointer-events:none;border-radius:9999px;width:104px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.phone-screen [data-slot=pull-to-refresh]>div:last-child,.phone-screen [data-slot=chat-messages] [data-virtuoso-scroller],.phone-screen [data-slot=bottom-sheet-content] .phone-scroll{scrollbar-width:none}.phone-screen [data-slot=pull-to-refresh]>div:last-child::-webkit-scrollbar{display:none}.phone-screen [data-slot=chat-messages] [data-virtuoso-scroller]::-webkit-scrollbar{display:none}.phone-screen [data-slot=bottom-sheet-content] .phone-scroll::-webkit-scrollbar{display:none}.ui-photo{background:radial-gradient(60% 80% at 20% 25%, var(--p1) 0%, transparent 60%), radial-gradient(55% 70% at 85% 35%, var(--p2) 0%, transparent 62%), radial-gradient(70% 70% at 50% 110%, var(--p3) 0%, transparent 60%), linear-gradient(160deg, var(--p4), var(--p5));position:relative;overflow:hidden}.ui-photo:after{content:"";mix-blend-mode:soft-light;background:repeating-linear-gradient(115deg,#ffffff24 0 2px,#0000 2px 18px);position:absolute;inset:0}.ui-photo[data-tone=sunset]{--p1:#ffd29d;--p2:#ff7a9a;--p3:#7b61ff;--p4:#ff9a62;--p5:#4f6bff}.ui-photo[data-tone=sea]{--p1:#b8f3ff;--p2:#4fd1c5;--p3:#2563eb;--p4:#7dd3fc;--p5:#1e40af}.ui-photo[data-tone=forest]{--p1:#e6ffb8;--p2:#4ade80;--p3:#0f766e;--p4:#a3e635;--p5:#115e59}.ui-photo[data-tone=dusk]{--p1:#fbcfe8;--p2:#a78bfa;--p3:#1e1b4b;--p4:#f0abfc;--p5:#312e81}.ui-photo[data-tone=sand]{--p1:#fff1c7;--p2:#f6b26b;--p3:#9a6b3c;--p4:#f9d99a;--p5:#c2794a}.ui-photo[data-tone=lava]{--p1:#9fb7c9;--p2:#4b5a6b;--p3:#0b1220;--p4:#6b7c8c;--p5:#1f2a37}.ui-code{color:#e6e8eb;background:#0f1216}.ui-code .hljs{background:0 0;padding:0}@media (prefers-reduced-motion:reduce){.ui-product *{scroll-behavior:auto!important}}.ui-menu-button{display:none}@media (max-width:900px){.ui-menu-button{margin-right:-8px;display:inline-flex}}.ui-guide{max-width:720px;color:var(--soft-foreground);font-size:15px;line-height:1.7}.ui-guide :is(h1,h2,h3){color:var(--foreground);letter-spacing:-.024em;font-family:inherit}.ui-guide h1{font-size:32px;line-height:1.14}.ui-guide :is(code):not(pre code){background:var(--muted);color:var(--foreground);border-radius:6px;padding:.12em .4em;font-size:.88em}.ui-guide :is(code):not(pre code):before,.ui-guide :is(code):not(pre code):after{content:none}.ui-guide pre{border-radius:calc(var(--radius) * var(--radius-scale));background:#0f1216}.ui-guide a{color:var(--primary);text-underline-offset:3px}.theme-editor-frame{border:1px solid var(--border);border-radius:calc(var(--card-radius) * var(--radius-scale));background:var(--background);width:100%;height:min(860px,82svh)}