:root{--bg: #f3efe8;--surface: #fff9f4;--card: #ffffff;--card-soft: #f7f6f3;--chip: #f5f3ef;--ink: #211d2e;--ink-soft: rgba(33, 29, 46, .55);--ink-faint: rgba(33, 29, 46, .4);--ink-faintest: rgba(33, 29, 46, .3);--purple: #8b5cf6;--pink: #ec4899;--rose: #f43f5e;--blue: #38bdf8;--orange: #fb923c;--green: #22c55e;--teal: #14b8a6;--indigo: #6366f1;--gradient-brand: linear-gradient(135deg, var(--purple), var(--pink));--gradient-warm: linear-gradient(135deg, var(--orange), var(--rose));--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;--shadow-card: 0 2px 10px rgba(0, 0, 0, .05);--shadow-pop: 0 10px 26px rgba(139, 92, 246, .3);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 20% 0%,#fde8ff 0%,var(--bg) 45%,var(--bg) 100%);font-family:var(--font-body);color:var(--ink)}a{color:var(--purple);text-decoration:none}a:hover{color:var(--pink)}button{font-family:inherit}.app-shell{max-width:480px;margin:0 auto;height:100vh;background:var(--surface);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 60px #0000000f}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background:none;font:inherit;color:inherit;text-align:left}.clickable:active{transform:scale(.97)}.scroll-area{flex:1;overflow:auto;padding:0 18px 110px}.h-title{font-family:var(--font-display);font-weight:600}.section-label{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink-soft);margin:6px 0 10px}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastIn{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}