:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-soft: oklch(35% .02 250);--color-muted: oklch(52% .02 250);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(76% .16 95);--color-accent-2: oklch(66% .18 235);--color-accent-3: oklch(68% .24 18);--color-mint: oklch(80% .16 150);--color-lavender: oklch(74% .16 305);--color-line: oklch(88% .02 95);--color-xhs: oklch(62% .22 18);--color-douyin: oklch(28% .04 250);--color-moments: oklch(55% .14 150);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-lg: 24px;--radius-md: 16px;--radius-pill: 999px;--shadow-soft: 0 18px 40px -24px oklch(20% .02 250 / .35);--shadow-lift: 0 22px 48px -20px oklch(20% .02 250 / .4);--ease-press: cubic-bezier(.2, .7, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip;background:radial-gradient(900px 480px at 8% -8%,oklch(92% .09 95 / .85),transparent 55%),radial-gradient(700px 420px at 96% 4%,oklch(90% .07 235 / .4),transparent 48%),radial-gradient(500px 320px at 70% 100%,oklch(92% .06 18 / .22),transparent 50%),var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.55}button,input,textarea{font:inherit}a{color:var(--color-accent-2)}.btn{--btn-face: var(--color-accent);--btn-ink: var(--color-ink);--btn-edge: var(--color-accent-deep);--btn-cast: oklch(76% .2 95 / .45);display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.85rem 1.4rem;border:0;border-radius:var(--radius-pill);background:var(--btn-face);color:var(--btn-ink);font-weight:700;cursor:pointer;box-shadow:0 4px 0 0 var(--btn-edge),0 6px 12px -3px var(--btn-cast);transform:translateY(0);transition:transform .14s var(--ease-press),box-shadow .14s var(--ease-press),background-color .16s,opacity .16s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 0 var(--btn-edge),0 12px 22px -4px var(--btn-cast)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 0 var(--btn-edge),0 2px 6px -2px var(--btn-cast);transition-duration:70ms}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--ink{--btn-face: var(--color-ink);--btn-ink: var(--color-paper);--btn-edge: oklch(12% .02 250);--btn-cast: oklch(20% .02 250 / .35)}.btn--pear{--btn-face: var(--color-accent);--btn-ink: var(--color-ink);--btn-edge: var(--color-accent-deep);--btn-cast: oklch(76% .2 95 / .45)}.btn--ghost{--btn-face: #fff;--btn-ink: var(--color-ink);--btn-edge: var(--color-line);--btn-cast: oklch(20% .02 250 / .1);border:1px solid var(--color-line)}.btn--sm{padding:.5rem .95rem;font-size:.875rem}.btn--lg{padding:1rem 1.6rem;font-size:1.05rem}.btn--coral{--btn-face: var(--color-accent-3);--btn-ink: #fff;--btn-edge: oklch(55% .2 18);--btn-cast: oklch(68% .24 18 / .35)}.btn--block{width:100%}.btn:focus-visible{outline:3px solid var(--color-accent-2);outline-offset:3px}.btn__spin{width:1em;height:1em;border:2px solid color-mix(in oklab,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}