:root{--bg:#FBFAF7;--panel:#FFFFFF;--ink:#33302B;--muted:#8B8478;--line:#E9E4DA;--line-soft:#E4DECF;--line-faint:#EFE9DB;--vitals:#BC6060;--vitals-bg:#F8E9E9;--sleep:#7E76B4;--sleep-bg:#EEEDF6;--water:#5E8FB5;--water-bg:#E9F1F7;--caffeine:#8A6E4B;--caffeine-bg:#F2EBE2;--soda:#C77E4A;--soda-bg:#F9EEE4;--alcohol:#9B5E86;--alcohol-bg:#F4E9F0;--food:#B98A3C;--food-bg:#F8F0E1;--activity:#6E9B72;--activity-bg:#EAF2EA;--screen:#7C8590;--screen-bg:#EDEFF1;--diary:#A08468;--diary-bg:#F4EEE7;--ok:#5D8F61;--ok-bg:#EAF2EA;--warn:#C2913A;--warn-bg:#F8F0DE;--bad:#BC6060;--bad-bg:#F8E9E9;--shadow:0 8px 28px rgba(70,60,40,.12);--r:10px;font-size:15px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.45}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--water);outline-offset:2px;border-radius:6px}.login{min-height:100%;display:grid;place-items:center;padding:20px}.login form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;width:min(380px,100%);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.login h1{font-family:"Source Serif 4",serif;font-weight:600;font-size:1.6rem}.login h1 em{font-style:normal;color:var(--activity)}.login .err{color:var(--bad);font-size:.85rem}.btn{background:var(--ink);color:#fbfaf7;border-radius:9px;padding:10px;font-weight:500}.btn.sec{background:none;color:var(--muted);border:1px solid var(--line)}header.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:30}.logo{font-family:"Source Serif 4",serif;font-size:1.25rem;font-weight:600}.logo em{font-style:normal;color:var(--activity)}.spacer{flex:1}.datenav{display:flex;align-items:center;gap:4px}.datenav b{font-family:"Source Serif 4",serif;font-weight:600;padding:0 6px;white-space:nowrap}.navbtn{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted)}.zoomc{display:flex;gap:6px;align-items:center}.zoomc button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:1.05rem}.zoomc button:disabled{opacity:.3}.zoomc span{color:var(--muted);font-size:.8rem;min-width:88px;text-align:center}.sync{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--muted)}.sync i{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}.sync.off i{background:var(--warn)}.wrap{display:flex;min-height:calc(100% - 53px)}aside{width:200px;flex:none;border-right:1px solid var(--line);background:var(--panel);padding:12px 10px;display:flex;flex-direction:column;gap:5px}aside h5{font-size:.74rem;color:var(--muted);font-weight:600;margin:0 2px 4px}.qtime{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);margin-bottom:8px}.qtime input{width:92px;padding:5px 7px;font-size:.8rem}.qblock{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.qbtn{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;text-align:left;font-size:.83rem;background:var(--bg)}.qbtn:hover{border-color:var(--muted)}main{flex:1;overflow:auto;padding:12px 16px 60px;min-width:0}@media (max-width:900px){aside{display:none}}.focus{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.fchip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.79rem;font-weight:500;border:1px solid var(--line);background:var(--panel)}.fchip.ok{background:var(--ok-bg)}.fchip.warn{background:var(--warn-bg)}.fchip.bad{background:var(--bad-bg);font-weight:600}.daywrap{min-width:1000px}.headrow,.daygrid{display:grid;gap:6px}.headrow{position:sticky;top:0;z-index:10;background:var(--bg);padding-bottom:6px}.colhead{display:flex;align-items:center;gap:6px;padding:7px 8px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--cc);border-radius:var(--r);font-size:.74rem;font-weight:600;white-space:nowrap;overflow:hidden;cursor:pointer}.colhead .inf{margin-left:auto;color:var(--muted);opacity:.55;font-style:italic;font-family:"Source Serif 4",serif;font-weight:600}.daygrid,.axis{position:relative}.axis div{position:absolute;right:8px;transform:translateY(-50%);font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.track{position:relative;border-left:1px dashed var(--line);cursor:default;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--sub) - 1px),var(--line-faint) calc(var(--sub) - 1px),var(--line-faint) var(--sub)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hh) - 1px),var(--line-soft) calc(var(--hh) - 1px),var(--line-soft) var(--hh))}.ev{position:absolute;left:4px;right:2px;border-radius:8px;padding:4px 7px 5px;border:1px solid;overflow:hidden;text-align:left;transition:box-shadow .12s;cursor:pointer;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 8px),transparent)}.ev:hover{box-shadow:var(--shadow);z-index:6;-webkit-mask-image:none;mask-image:none}.ev b{display:block;font-size:.76rem;font-weight:600;line-height:1.3;color:var(--ink)}.ev i{display:block;font-style:normal;font-size:.7rem;color:var(--muted)}.ev.pt{padding:3px 5px;display:flex;align-items:center;mask-image:none;-webkit-mask-image:none}.ev.pt:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:2px;background:currentColor;opacity:.45}.ev.pt b{font-size:.72rem;white-space:nowrap;width:100%}.slim .ev{text-align:center}.slim .ev.pt{justify-content:center}.slim .ev i{display:none}.nowline{position:absolute;height:0;border-top:2px solid var(--bad);z-index:4;pointer-events:none}.nowline:before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--bad)}.sumgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--cc,var(--line));border-radius:var(--r);padding:12px 14px}.card h3{font-size:.85rem;font-weight:600;margin-bottom:6px;display:flex;gap:8px}.card h3 .mark{margin-left:auto}.big{font-family:"Source Serif 4",serif;font-size:1.4rem;font-weight:600}.big small{font-family:Inter;font-size:.74rem;color:var(--muted);font-weight:500;margin-left:4px}.bar{height:6px;background:var(--line-soft);border-radius:99px;margin:8px 0 4px;overflow:hidden}.bar div{height:100%;border-radius:99px}.pop{position:fixed;z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:13px 15px;width:282px;max-height:70vh;overflow:auto}.pop h4{display:flex;gap:8px;align-items:center;font-size:.9rem;margin-bottom:3px;padding-right:16px}.pop .when{font-size:.74rem;color:var(--muted);margin-bottom:8px}.pop .x{position:absolute;top:8px;right:10px;color:var(--muted)}.pop .row{display:flex;justify-content:space-between;font-size:.8rem;padding:2px 0;gap:8px}.pbtn{border:1px solid var(--line);border-radius:8px;padding:5px 11px;font-size:.79rem}.pbtn.dark{background:var(--ink);color:#fbfaf7;border-color:var(--ink)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fbfaf7;padding:9px 16px;border-radius:99px;font-size:.84rem;z-index:60;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1}.empty{color:var(--muted);font-size:.86rem;padding:30px 0;text-align:center}