*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#3a3550;-webkit-tap-highlight-color:transparent;background:#fff8ec;min-height:100vh;font-family:Nunito,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.app-shell{justify-content:center;min-height:100vh;display:flex}.screen{flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding:24px 20px 48px;display:flex;position:relative}.welcome-screen{text-align:center;justify-content:center;align-items:center;gap:8px;overflow:hidden}.welcome-mascot{width:184px;height:184px;margin-bottom:6px;animation:.7s ease-out both fadeInUp}.mascot-illustration{width:100%;height:100%;animation:4.5s ease-in-out infinite mascotFloat;display:block}.mascot-heart{transform-origin:143px 64px;animation:2.6s ease-in-out infinite mascotPulse}.welcome-title{letter-spacing:-.01em;color:#3a9890;margin:0 0 10px;font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:2.35rem;font-weight:800;animation:.7s ease-out .12s both fadeInUp}.welcome-subtitle{color:#6b5fa0;margin:0 0 32px;font-size:1.15rem;font-weight:600;line-height:1.5;animation:.7s ease-out .24s both fadeInUp}.welcome-buttons{flex-direction:column;gap:16px;width:100%;animation:.7s ease-out .36s both fadeInUp;display:flex}.big-btn{width:100%;padding:20px;font-size:1.15rem}.welcome-note{color:#8a83a8;max-width:320px;margin-top:28px;font-size:.85rem;animation:.7s ease-out .48s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.welcome-mascot,.welcome-title,.welcome-subtitle,.welcome-buttons,.welcome-note,.mascot-illustration,.mascot-heart{animation:none}}.flow-mascot-row{margin-bottom:6px;animation:.5s ease-out both fadeInUp;display:flex}.flow-mascot-icon{width:64px;height:64px}.flow-mascot-row.pos-1{justify-content:flex-start}.flow-mascot-row.pos-2{justify-content:center;padding-right:34%}.flow-mascot-row.pos-3{justify-content:center}.flow-mascot-row.pos-4{justify-content:center;padding-left:34%}.flow-mascot-row.pos-5{justify-content:flex-end}.flow-mascot-row .flow-mascot-icon{animation:4.5s ease-in-out infinite mascotFloat}.mascot-sparkle{transform-origin:50%;animation:1.6s ease-in-out infinite sparkleTwinkle}.mascot-sparkle-delay{animation-delay:.5s}@keyframes sparkleTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.flow-mascot-row .flow-mascot-icon,.mascot-sparkle{animation:none}}.screen-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.back-btn{color:#5fbdb0;cursor:pointer;background:#fff;border:none;border-radius:16px;width:48px;min-width:48px;height:48px;font-size:1.3rem;box-shadow:0 2px 8px #8278b426}.progress-dots{flex:1;gap:8px;display:flex}.dot{background:#e5dff5;border-radius:10px;flex:1;height:8px}.dot.filled{background:#5fbdb0}.screen-title{color:#3a3550;margin:4px 0 6px;font-size:1.6rem;font-weight:800}.screen-subtitle{color:#766f94;margin:0 0 20px;font-size:1rem;line-height:1.5}.inline-safety-note{color:#a05a2c;background:#fff1e8;border:1px solid #ffd9bf;border-radius:16px;margin-bottom:18px;padding:12px 14px;font-size:.9rem}.inline-safety-note a{color:#c2410c;font-weight:700}.option-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.option-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:22px;flex-direction:column;align-items:center;gap:8px;min-height:108px;padding:18px 10px;transition:transform .12s,border-color .12s,background .12s;display:flex;box-shadow:0 4px 14px #8278b41f}.option-card:active{transform:scale(.97)}.option-card.selected{background:#f0fbf9;border-color:#5fbdb0}.option-emoji{font-size:2.3rem;line-height:1}.option-label{color:#4a4566;text-align:center;font-size:.95rem;font-weight:700}.btn-primary,.btn-secondary,.btn-ghost{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:18px 20px;font-size:1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.btn-primary{color:#fff;background:#3a9890;box-shadow:0 8px 20px #3a98904d}.btn-primary:disabled{color:#a49ec4;box-shadow:none;cursor:not-allowed;background:#d6d1e8}.btn-secondary{color:#6b4fc4;background:#ede6fb}.btn-ghost{color:#8a83a8;background:0 0;font-weight:700}@media (hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3a989061}.btn-secondary:hover{background:#e4d9fa;transform:translateY(-2px)}}.btn-text{color:#5fbdb0;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:10px 0;font-size:1rem;font-weight:700}.continue-btn{margin-top:auto}.btn-stack{flex-direction:column;gap:12px;margin-top:14px;display:flex}.message-card{background:#fff;border-radius:24px;margin-bottom:10px;padding:22px;box-shadow:0 6px 20px #8278b426}.message-text{color:#3a3550;white-space:pre-wrap;margin:0;font-size:1.1rem;line-height:1.7}.message-textarea{color:#3a3550;resize:vertical;border:2px solid #e5dff5;border-radius:16px;width:100%;padding:14px;font-family:inherit;font-size:1.05rem;line-height:1.7}.status-msg{color:#766f94;background:#f3eefb;border-radius:14px;margin:10px 0;padding:10px 14px;font-size:.9rem}.status-msg.success{color:#2c7a6e;background:#e6f7f2}.disclaimer{color:#9a93b8;text-align:center;margin-top:18px;font-size:.78rem;line-height:1.5}.safety-banner{text-align:center;margin-top:auto;padding-top:20px}.safety-banner a{color:#c2410c;background:#fff1e8;border-radius:20px;padding:10px 18px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.card{background:#fff;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 4px 16px #8278b41f}.card-heading{color:#3a9890;margin:0 0 12px;font-size:1.1rem;font-weight:800}.tip-list,.sample-list{color:#4a4566;flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:.95rem;line-height:1.5;display:flex}.notice-card{color:#6b5fa0;background:#f3eefb;font-size:.88rem;line-height:1.6}.resource-card{border-left:5px solid #5fbdb0}.resource-title{color:#3a3550;margin:0 0 6px;font-size:1.05rem;font-weight:800}@media (width>=540px){.screen{padding:32px 36px 56px}}