body{margin:0;background:#fff5f8;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#333}
.app{max-width:430px;margin:auto;padding:20px 18px 90px}
header h1{font-size:30px}
.hero,.card{background:white;border-radius:24px;padding:20px;margin:16px 0;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.hero{background:linear-gradient(135deg,#fff,#ffe2ec)}
label{display:block;background:#fafafa;padding:12px;border-radius:15px;margin:8px 0}
button{border:0;background:#ff8fab;color:white;padding:12px 18px;border-radius:18px}
.symptoms button{background:#ffe7ef;color:#d94f7c;margin:5px}
textarea{width:100%;height:100px;border:0;border-radius:15px;background:#f5f5f5;padding:12px}
nav{position:fixed;bottom:15px;background:white;padding:15px;border-radius:25px;box-shadow:0 5px 20px #ddd}