:root{--background: #F4F7F6;--primary: #9BBEC8;--secondary: #9BBEC8;--accent: #D0A287;--foreground: #2C3E50;--surface: #FFFFFF;--surface-muted: #E7EEEC;--brand-gradient: linear-gradient(135deg, #4FA3D1 0%, #4FC2A0 35%, #E8A868 70%, #8B6FD1 100%);--gradient-calm: linear-gradient(160deg, #C7DCE0 0%, var(--background) 100%);--gradient-warn: linear-gradient(135deg, #E0B89A 0%, #C98F68 100%);--radius: 1rem;--radius-pill: 999px;--shadow-soft: 0 8px 24px -12px rgba(44, 62, 80, .28);--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--app-max-width: 448px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0}button,input,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{max-width:var(--app-max-width);min-height:100%;margin:0 auto;display:flex;flex-direction:column;background:var(--background)}