:root{--glass-bg:color-mix(in oklab, var(--card) 72%, transparent);--glass-bg-hover:color-mix(in oklab, var(--card) 86%, transparent);--glass-bg-solid:color-mix(in oklab, var(--card) 97%, transparent);--glass-blur:14px;--glass-saturate:1.35;--glass-highlight:inset 0 1px 0 #fffc, inset 0 0 0 1px #ffffff59;--glass-shadow:0 1px 2px color-mix(in oklab, var(--ink) 5%, transparent), 0 16px 40px -20px color-mix(in oklab, var(--ink) 24%, transparent);--glass-radius-bump:4px;--glass-lift:-2px;--glass-motion:.18s;--glass-pill-bg:color-mix(in oklab, var(--card) 58%, transparent);--glass-pill-bg-hover:color-mix(in oklab, var(--card) 86%, transparent);--glass-pill-blur:12px;--glass-pill-shadow:inset 0 1px 0 #ffffffd9, inset 0 0 0 1px #ffffff4d, 0 8px 24px -14px color-mix(in oklab, var(--ink) 30%, transparent)}@layer utilities{.bg-card,.glass{background-color:var(--glass-bg-solid);box-shadow:var(--glass-highlight), var(--glass-shadow);transition-property:translate;transition-duration:var(--glass-motion);transition-timing-function:cubic-bezier(.2,.7,.2,1)}.bg-card.transition-colors{transition-property:color,background-color,border-color,translate}.bg-card.transition-all{transition-property:all}.bg-card.rounded-xl,.glass.rounded-xl{border-radius:calc(var(--radius) + 4px + var(--glass-radius-bump))}.bg-card.rounded-2xl,.glass.rounded-2xl{border-radius:calc(var(--radius) + 8px + var(--glass-radius-bump))}.bg-card.rounded-3xl,.glass.rounded-3xl,.bg-card\/60.rounded-3xl{border-radius:calc(var(--radius) + 12px + var(--glass-radius-bump))}@media (hover:hover){:is(a,button).bg-card:hover,.bg-card[class*=hover\:]:hover{translate:0 var(--glass-lift)}}:is(a,button).rounded-full{transition-property:transform;transition-duration:var(--glass-motion);transition-timing-function:cubic-bezier(.2,.7,.2,1)}:is(a,button).rounded-full.transition-all{transition-property:all}:is(a,button).rounded-full.bg-gradient-primary{background-image:linear-gradient(180deg, #ffffff47, #ffffff0f 38%, #fff0 60%), var(--gradient-primary);box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #00000014, var(--shadow-glow)}:is(a,button).rounded-full.bg-foreground{box-shadow:inset 0 1px #ffffff2e,0 8px 20px -12px #0006}:is(a,button).rounded-full:is(.bg-white\/60,.border-foreground\/15,.bg-surface-elevated,.border-border){background-color:var(--glass-pill-bg);box-shadow:var(--glass-pill-shadow)}@media (hover:hover){:is(a,button).rounded-full.bg-gradient-primary:hover{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #00000014, var(--shadow-elegant)}:is(a,button).rounded-full:is(.bg-white\/60,.border-foreground\/15,.bg-surface-elevated,.border-border):hover{background-color:var(--glass-pill-bg-hover)}}:is(a,button).rounded-full:active{transform:scale(.97)}:is(a,button).rounded-full:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.glass-pill{background-color:color-mix(in oklab, var(--card) 78%, transparent);box-shadow:inset 0 1px 0 #ffffffd9, 0 10px 40px -20px color-mix(in oklab, var(--ink) 30%, transparent)}.glass-pill.shadow-card{box-shadow:inset 0 1px 0 #ffffffd9, var(--shadow-card)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bg-card{background-color:var(--glass-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.glass{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.bg-card\/60{background-color:color-mix(in oklab, var(--card) 55%, transparent);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}:is(a,button).rounded-full:is(.bg-white\/60,.border-foreground\/15,.bg-surface-elevated,.border-border){-webkit-backdrop-filter:blur(var(--glass-pill-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-pill-blur)) saturate(var(--glass-saturate))}.glass-pill{-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate))}@media (hover:hover){.bg-card[class*=hover\:bg-]:hover{background-color:var(--glass-bg-hover)}}:is(.glass,.glass-pill,.bg-card,.bg-card\/60,.backdrop-blur) :is(.bg-card,.glass,.bg-card\/60,.backdrop-blur,.backdrop-blur-sm,.rounded-full,.rounded-full:hover){-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-transparency:reduce){.bg-card,.glass,.bg-card\/60,.glass-pill,:is(a,button).rounded-full:is(.bg-white\/60,.border-foreground\/15,.bg-surface-elevated,.border-border){background-color:var(--glass-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.bg-card,.glass,:is(a,button).rounded-full{transition:none}.bg-card:hover,:is(a,button).rounded-full:hover,:is(a,button).rounded-full:active{transform:translate(0,0)}}}