:root{--clay-canvas:#fbfaff;--clay-canvas-2:#f5f2fe;--clay-surface:#fff;--clay-ink:#2b2a5e;--clay-ink-2:#45447a;--clay-soft:#6c6b96;--clay-faint:#9897b8;--clay-line:#2b2a5e14;--clay-line-2:#2b2a5e24;--clay-lavender:#cdbdf6;--clay-lavender-deep:#a993ec;--clay-lavender-tint:#f1ecfe;--clay-lavender-dot:#8b6fe6;--clay-coral:#f7837a;--clay-coral-deep:#e5625a;--clay-coral-tint:#ffe9e6;--clay-coral-dot:#ec5a50;--clay-peach:#ffd2b8;--clay-peach-deep:#f2ae8c;--clay-peach-tint:#fff2ea;--clay-peach-dot:#f08a55;--clay-mint:#aee8d2;--clay-mint-deep:#7fd2b2;--clay-mint-tint:#eafaf3;--clay-mint-dot:#2fbf8a;--clay-butter:#fbe98f;--clay-butter-deep:#ecd060;--clay-butter-tint:#fff9dc;--clay-butter-dot:#f2b807;--clay-sky:#bcd6fc;--clay-sky-deep:#92b8f2;--clay-sky-tint:#eef4ff;--clay-sky-dot:#4d8ef0;--clay-pink:#fac8dc;--clay-pink-deep:#ee9fbf;--clay-pink-tint:#fff0f6;--clay-pink-dot:#e8679b;--clay-lime:#cdf0b6;--clay-lime-deep:#a6dc86;--clay-white:#fff;--clay-white-deep:#d9d6ec;--clay-r-pill:999px;--clay-r-card:28px;--clay-r-tile:22px;--clay-r-field:18px;--clay-ease:cubic-bezier(.34, 1.56, .64, 1);--clay-ease-out:cubic-bezier(.23, 1, .32, 1)}:where(.clay){--c:var(--clay-white);--c-deep:var(--clay-white-deep);--c-ink:var(--clay-ink)}.clay--lavender{--c:var(--clay-lavender);--c-deep:var(--clay-lavender-deep);--c-ink:var(--clay-ink)}.clay--coral{--c:#cf463c;--c-deep:#b5372f;--c-ink:#fff}.clay--coral-soft{--c:var(--clay-coral);--c-deep:var(--clay-coral-deep);--c-ink:var(--clay-ink)}.clay--peach{--c:var(--clay-peach);--c-deep:var(--clay-peach-deep);--c-ink:var(--clay-ink)}.clay--mint{--c:var(--clay-mint);--c-deep:var(--clay-mint-deep);--c-ink:var(--clay-ink)}.clay--butter{--c:var(--clay-butter);--c-deep:var(--clay-butter-deep);--c-ink:var(--clay-ink)}.clay--sky{--c:var(--clay-sky);--c-deep:var(--clay-sky-deep);--c-ink:var(--clay-ink)}.clay--pink{--c:var(--clay-pink);--c-deep:var(--clay-pink-deep);--c-ink:var(--clay-ink)}.clay--lime{--c:var(--clay-lime);--c-deep:var(--clay-lime-deep);--c-ink:var(--clay-ink)}.clay--white{--c:var(--clay-white);--c-deep:var(--clay-white-deep);--c-ink:var(--clay-ink)}.clay{background:radial-gradient(120% 90% at 30% 15%, #ffffff73, transparent 55%), var(--c);color:var(--c-ink);box-shadow:0 18px 30px -16px color-mix(in oklab, var(--c-deep) 75%, transparent), 0 6px 12px -6px color-mix(in oklab, var(--c-deep) 45%, transparent), inset 0 3px 4px #fffc, inset 0 -5px 8px color-mix(in oklab, var(--c-deep) 40%, transparent);transition:transform .22s var(--clay-ease), box-shadow .22s var(--clay-ease-out), filter .16s;position:relative}.clay-press{cursor:pointer}.clay-press:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-2px)}.clay-press:active:not(:disabled){box-shadow:0 8px 14px -10px color-mix(in oklab, var(--c-deep) 70%, transparent), inset 0 2px 3px #ffffffb3, inset 0 -2px 5px color-mix(in oklab, var(--c-deep) 45%, transparent);transform:translateY(1px)scale(.985)}.clay-press:disabled{opacity:.55;cursor:not-allowed}.clay-press:focus-visible{outline:3px solid color-mix(in oklab, var(--c-deep) 80%, var(--clay-ink));outline-offset:3px}.clay-pill{border-radius:var(--clay-r-pill)}.clay-card{border-radius:var(--clay-r-card)}.clay-tile{border-radius:var(--clay-r-tile);aspect-ratio:1;place-items:center;display:grid}.clay-orb{aspect-ratio:1;border-radius:999px;place-items:center;display:grid}.clay-inset{background:var(--c,var(--clay-canvas-2));box-shadow:inset 0 3px 6px color-mix(in oklab, var(--c-deep,var(--clay-white-deep)) 55%, transparent), inset 0 -2px 3px #ffffffd9, 0 1px 0 #ffffffe6}.clay-status{--c:var(--clay-lavender);--c-deep:var(--clay-lavender-deep);--dot:var(--clay-lavender-dot);border-radius:var(--clay-r-pill);color:var(--clay-ink);background:radial-gradient(120% 90% at 30% 15%, #ffffff73, transparent 55%), var(--c);box-shadow:0 8px 14px -10px color-mix(in oklab, var(--c-deep) 80%, transparent), inset 0 2px 2px #fffc, inset 0 -3px 4px color-mix(in oklab, var(--c-deep) 40%, transparent);white-space:nowrap;align-items:center;gap:.5em;padding:.3em .9em .3em .75em;font-size:.8rem;font-weight:700;line-height:1.4;display:inline-flex}.clay-status:before{content:"";background:var(--dot);width:.6em;height:.6em;box-shadow:inset 0 1px 1px #fff9, 0 1px 2px color-mix(in oklab, var(--dot) 60%, transparent);border-radius:99px}.clay-status--mint{--c:var(--clay-mint);--c-deep:var(--clay-mint-deep);--dot:var(--clay-mint-dot)}.clay-status--butter{--c:var(--clay-butter);--c-deep:var(--clay-butter-deep);--dot:var(--clay-butter-dot)}.clay-status--lavender{--c:var(--clay-lavender);--c-deep:var(--clay-lavender-deep);--dot:var(--clay-lavender-dot)}.clay-status--coral{--c:var(--clay-coral-tint);--c-deep:var(--clay-coral);--dot:var(--clay-coral-dot)}.clay-status--sky{--c:var(--clay-sky);--c-deep:var(--clay-sky-deep);--dot:var(--clay-sky-dot)}.clay-status--peach{--c:var(--clay-peach);--c-deep:var(--clay-peach-deep);--dot:var(--clay-peach-dot)}.clay-status--pink{--c:var(--clay-pink);--c-deep:var(--clay-pink-deep);--dot:var(--clay-pink-dot)}.clay-icon{color:var(--clay-ink);filter:drop-shadow(0 1px #fff9)}.clay-app{font-family:var(--font-clay), ui-rounded, system-ui, sans-serif;color:var(--clay-ink);font-weight:500}.clay-app h1{letter-spacing:-.02em;font-weight:900}.clay-app h2,.clay-app h3{letter-spacing:-.01em;font-weight:800}.clay-app strong,.clay-app b{font-weight:800}.clay-app ::selection{background:var(--clay-lavender);color:var(--clay-ink)}@media (prefers-reduced-motion:reduce){.clay,.clay-press{transition:none}.clay-press:hover:not(:disabled),.clay-press:active:not(:disabled){transform:none}}.social-link{transition:transform .15s,color .15s}.social-link:hover{transform:translateY(-2px);color:#6a4fd6!important}.social-link:focus-visible{outline-offset:3px;outline:2px solid #6a4fd6}@media (prefers-reduced-motion:reduce){.social-link,.social-link:hover{transition:none;transform:none}}