@layer theme, base, components, utilities;@layer components{.guide-page{--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.g-pay-bar{display:none}@media (max-width: 1024px){.g-pay-bar{position:fixed;left:0;right:0;bottom:48px;z-index:var(--z-index-nav);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:color-mix(in oklab,var(--raw-ink) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid color-mix(in oklab,var(--raw-lime) 25%,transparent)}.guide-page:has(.g-pay-bar){padding-bottom:128px;scroll-padding-bottom:128px}}.g-pay-bar .pb-txt{color:var(--color-brand-content);line-height:var(--lh-tight);min-width:0}.g-pay-bar .pb-txt b{display:block;font-size:var(--type-body-sm);font-weight:var(--fw-heavy)}.g-pay-bar .pb-txt span{font-size:var(--type-caption);color:var(--lavender-tint)}.g-pay-bar .pb-cta{padding:12px 24px;font-size:var(--type-body-sm);flex:none}}