:root{--color-primary: #d1495b;--color-primary-contrast: #ffffff;--color-bg: #fffaf6;--color-surface: #ffffff;--color-text: #2b2118;--color-text-muted: #6b5f54;--color-border: #e7ddd3;--font-family-base: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-md: 8px;--touch-target-min: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.app-content{flex:1;padding:var(--space-md);padding-bottom:calc(var(--touch-target-min) + var(--space-xl))}.home-screen h1,.placeholder-screen h1{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-xs) var(--space-xs) env(safe-area-inset-bottom,var(--space-xs))}.bottom-nav__link{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm);text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.bottom-nav__link--active{color:var(--color-primary);font-weight:600}@media (min-width: 768px){.app-content{padding:var(--space-xl)}.bottom-nav{position:static;order:-1;justify-content:center;gap:var(--space-lg);border-top:none;border-bottom:1px solid var(--color-border)}.app-content{padding-bottom:var(--space-xl)}}