:root{--bg-deep: #07060F;--bg-mid: #110A1F;--bg-soft: #1A0F2E;--line: rgba(232, 184, 106, .14);--line-bright: rgba(232, 184, 106, .32);--amber: #E8B86A;--amber-bright: #F4CE85;--amber-deep: #B8893E;--cream: #F5EFE0;--cream-dim: rgba(245, 239, 224, .72);--cream-faint: rgba(245, 239, 224, .48);--cream-ghost: rgba(245, 239, 224, .22);--font-display: "Italiana", "Cormorant Garamond", serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--rad: 18px;--rad-lg: 24px;--rad-pill: 999px;--nav-h: 72px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh;min-height:100dvh}body{background:var(--bg-deep);color:var(--cream);font-family:var(--font-body);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}.app{min-height:100vh;min-height:100dvh;position:relative;isolation:isolate}.app-content{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);position:relative;z-index:1}.container{width:100%;max-width:540px;margin:0 auto;padding:0 20px}.cosmos-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--bg-mid) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 30%,var(--bg-soft) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 20% 70%,rgba(184,137,62,.08) 0%,transparent 50%),var(--bg-deep)}.cosmos-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 13% 12%,rgba(255,252,240,.85),transparent),radial-gradient(1px 1px at 27% 84%,rgba(255,252,240,.7),transparent),radial-gradient(1px 1px at 42% 33%,rgba(255,252,240,.9),transparent),radial-gradient(.5px .5px at 58% 67%,rgba(255,252,240,.6),transparent),radial-gradient(1px 1px at 71% 21%,rgba(255,252,240,.85),transparent),radial-gradient(.5px .5px at 85% 54%,rgba(255,252,240,.5),transparent),radial-gradient(1px 1px at 92% 88%,rgba(255,252,240,.7),transparent),radial-gradient(.5px .5px at 8% 47%,rgba(255,252,240,.5),transparent),radial-gradient(1px 1px at 35% 56%,rgba(255,252,240,.8),transparent),radial-gradient(.5px .5px at 64% 91%,rgba(255,252,240,.45),transparent);animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1.1}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--amber)}.muted{color:var(--cream-dim)}.faint{color:var(--cream-faint)}.page-header{padding:calc(var(--safe-top) + 28px) 0 24px}.page-title{font-family:var(--font-display);font-size:38px;color:var(--cream);line-height:1.05;margin-bottom:8px}.page-title em{color:var(--amber);font-style:italic}.page-sub{font-size:14px;color:var(--cream-dim);line-height:1.6}.card{background:#f5efe008;border:1px solid var(--line);border-radius:var(--rad);padding:20px;transition:all .25s ease}.card-amber{background:linear-gradient(135deg,#e8b86a1a,#e8b86a05);border-color:#e8b86a40}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--amber);color:var(--bg-deep);font-weight:500;font-size:14px;letter-spacing:.02em;border-radius:var(--rad-pill);transition:all .25s ease;box-shadow:0 0 #e8b86a66}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border:1px solid var(--line-bright);border-radius:var(--rad-pill);font-size:13px;color:var(--cream);background:transparent;transition:all .25s ease}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#07060fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:var(--nav-h);max-width:540px;margin:0 auto}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-faint);transition:color .2s ease}.nav-item svg{width:22px;height:22px;transition:transform .2s ease}.nav-item.active{color:var(--amber)}.nav-item.active svg{transform:translateY(-2px)}.nav-item:active svg{transform:scale(.9)}.fade-in{animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}