@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--app-width: 390px;--sand-50: #F7F2EA;--sand-100: #EFE7D9;--sand-150: #E6DBC8;--sand-200: #D9CBB3;--sand-300: #BFAE91;--sand-400: #9C8A6B;--sand-500: #6E5E44;--sand-700: #3C3322;--sand-900: #1F1A10;--clay: #8A4A2B;--clay-dim: #6B3A22;--olive: #545E3A;--cream: #FBF7EF;--ink: #1F1A10;--color-primary: #1F1A10;--color-primary-dark: #0D0B08;--color-primary-light: #EFE7D9;--color-primary-surface: #F7F2EA;--color-secondary: #8A4A2B;--color-background: #F7F2EA;--color-surface: #EFE7D9;--color-surface-elevated: #E6DBC8;--color-card: #EFE7D9;--color-accent-amber: #8A4A2B;--color-accent-amber-light: #FBF7EF;--color-accent-sage: #545E3A;--color-accent-sage-light: #EFE7D9;--color-accent-rose: #8A4A2B;--color-accent-rose-light: #FBF7EF;--color-clay: #8A4A2B;--color-clay-light: #F5EDE7;--color-border: rgba(191, 174, 145, .35);--color-border-strong: rgba(191, 174, 145, .6);--color-border-green: rgba(138, 74, 43, .2);--color-text-primary: #1F1A10;--color-text-secondary: #6E5E44;--color-text-tertiary: #9C8A6B;--color-text-on-dark: #F7F2EA;--color-text-on-primary: #F7F2EA;--color-success: #545E3A;--color-success-light: #EFE7D9;--color-warning: #8A4A2B;--color-warning-light: #FBF7EF;--color-error: #9B2B2B;--color-error-light: #FAEAEA;--color-info: #1F1A10;--color-info-light: #EFE7D9;--color-icon-default: #9C8A6B;--color-icon-active: #1F1A10;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-family: var(--font-body);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 38px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: .95;--line-height-snug: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--letter-spacing-tight: -.01em;--letter-spacing-snug: -.005em;--letter-spacing-normal: 0px;--letter-spacing-wide: .04em;--letter-spacing-wider: .12em;--letter-spacing-mono: .18em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--screen-padding: 10px;--radius-xs: 4px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(31, 26, 16, .06);--shadow-md: 0 2px 20px rgba(31, 26, 16, .1), 0 1px 4px rgba(31, 26, 16, .04);--shadow-lg: 0 4px 40px rgba(31, 26, 16, .14), 0 2px 8px rgba(31, 26, 16, .06);--shadow-primary: 0 4px 20px rgba(31, 26, 16, .3);--shadow-card: 0 2px 24px rgba(31, 26, 16, .08), 0 1px 6px rgba(31, 26, 16, .04);--glass-blur: 12px;--glass-opacity: .12;--glass-border: rgba(255, 255, 255, .18);--glass-background: rgba(247, 242, 234, .1);--glass-background-cream: rgba(247, 242, 234, .88);--glass-background-white: rgba(251, 247, 239, .92);--transition-fast: .18s ease;--transition-base: .35s ease-in-out;--transition-slow: .55s ease-in-out;--transition-spring: .48s cubic-bezier(.34, 1.56, .64, 1);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--gradient-hero: none;--gradient-card-scrim: linear-gradient(180deg, rgba(31,26,16,0) 0%, rgba(31,26,16,.25) 50%, rgba(31,26,16,.75) 100%);--gradient-sand-fade: linear-gradient(180deg, rgba(247,242,234,0) 0%, #F7F2EA 100%);--input-height: 48px;--button-height-lg: 54px;--button-height-md: 44px;--button-height-sm: 36px;--tab-bar-height: 60px;--nav-header-height: 52px;--icon-size-sm: 18px;--icon-size-md: 22px;--icon-size-lg: 28px;--icon-size-xl: 44px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.glass-cream{backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);background:var(--glass-background-cream);border:1px solid var(--glass-border)}.glass-white{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:var(--glass-background-white);border:1px solid rgba(255,255,255,.25)}.glass-ink{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1f1a10d9;border:1px solid rgba(255,255,255,.1)}.btn-pressable{transition:transform .16s var(--ease-out-strong);cursor:pointer}.btn-pressable:active{transform:scale(.97)}.entry-fade{animation:entryFade .35s var(--ease-out-strong) forwards}@keyframes entryFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.18s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
