:root{--bg-deep: #0f3d3e;--bg-panel: linear-gradient(155deg, #1c6a66 0%, #144e4b 60%, #0f3d3e 100%);--bg-panel-flat: #14514f;--accent-marigold: #f2a93b;--accent-marigold-deep: #e08e26;--accent-coral: #ff6f59;--accent-sage: #8fbfa6;--text-cream: #fdf6e3;--text-muted: #b9d6cd;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--radius-lg: 28px;--radius-md: 18px;--shadow-card: 0 14px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.09);--shadow-btn: 0 6px 16px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 480px 320px at 8% -5%,rgba(242,169,59,.16),transparent 60%),radial-gradient(ellipse 420px 380px at 100% 15%,rgba(255,111,89,.12),transparent 55%),radial-gradient(ellipse 500px 500px at 15% 100%,rgba(143,191,166,.1),transparent 55%),radial-gradient(circle at 20% 0%,#1a615d 0%,var(--bg-deep) 55%);background-attachment:fixed;color:var(--text-cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,rgba(253,246,227,.35) 1.4px,transparent 1.6px);background-size:46px 46px;background-position:10px 14px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,black 0%,transparent 75%)}button{font-family:var(--font-display);border:none;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button:active{transform:scale(.965);filter:brightness(.97)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.2px}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top,20px) 20px calc(env(safe-area-inset-bottom,20px) + 12px);display:flex;flex-direction:column;position:relative}