:root{--color-coral: #FF6B4A;--color-coral-dark: #E94F37;--color-sage: #6BBF8F;--color-apricot: #FFC857;--color-cream: #FFF6E8;--color-paper: #F8F3EA;--color-ink: #2B2533;--color-slate: #64748B;--color-surface: #FFFFFF;--color-border: #E7DFD2;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-card: 0 1px 2px rgba(43, 37, 51, .04), 0 8px 24px rgba(43, 37, 51, .06);--icon-stroke: 2.25px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;line-height:1.2;margin:0 0 .5rem}a{color:inherit}.app-shell{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-md);padding:.7rem 1.2rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-coral);color:#fff}.btn-primary:hover{background:var(--color-coral-dark)}.btn-secondary{background:var(--color-cream);color:var(--color-ink);border:1px solid var(--color-border)}.btn-success{background:var(--color-sage);color:#fff}.tag{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--color-cream);color:var(--color-ink)}.tag-sage{background:#6bbf8f2e;color:#2f6b48}.tag-coral{background:#ff6b4a24;color:var(--color-coral-dark)}.text-muted{color:var(--color-slate)}nav.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:.6rem .5rem calc(.6rem + env(safe-area-inset-bottom))}nav.bottom-nav a{text-decoration:none;font-size:.75rem;color:var(--color-slate);font-weight:600;text-align:center}nav.bottom-nav a.active{color:var(--color-coral)}