:root{--bg1:#fff4c9;--bg2:#fffdf3;--primary:#e6b93c;--primary2:#c99713;--text:#263442;--muted:#71808f;--border:#eee0a8;--ok:#36b37e;--danger:#ff5b5b;--secondary:#8291a2}body.male{--bg1:#dff1ff;--bg2:#f8fcff;--primary:#4da6ff;--primary2:#1677d2;--border:#d7eafd}body.female{--bg1:#ffe7f2;--bg2:#fff9fc;--primary:#ff77ad;--primary2:#e34f8d;--border:#f5d6e5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(150deg,var(--bg1),var(--bg2))}body{padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.app{max-width:440px;margin:auto}header{text-align:center;margin:10px 0 16px}header h1{font-size:38px;margin:0}header p{color:var(--muted);font-weight:700}.card{background:#ffffffed;border:1px solid var(--border);border-radius:28px;padding:20px;box-shadow:0 18px 45px #26344218}.auth,.main{display:none}.show{display:block}.tabs,.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tabs button{color:var(--text);background:#f3f7fa}.tabs button.active{background:var(--primary);color:white}.panel{display:none}.panel.active{display:block}label{display:block;font-weight:800;margin:12px 0 7px}input,select{width:100%;padding:13px;border:1px solid var(--border);border-radius:15px;background:white;font-size:17px;color:var(--text)}button{border:0;border-radius:17px;padding:14px 12px;font-size:16px;font-weight:900;color:white;background:var(--secondary);cursor:pointer}.primary{background:linear-gradient(var(--primary),var(--primary2))}.ok{background:var(--ok)}.danger{background:var(--danger)}.secondary{background:var(--secondary)}.big{width:100%;min-height:88px;font-size:23px}.userbar{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:800;margin-bottom:12px}.menu{position:relative}.menu-btn{width:44px;height:44px;padding:0;background:var(--primary);font-size:22px}.menu-panel{display:none;position:absolute;right:0;top:50px;background:white;border:1px solid var(--border);border-radius:15px;padding:6px;width:210px;z-index:20;box-shadow:0 14px 35px #26344230}.menu-panel.show{display:block}.menu-panel button{width:100%;background:white;color:var(--text);text-align:left}.danger-text{color:var(--danger)!important}.dose{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.dose select{width:145px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats>div{text-align:center;padding:18px;border:1px solid var(--border);border-radius:20px}.stats small{display:block;color:var(--muted)}.stats b{display:block;font-size:30px;margin-top:8px}.total{text-align:center;padding:26px}.total b{display:block;font-size:78px}.total span{color:var(--muted);font-size:18px}.history-card{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:20px}.history-title{display:flex;align-items:center;justify-content:space-between}.history-title h2{font-size:20px}.history-title button{width:42px;height:42px;padding:0;background:var(--primary);font-size:24px}.day{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.day-head{width:100%;display:flex;justify-content:space-between;background:transparent;color:var(--text);padding:10px 0}.record{display:grid;grid-template-columns:1fr 56px;gap:8px;align-items:center;border-top:1px dashed var(--border);padding:10px 0}.record small,.record em{display:block;color:var(--muted);margin-top:3px}.record button{background:var(--danger);padding:10px 6px}.empty{color:var(--muted);padding:12px}.toast,.update{position:fixed;left:16px;right:16px;max-width:440px;margin:auto;bottom:calc(18px + env(safe-area-inset-bottom));background:#263442;color:white;border-radius:17px;padding:14px;z-index:50;display:none}.toast.show,.update.show{display:flex}.update{align-items:center;justify-content:space-between}.update button{background:var(--primary);padding:9px}.modal{position:fixed;inset:0;background:#26344270;display:none;align-items:center;justify-content:center;padding:18px;z-index:60}.modal.show{display:flex}.modal>div{width:100%;max-width:390px;background:white;border-radius:24px;padding:18px;max-height:90vh;overflow:auto}.modal footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}@media(max-width:360px){.grid{grid-template-columns:1fr}.total b{font-size:64px}}
#addBtn{
    margin-bottom:12px;
}