:root{--coral:#ef594e;--peach:#fff3ee;--ink:#22312e;--muted:#80908c;--mint:#d7eee7;--line:#e8eeea;--shadow:0 18px 45px #32453b1c}*{box-sizing:border-box}body{margin:0;background:#edf2ef;color:var(--ink);font-family:"Noto Sans TC",sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{width:min(100%,460px);min-height:100vh;margin:auto;background:#fff;position:relative;overflow:hidden}.screen{min-height:100vh;padding:28px 26px}.hidden{display:none!important}.kicker{font:800 10px Nunito,sans-serif;letter-spacing:1.7px;color:var(--coral);margin:0 0 9px}.muted{color:var(--muted);font-size:14px;line-height:1.7}.splash{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#fff9f5,#ffe9df);transition:.4s ease}.splash.leave{opacity:0;transform:scale(1.04);pointer-events:none}.splash h1{margin:19px 0 7px;font-size:32px}.splash p{color:var(--muted);font-size:13px}.brand-mark{width:74px;height:74px;border-radius:27px;display:grid;place-items:center;position:relative;background:var(--coral);box-shadow:0 13px 27px #ef594e55;transform:rotate(-8deg)}.brand-mark.large{width:104px;height:104px;border-radius:36px}.brand-mark span{font-size:39px;transform:rotate(-37deg);z-index:1}.brand-mark.large span{font-size:56px}.brand-mark b{position:absolute;color:#fff;font:45px Georgia;transform:rotate(38deg);right:7px;top:8px}.login-screen{padding:68px 34px 25px}.login-art{height:214px;position:relative;display:grid;place-items:center}.login-art:before{content:"";width:175px;height:175px;border-radius:50%;background:var(--peach);position:absolute}.login-art .brand-mark{z-index:1}.sparkle{position:absolute;right:69px;top:47px;color:#e7a61a;font-size:25px}.login-screen h1{font-size:28px;margin:0 0 8px;letter-spacing:-1px}.login-options{margin-top:35px;display:grid;gap:12px}.login-btn,.guest-btn{height:52px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:700;color:var(--ink);position:relative}.login-btn i{position:absolute;left:18px;font-style:normal;font:bold 18px Arial}.google{color:#4285f4}.facebook{color:#1877f2}.guest-btn{background:var(--peach);border:0;color:#ca4c44}.guest-btn span{margin-left:7px}.terms{text-align:center;color:#abb5b1;font-size:10px;margin-top:28px}.onboarding{display:flex;flex-direction:column;padding-top:32px}.progress{display:flex;gap:6px}.progress i{height:5px;flex:1;background:#eff2f0;border-radius:8px}.progress .done{background:var(--coral)}.steps{flex:1;position:relative}.step{display:none;text-align:center;padding-top:60px}.step.active{display:block;animation:slide .35s ease}.step-number{font:800 12px Nunito;color:#e5a9a1}.illustration{font-size:72px;margin:28px 0 17px}.step h2{font-size:25px;margin:0}.step p{color:var(--muted);font-size:13px;margin:8px 0 28px}.input-label{display:block;text-align:left;font-weight:700;font-size:12px}.step input,.two-inputs input,.modal-card input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#fbfcfb;border-radius:13px;padding:14px 15px;font-size:16px;outline-color:var(--coral)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.choice-grid button{background:#fbfcfb;border:1px solid var(--line);padding:14px;border-radius:13px;color:#53645f;font-size:13px}.choice-grid button.selected{background:var(--peach);border-color:#f7b7ab;color:#c74b43;font-weight:700}.diseases button:last-child{grid-column:1/-1}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;font-size:12px;font-weight:700}.onboard-footer{display:flex;justify-content:space-between;align-items:center}.text-btn{background:none;color:var(--muted);padding:13px}.primary-btn{background:var(--coral);color:#fff;border-radius:14px;padding:14px 20px;font-weight:800;box-shadow:0 8px 18px #ef594e44}.primary-btn span{margin-left:9px}.home{padding:27px 22px 100px;background:linear-gradient(180deg,#fff 0,#fff 72%,#f6faf8 100%)}.topbar,.date-row,.section-head{display:flex;justify-content:space-between;align-items:center}.profile{display:flex;align-items:center;gap:10px;background:none;padding:0;text-align:left}.profile>span{width:43px;height:43px;border-radius:15px;background:#ffc9b9;color:#a8443d;display:grid;place-items:center;font-weight:800}.profile small{font-size:11px;color:var(--muted);display:block}.profile strong{font-size:15px}.eye-button{position:relative;background:#fff4bb;width:48px;height:48px;border-radius:17px;box-shadow:0 5px 14px #e3b21e36}.eye-button em{font:800 8px Nunito;color:#ad7b00;font-style:normal;position:absolute;right:6px;bottom:5px}.eye,.ai-orb .eye{width:28px;height:18px;border-radius:100%;background:white;display:grid;place-items:center;transform:rotate(-5deg)}.eye i{width:12px;height:12px;border-radius:50%;background:#2f514c;display:block;box-shadow:inset 3px 0 #fff}.date-row{margin-top:31px}.date-row h2{margin:0;font-size:20px}.round-icon{background:#f3f7f5;color:#61746e;border-radius:12px;width:35px;height:35px;font-size:21px}.score-card{margin-top:18px;padding:19px 20px;background:linear-gradient(130deg,#fef0ea,#ffded1);border-radius:24px;display:flex;align-items:center;justify-content:space-between}.score-card span{font-size:12px;color:#b55449;font-weight:700}.score-card h3{font-size:29px;margin:2px 0}.score-card h3 small{font-size:13px}.score-card p{font-size:11px;color:#9f635c;margin:0}.plate{width:84px;height:84px;border-radius:50%;background:#fff8e7;border:7px solid #fff;position:relative;display:flex;justify-content:center;align-items:center;gap:5px}.plate i{width:15px;height:27px;border-radius:60% 40% 60% 40%;background:#7ecf83;transform:rotate(32deg)}.plate i:nth-child(2){background:#f2a443;height:19px;transform:rotate(-30deg)}.plate i:nth-child(3){background:#ef6a52;height:15px}.health-strip{margin:15px 0 25px;padding:15px 9px;background:#f5faf7;border-radius:17px;display:flex;justify-content:space-around;align-items:center}.health-strip>div{display:flex;align-items:center;gap:9px}.health-strip p{margin:0;font-size:11px;color:var(--muted)}.health-strip p span{display:block;font-size:19px;color:#367cbb;font-weight:800}.health-strip small{margin-left:3px}.health-strip strong{display:block;color:#417168;font-size:13px}.divider{height:33px;width:1px;background:#dce9e3}.section-head h3{font-size:17px;margin:0}.section-head button{background:none;color:#dc6459;font-size:11px}.records{margin-top:13px;display:grid;gap:9px}.empty-record{text-align:center;padding:33px 10px;color:#9caaa5;background:#fbfcfb;border:1px dashed #dce5e0;border-radius:18px;font-size:12px}.empty-record span{display:block;font-size:29px;margin-bottom:7px}.record{display:flex;align-items:center;gap:10px;padding:11px;background:#fff;border:1px solid #eef2ef;border-radius:16px;box-shadow:0 4px 12px #27403608}.record-icon{font-size:23px;background:#f7faf8;width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.record div{flex:1}.record strong{font-size:12px}.record p{font-size:11px;margin:2px 0 0;color:var(--muted)}.record-cal{font:700 10px Nunito;color:#cb8175}.record button{background:none;color:#c9d1ce;font-size:20px}.add-button{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:23px;background:var(--coral);color:#fff;font-size:34px;box-shadow:0 12px 25px #ef594e66}nav{position:absolute;bottom:0;left:0;right:0;height:63px;background:#fff;border-top:1px solid #f1f3f2;display:flex;justify-content:space-around}nav button{background:none;color:#99a6a1;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:10px;font-size:20px}nav button span{font-size:9px}nav button.active{color:var(--coral)}.overlay{position:fixed;inset:0;z-index:30;background:#15302a55;display:flex;align-items:end;opacity:0;pointer-events:none;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}.bottom-sheet,.modal-card{background:#fff;width:min(100%,460px);margin:auto;border-radius:27px 27px 0 0;padding:28px 25px 34px;position:relative;transform:translateY(40px);transition:.3s}.overlay.show>*{transform:translateY(0)}.bottom-sheet h2,.modal-card h2{font-size:23px;margin:0}.close-sheet,.close-modal{position:absolute;right:19px;top:16px;background:#f4f6f5;color:#73827d;border-radius:50%;width:29px;height:29px;font-size:22px}.entry-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.entry-options button{padding:13px 3px;border-radius:16px;background:#f7faf8;color:#53655f;font-size:12px;font-weight:700}.entry-options span{display:block;font-size:25px;margin-bottom:4px}.entry-options button:nth-child(4){grid-column:1/2}.modal-card{border-radius:27px;align-self:center;margin:16px 22px;padding-top:32px}.modal-icon{font-size:43px;margin-bottom:10px}.modal-card label{display:block;margin:20px 0 9px;font-size:12px;font-weight:700}.modal-card input{margin-top:8px}.input-error{color:#d3544b;font-size:11px;min-height:16px;margin:2px 0 12px}.full{width:100%;margin-top:7px}.profile-card{text-align:center}.avatar-large{margin:16px auto 3px;width:74px;height:74px;border-radius:26px;background:#ffc9b9;color:#a8443d;font-size:29px;font-weight:800;position:relative}.avatar-large span{position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;background:var(--coral);border:3px solid white;border-radius:50%;color:#fff;font-size:17px}.profile-card p{color:var(--muted);font-size:11px}.profile-card input{text-align:center;margin:17px 0}.ai-panel{z-index:40;position:fixed;inset:0;margin:auto;width:min(100%,460px);background:linear-gradient(160deg,#fff7ed,#effaf6);transform:translateY(-100%);transition:transform .55s cubic-bezier(.2,.85,.25,1);padding:25px;overflow:auto}.ai-panel.show{transform:translateY(0)}.close-ai{width:35px;height:35px;border-radius:12px;background:#fff;color:#71827d;font-size:23px}.ai-orb{margin:28px auto 15px;width:100px;height:100px;border-radius:37px;background:#fff0a3;display:grid;place-items:center;box-shadow:0 16px 28px #dfac283d;animation:float 2.5s ease-in-out infinite}.ai-orb .eye{width:62px;height:38px}.ai-orb .eye i{width:27px;height:27px}.ai-content{background:#fff;border-radius:24px;padding:23px 20px;margin-top:21px}.ai-content h2{font-size:22px;margin:0 0 18px}.ai-choices{display:grid;gap:10px}.ai-choices button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:16px;background:#f6faf8;color:#48625c;font-size:25px}.ai-choices span{font-size:14px;font-weight:800;flex:1}.ai-choices small{font-weight:400;font-size:10px;display:block;color:#8b9a95;margin-top:3px}.ai-answer{margin-top:16px;padding:15px;border-radius:15px;background:#fff3ed;color:#6f514c;font-size:13px;line-height:1.65}.ai-answer h3{margin:0 0 5px;color:#c24f46;font-size:15px}.ai-answer p{margin:0 0 8px}.ai-answer small{font-size:10px;color:#9b837e}.disclaimer{text-align:center;color:#9aa7a2;font-size:10px;margin:18px 7px}.toast{position:fixed;z-index:60;left:50%;bottom:90px;transform:translate(-50%,20px);background:#243c35;color:white;padding:11px 16px;border-radius:13px;font-size:12px;opacity:0;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes slide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-7px)}}@media(min-width:461px){body{padding:16px}.app-shell{min-height:calc(100vh - 32px);border-radius:28px;box-shadow:var(--shadow)}}