:root{font-family:system-ui,-apple-system,sans-serif;color:#f0f5ff;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:700px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 16px 60px}header,.line{display:flex;justify-content:space-between;align-items:center;gap:12px}header{margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#90a1bf}h1{font-size:28px;letter-spacing:-1px;margin:5px 0}h1 span{color:#6edbc3}h2{font-size:17px;margin:0 0 14px}p{color:#a6b4cc;line-height:1.5;font-size:14px}.status{font-size:11px;padding:8px;border-radius:30px;background:#202b42;white-space:nowrap}.panel,.stat{background:#151e32;border:1px solid #2b3953;border-radius:18px;padding:18px;margin:12px 0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{margin:0;min-height:100px}.stat small{display:block;color:#91a1bb;font-size:10px;letter-spacing:1px}.stat strong{font-size:27px;display:block;margin-top:10px}.track{height:11px;background:#303e55;border-radius:20px;overflow:hidden}.track div{height:100%;width:0;background:#67ddbd;transition:width .2s}.hint{font-size:12px;color:#96a6c0}label{display:block;color:#c8d3e7;font-size:13px;margin:12px 0}input:not([type=checkbox]){display:block;width:100%;border:1px solid #3b4a64;background:#0d1628;color:white;border-radius:10px;padding:12px;margin-top:7px;font-size:16px}button{border:0;border-radius:12px;padding:14px 16px;color:#08111f;font-size:15px;font-weight:750;cursor:pointer;background:#65dbbc}button:disabled{opacity:.55}button.secondary{background:#293954;color:#eaf0fb}.actions{display:grid;gap:10px}.actions button{display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:62px}.actions span{font-size:13px}.water{background:#63dfbc}.vape{background:#ff9eaa}.reach{background:#aeb9cf}.late{margin-top:16px}.small{font-size:12px;padding:9px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button{flex:1}#history{max-height:340px;overflow:auto}.event{display:flex;justify-content:space-between;border-bottom:1px solid #2a354a;padding:11px 0;font-size:13px;gap:8px}.event small{color:#9cacc5}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#d0dbea;background:#0c1527;border-radius:12px;padding:12px}footer{text-align:center;color:#8493af;font-size:11px;padding-top:20px}@media(min-width:550px){.stats{grid-template-columns:repeat(4,1fr)}.stat strong{font-size:22px}}