:root { --navy:#073b4c; --teal:#087e8b; --soft:#f6f8f7; --line:#d5dfdc; --amber:#f5af32; --coral:#e96b5b; --ink:#102b35; font-family: ui-rounded, "Avenir Next", system-ui, sans-serif; color:var(--ink); background:var(--soft); }
*{box-sizing:border-box} body{margin:0;background:var(--soft);font-size:18px;line-height:1.45}.app-shell{max-width:680px;margin:auto;min-height:100vh;padding:24px 20px 100px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eyebrow{font-size:15px;font-weight:700;color:var(--teal);margin:0;text-transform:uppercase;letter-spacing:.06em}h1{font-size:42px;line-height:1;margin:4px 0 18px;color:var(--navy)}h2{font-size:25px;color:var(--navy);margin:22px 0 12px}.date{font-size:24px;font-weight:700;margin:0 0 20px}.card-list{display:grid;gap:12px}.medicine-card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 2px 8px #073b4c0d}.medicine-card{display:flex;align-items:center;gap:14px}.medicine-time{display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border-radius:50%;background:#e5f4f5;color:var(--teal);font-weight:800;text-align:center;font-size:14px}.medicine-card h3{font-size:23px;margin:0;color:var(--navy)}.medicine-card p{margin:1px 0}.dose{margin-left:auto;background:#edf5fb;border-radius:10px;padding:7px;font-weight:800;white-space:nowrap}.primary,.secondary,.text-button,.bottom-nav button,.choices button{font:inherit;border-radius:14px;border:0;cursor:pointer;min-height:52px}.primary{background:var(--teal);color:#fff;font-weight:800;padding:12px 18px;width:100%;margin-top:18px}.primary.large{font-size:27px;padding:18px}.secondary{background:#e7f2f1;color:var(--navy);padding:10px 14px;font-weight:700}.text-button{background:transparent;color:var(--teal);text-decoration:underline}.panel{margin-top:20px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choices button{border:2px solid var(--line);background:#fff;font-weight:700;padding:10px;display:grid;gap:4px;place-items:center}.choices button:first-child{border-color:#78c6c0}.choices button:nth-child(2){border-color:#f3c264}.choices button:last-child{border-color:#ed978b}.choices .selected{outline:4px solid #073b4c22}label{display:grid;gap:6px;font-weight:700;margin:14px 0}label span{font-weight:400;color:#52676b}input,textarea,select{font:inherit;padding:12px;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}fieldset{border:2px solid var(--line);border-radius:12px;margin:18px 0;padding:12px}legend{font-weight:800;padding:0 6px}.schedule-row{display:grid;grid-template-columns:1fr 130px auto;gap:8px;margin:8px 0}.schedule-row button{background:#fff;border:0;color:var(--coral);font-weight:800}.status{min-height:1px}.status:not(:empty){background:#fff4d7;border-left:5px solid var(--amber);padding:10px 12px;border-radius:8px;margin:0 0 14px}.history-row{padding:12px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;gap:5px;padding:10px}.bottom-nav button{background:transparent;padding:8px 22px;color:var(--navy)}.bottom-nav button.active{background:#e5f4f5;font-weight:800;color:var(--teal)}[hidden]{display:none!important}@media (max-width:430px){body{font-size:17px}.app-shell{padding:20px 14px 90px}h1{font-size:38px}.schedule-row{grid-template-columns:1fr 105px auto}.bottom-nav button{padding:8px 14px}}