.ui-hero{--tone:var(--amethyst);isolation:isolate;position:relative}.ui-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 50% at 12% 50%, color-mix(in oklab, var(--tone) 16%, transparent), transparent);position:absolute;inset:-3rem -2rem}.ui-hero-icon,.ui-icon{border:1px solid color-mix(in oklab, var(--tone,var(--amethyst)) 40%, transparent);background:color-mix(in oklab, var(--tone,var(--amethyst)) 14%, transparent);color:var(--tone,var(--amethyst));border-radius:.8rem;flex-shrink:0;place-items:center;display:grid}.ui-hero-icon{width:3rem;height:3rem;box-shadow:0 14px 30px -18px var(--tone);border-radius:1rem}.ui-icon{width:2.25rem;height:2.25rem}.ui-icon-sm{border-radius:.6rem;width:1.75rem;height:1.75rem}.ui-panel{--tone:var(--amethyst);border:1px solid var(--border);background:linear-gradient(160deg, rgb(var(--ink-rgb) / .03), transparent 55%), var(--card);border-radius:1rem;position:relative}.ui-panel[data-glow]{background:radial-gradient(36rem 9rem at 50% 0%, color-mix(in oklab, var(--tone) 12%, transparent), transparent 75%), var(--card)}.ui-card{--tone:var(--amethyst);border:1px solid var(--border);background:var(--card);transition:border-color .18s ease, box-shadow .22s ease, translate .22s var(--ease-out-soft,ease-out), scale .12s ease;border-radius:1rem;outline:none;position:relative;overflow:hidden}.ui-card:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--tone), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;inset:0 0 auto}.ui-card:hover{border-color:color-mix(in oklab, var(--tone) 45%, var(--border));box-shadow:0 20px 36px -26px var(--tone);translate:0 -3px}.ui-card:hover:before,.ui-card[aria-current=page]:before,.ui-card[data-selected=true]:before{opacity:1}.ui-card:active{scale:.985}.ui-card:focus-visible{box-shadow:0 0 0 2px var(--ring)}.ui-card[data-selected=true],.ui-card[aria-current=page]{border-color:color-mix(in oklab, var(--tone) 70%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--tone) 45%, transparent), 0 22px 40px -28px var(--tone)}.ui-stage{isolation:isolate;background:radial-gradient(70% 80% at 50% 0%, color-mix(in oklab, var(--tone) 24%, transparent), transparent 72%), radial-gradient(rgb(var(--ink-rgb) / .07) 1px, transparent 1.2px) 0 0 / 14px 14px, linear-gradient(180deg, rgb(var(--ink-rgb) / .02), transparent);place-items:center;display:grid;position:relative;overflow:hidden}.ui-stage>*{transition:scale .26s var(--ease-out-soft,ease-out)}.ui-card:hover .ui-stage>*{scale:1.06}.ui-pill{border:1px solid var(--border);background:var(--card);white-space:nowrap;color:var(--muted-foreground);border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .55rem;font-size:.6875rem;font-weight:600;line-height:1.4;display:inline-flex}.ui-pill[data-tone]{border-color:color-mix(in oklab, var(--tone,var(--amethyst)) 55%, transparent);background:color-mix(in oklab, var(--tone,var(--amethyst)) 16%, var(--card));color:var(--foreground)}.ui-dot{background:var(--tone,var(--amethyst));width:.5rem;height:.5rem;box-shadow:0 0 10px var(--tone,var(--amethyst));border-radius:999px;flex-shrink:0;display:inline-block}.ui-empty{border:1px dashed color-mix(in oklab, var(--tone,var(--amethyst)) 30%, var(--border));background:radial-gradient(20rem 8rem at 50% 0%, color-mix(in oklab, var(--tone,var(--amethyst)) 8%, transparent), transparent 75%);border-radius:1rem}.ui-segment{border:1px solid var(--border);background:rgb(var(--ink-rgb) / .025);border-radius:1rem;gap:.25rem;padding:.3rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.ui-card,.ui-stage>*{transition:none}.ui-card:hover{translate:none}.ui-card:hover .ui-stage>*{scale:none}}:root[data-motion=off] .ui-card:hover{translate:none}:root[data-motion=off] .ui-card:hover .ui-stage>*{scale:none}