:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#17221f;background:#f3f6f5;font-synthesis:none;letter-spacing:0;line-height:1.45}*{box-sizing:border-box}body{margin:0;font-size:18px}button,input,select,textarea{font:inherit;letter-spacing:0}button{min-height:48px;border:0;border-radius:6px;background:#126452;color:#fff;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button.secondary{background:#fff;color:#126452;border:1px solid #a9bcb7}button:disabled{opacity:.48;cursor:not-allowed}svg{width:22px;height:22px;flex:none}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.shell>aside{background:#fff;border-right:1px solid #d8e2df;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:750;display:flex;align-items:center;gap:10px;color:#125847;padding:0 10px 28px}.brand svg{width:30px;height:30px}nav{display:grid;gap:6px}nav button,.logout{width:100%;justify-content:flex-start;background:transparent;color:#42504d}nav button.active{background:#e3f0ec;color:#125847;font-weight:700}.logout{margin-top:auto}main{padding:34px clamp(24px,5vw,72px);max-width:1200px;width:100%}main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1,h2,p{margin-top:0}h1{font-size:32px;margin-bottom:4px}h2{font-size:24px;margin-bottom:18px}header p,small{color:#61716d}select,input,textarea{width:100%;min-height:48px;border:1px solid #aebfba;border-radius:6px;padding:9px 12px;background:#fff;color:#17221f}.connectivity{min-height:42px;margin-bottom:22px;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:.9em}.connectivity.online{background:#e6f1ed;color:#195b4c}.connectivity.offline{background:#fff1d7;color:#725016}.connectivity button{margin-left:auto;min-height:34px;padding:4px 12px}.summary{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-block:1px solid #d5e0dd;padding:24px 0;margin-bottom:28px}.summary div{display:grid;gap:4px}.summary strong{font-size:34px}.summary span{color:#61716d}.timeline{background:#fff;border:1px solid #d8e2df;border-radius:8px;overflow:hidden}.timeline article{display:grid;grid-template-columns:86px 1fr;gap:16px;padding:18px 22px;border-bottom:1px solid #e3ebe8}.timeline article:last-child{border-bottom:0}.timeline article.selectable{cursor:pointer}.timeline article.selectable:hover{background:#f6faf8}.timeline time{color:#51615d;font-variant-numeric:tabular-nums}.timeline p{margin:4px 0}.record-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sync{font-size:.75em;padding:2px 7px;border-radius:4px;background:#fff1d7;color:#725016}.sync.failed{background:#fff0f0;color:#922c2c}.empty{padding:56px;text-align:center;color:#61716d}.tools,.family-actions{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}.tools>:first-child{flex:1}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:12px;margin-bottom:20px}.filter-grid label,.calendar label,.settings label,.modal label{display:grid;gap:8px}.calendar .day{display:flex;justify-content:space-between;padding:24px 0}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:20px}.week-strip button{padding:8px 2px;display:grid;gap:1px;position:relative}.week-strip span{font-size:.72em}.week-strip i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;bottom:3px;left:calc(50% - 2px)}.week-strip .secondary i{background:#126452}.trend{display:grid;grid-template-columns:180px 1fr;align-items:center;background:#fff;border:1px solid #d8e2df;border-radius:8px;padding:18px 22px;margin-bottom:28px}.trend h2{margin-bottom:2px}.trend svg{width:100%;height:88px}.trend path{fill:none;stroke:#17725e;stroke-width:3}.trend circle{fill:#fff;stroke:#17725e;stroke-width:3}.report{border-left:4px solid #126452;background:#fff;padding:24px;margin-top:24px;overflow:auto}.report pre{white-space:pre-wrap;overflow-wrap:anywhere}.notice,.privacy{padding:14px;background:#e8f1ee;border-radius:6px}.error{padding:12px;background:#fff0f0;color:#922c2c;border:1px solid #e6bebe;border-radius:6px;margin:12px 0}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login form{width:min(100%,420px);background:#fff;border:1px solid #d8e2df;border-radius:8px;padding:36px;display:grid;gap:18px}.login form>svg{width:44px;height:44px;color:#126452}.login label{display:grid;gap:7px}.modal{position:fixed;z-index:10;inset:0;background:#10171599;display:grid;place-items:center;padding:20px}.modal>div{background:#fff;width:min(100%,540px);max-height:92vh;overflow:auto;border-radius:8px;padding:24px;display:grid;gap:18px}.modal header{display:flex;align-items:center;justify-content:space-between}.modal header h2{margin:0}.modal header button{background:transparent;color:#17221f;width:48px;padding:0}.modal textarea{min-height:90px}.modal details{border-block:1px solid #d8e2df;padding:14px 0}.modal summary{cursor:pointer;font-weight:650}.modal details label{margin-top:14px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:24px;min-height:24px}.record-detail{display:grid;gap:5px}.record-detail strong{font-size:1.4em}.warning{padding:12px;background:#fff7e7;color:#684b18}.settings{display:grid;gap:16px;max-width:720px}.reminder-form{display:grid;grid-template-columns:1fr 160px auto;align-items:end;gap:12px}.reminder{display:flex;justify-content:space-between;background:#fff;border:1px solid #d8e2df;padding:15px;border-radius:6px}.invite-code{font-size:32px;font-weight:750;font-variant-numeric:tabular-nums}@media(max-width:760px){body{font-size:17px}.shell{display:block;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.shell>aside{position:fixed;z-index:5;top:auto;bottom:0;height:calc(72px + env(safe-area-inset-bottom));width:100%;padding:5px 4px env(safe-area-inset-bottom);border:0;border-top:1px solid #d8e2df}.brand,.logout{display:none}nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:100%}nav button{font-size:12px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:2px;min-height:60px;overflow:hidden}nav button svg{width:21px;height:21px}main{padding:20px 14px}main>header{align-items:flex-start;gap:10px}main>header select{width:min(45%,180px)}h1{font-size:28px}.summary{grid-template-columns:1fr 1fr}.summary button{grid-column:1/-1;margin-top:18px}.tools{align-items:stretch;flex-direction:column}.timeline article{grid-template-columns:62px minmax(0,1fr);padding:16px 12px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid label:nth-child(3),.filter-grid button{grid-column:1/-1}.trend{grid-template-columns:1fr;padding:14px}.reminder-form{grid-template-columns:1fr}.week-strip{gap:3px}.week-strip button{min-height:58px;font-size:.82em}.modal{padding:0;align-items:end}.modal>div{width:100%;max-height:94vh;border-radius:8px 8px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.family-actions button{flex:1;min-width:150px}}@media(max-width:390px){nav button{font-size:11px}.week-strip span{font-size:.65em}.summary strong{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}