:root{--bg-primary: #FDFBF7;--bg-secondary: #F5F2EB;--bg-card: #FFFFFF;--text-primary: #1F1A17;--text-secondary: #71717A;--accent-primary: #ec4899;--accent-secondary: #f472b6;--border-color: #EAE6DF;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--success: #22c55e;--gold: #eab308;--gray: #A1A1AA;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--header-padding-top: calc(15px + var(--safe-top))}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}[data-theme=dark]{--bg-primary: #1A1A1A;--bg-secondary: #242424;--bg-card: #2D2D2D;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--accent-primary: #d946ef;--accent-secondary: #e879f9;--border-color: #3F3F46;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5)}h1,h2,h3,h4,.serif-title{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em}.text-secondary{color:var(--text-secondary)}.text-small{font-size:.85rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh;-webkit-font-smoothing:antialiased}#root{height:100vh;display:flex;flex-direction:column}.container{padding:1rem;max-width:600px;margin:0 auto;width:100%;-webkit-overflow-scrolling:touch}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.btn{padding:.75rem 1.5rem;border-radius:9999px;font-family:var(--font-serif);font-weight:600;cursor:pointer;border:none;transition:transform .1s,background-color .2s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sticky-header{position:sticky;top:0;z-index:100;background-color:var(--bg-primary);transition:background-color .3s ease;padding-top:var(--header-padding-top)!important}