@layer components{.scene-light,.scene-ink{isolation:isolate;position:relative}.scene-light{background:linear-gradient(180deg, transparent 72%, var(--paper) 100%), radial-gradient(42% 48% at 74% 38%, #fff6e6f2, transparent 72%), radial-gradient(58% 62% at 86% 22%, #3cd6d033, transparent 70%), radial-gradient(50% 58% at 100% 80%, #2a62b924, transparent 72%), radial-gradient(40% 50% at 0% 0%, #3cd6d01a, transparent 70%), linear-gradient(180deg, #e6f0f2 0%, #edf3f2 46%, var(--paper) 100%)}.scene-ink{background:radial-gradient(46% 58% at 82% 26%, #3cd6d026, transparent 70%), radial-gradient(48% 60% at 6% 96%, #2a62b93d, transparent 72%), var(--ink-surface)}.scene-ink:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--blueprint-line) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-line) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 85% at 70% 35%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 85% at 70% 35%,#000 30%,#0000 100%)}.scene-light:after,.scene-ink:after{content:"";z-index:-1;pointer-events:none;background-size:160px 160px;position:absolute;inset:0}.scene-light:after{background-image:var(--grain-dark);opacity:.045;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.scene-ink:after{background-image:var(--grain-light);opacity:.035}.glass{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #ffffffe6, var(--shadow-glass);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5)}.glass-white{background:var(--surface);box-shadow:inset 0 1px 0 #fff, var(--shadow-glass);border:1px solid #041d2b0f}.glass-ink{background:var(--glass-ink-fill);border:1px solid var(--glass-ink-edge);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);box-shadow:inset 0 1px #ffffff0f,0 30px 70px -36px #000000a6}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#ffffffe6}.glass-ink{background:var(--ink-surface-2)}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.glass-ink{background:var(--ink-surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}}.ghost-word{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--font-display);letter-spacing:-.045em;color:#0000;background:linear-gradient(#fffffff2 12%,#fff0 88%);-webkit-text-stroke:1px #2a62b912;-webkit-background-clip:text;background-clip:text;font-size:clamp(7.5rem,3rem + 17vw,21rem);font-weight:500;line-height:.8;position:absolute}.scene-ink .ghost-word{background:linear-gradient(#f7f6f213 10%,#f7f6f200 90%);-webkit-text-stroke:1px #3cd6d017;-webkit-background-clip:text;background-clip:text}.chip-arrow{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--ink);transition:background-color var(--dur-2) ease, border-color var(--dur-2) ease, color var(--dur-2) ease, transform var(--dur-3) var(--ease-out-expo);background:#ffffffb8;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.scene-ink .chip-arrow,.theme-ink .chip-arrow{border-color:var(--ink-line);color:var(--paper);background:#ffffff0f}:is(.group:hover,.group:focus-within) .chip-arrow{border-color:var(--ink);background:var(--ink);color:var(--paper);transform:rotate(45deg)}:is(.scene-ink,.theme-ink) :is(.group:hover,.group:focus-within) .chip-arrow{border-color:var(--azure);background:var(--azure);color:var(--ink-surface)}@media (prefers-reduced-motion:no-preference){html[data-motion] [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(1.5rem)}html[data-motion] [data-reveal=fade]:not([data-revealed]){transform:none}html[data-motion] [data-reveal=blur]:not([data-revealed]){filter:blur(10px);transform:translateY(1rem)scale(.98)}html[data-motion] [data-reveal=mask]:not([data-revealed]){opacity:1;transform:none}html[data-motion] [data-reveal=mask]:not([data-revealed])>*{clip-path:inset(-1em -1em 100%);transform:translateY(.7em)}html[data-motion] [data-reveal=mask]>*{clip-path:inset(-1em);transition:transform var(--dur-4) var(--ease-out-expo), clip-path var(--dur-4) var(--ease-out-expo);transition-delay:calc(var(--i,0) * 90ms)}html[data-motion] [data-reveal][data-revealed]{transition:opacity var(--dur-4) var(--ease-out-expo), transform var(--dur-4) var(--ease-out-expo), filter var(--dur-4) var(--ease-out-expo);transition-delay:calc(var(--i,0) * 90ms)}.focus-in{animation:focus-in 1s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * .11s + .12s)}}@keyframes focus-in{0%{opacity:0;filter:blur(12px);transform:translateY(1.5rem)scale(.97)}}.tilt{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--dur-5) var(--ease-out-expo);will-change:transform}.tilt-sheen{background:radial-gradient(60% 50% at var(--light-x,70%) var(--light-y,0%), #ffffff8c, transparent 70%);transition:background-position var(--dur-4) var(--ease-out-expo)}@media (prefers-reduced-motion:no-preference){.tabs-animated [role=tabpanel]:not([hidden]){animation:panel-in var(--dur-3) var(--ease-out-expo) both}}@keyframes panel-in{0%{opacity:0;transform:translateY(.75rem)}}@media (forced-colors:active){.ghost-word,.scene-light:after,.scene-ink:before,.scene-ink:after{display:none}.glass,.glass-white,.glass-ink,.chip-arrow{border-color:canvastext}}}
