:root{color:#24342f;font-synthesis:none;--green:#24483b;--ink:#24342f;--paper:#fffdf7;--orange:#dc7853;--muted:#7b837c;--line:#d9d6ca;background:#f3efe5;font-family:Inter,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#faf7ef 0,#0000 38%),#f3efe5;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:var(--green)}header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#f3efe5d6;border-bottom:1px solid #24483b1f;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.wordmark{background:0 0;border:0;font:600 20px Noto Serif SC,serif}.wordmark span,.brand-mark{color:var(--orange)}.wordmark small{color:var(--muted);margin-left:6px;font:500 13px Inter}.header-actions{align-items:center;gap:10px;display:flex}.status{color:#9a6b57;font-size:12px}.status:before{content:"";background:#b96b55;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status.online{color:#517566}.status.online:before{background:#4f8c72}.ghost,.back,.row-actions button,.link-button,.danger{border:1px solid var(--line);background:0 0;border-radius:99px;padding:9px 13px}.primary{background:var(--green);color:#fff;border:0;border-radius:99px;padding:12px 19px;box-shadow:0 5px 14px #24483b26}.primary:disabled{opacity:.5}.wide{border-radius:10px;width:100%;margin-top:8px}.dashboard,.detail{max-width:1120px;margin:auto;padding:64px 24px}.intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#9b684f;font-size:11px;font-weight:600}.intro h1,.detail h1,.auth-story h1{color:var(--green);margin:8px 0 16px;font:600 clamp(38px,6vw,67px)/1.1 Noto Serif SC,serif}.intro p:not(.eyebrow),.detail-head p:not(.eyebrow){color:var(--muted)}.tracker-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tracker-card{background:#fffdf7cc;border:1px solid #24483b1a;border-radius:18px;align-items:center;min-height:100px;padding:21px;transition:all .2s;display:flex}.tracker-card:hover{border-color:#24483b40;transform:translateY(-2px);box-shadow:0 12px 30px #363f3714}.tracker-icon{border-radius:16px;place-items:center;width:56px;height:56px;margin-right:16px;font-size:25px;display:grid}.tone-0{background:#e1eadf}.tone-1{background:#f3dfd2}.tone-2{background:#e4e1ef}.tone-3{background:#ece3ca}.tracker-copy{flex:1}.tracker-copy h2{margin:0 0 7px;font:600 19px Noto Serif SC}.tracker-copy p{color:var(--muted);margin:0;font-size:12px}.jot{background:var(--orange);color:#fff;border:0;border-radius:50%;width:68px;height:68px;font-size:13px}.arrow{color:#98a19b;font-size:24px}.empty{text-align:center;color:var(--muted);border:1px dashed #c9c5b8;border-radius:18px;grid-column:1/-1;padding:70px}.empty>div{color:var(--orange);font-size:50px}.empty h2{color:var(--green);font-family:Noto Serif SC}.empty.compact{padding:35px}.toast{z-index:30;color:#fff;background:#263c34;border:0;border-radius:99px;padding:10px 18px;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0002}footer{color:var(--muted);justify-content:space-between;padding:50px 0;font-size:12px;display:flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18231f85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:22px;width:min(520px,100%);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 25px 80px #14251f55}.modal h2,.history h2{color:var(--green);margin:4px 0 25px;font:600 26px Noto Serif SC}.modal-close{color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:16px;right:18px}label{color:#53625c;margin:15px 0 6px;font-size:12px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;margin-top:7px;padding:12px;display:block}input:focus,select:focus,textarea:focus{border-color:#759383;box-shadow:0 0 0 3px #dae7df}textarea{resize:vertical;min-height:90px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.preset-grid button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 7px}.preset-grid button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.preset-grid span{margin-bottom:5px;font-size:23px;display:block}.auth-page{grid-template-columns:1.2fr .8fr;align-items:center;gap:90px;max-width:1080px;min-height:100vh;margin:auto;padding:40px;display:grid}.brand-mark{background:var(--green);border-radius:16px;place-items:center;width:52px;height:52px;font-size:52px;line-height:0;display:grid}.auth-story>p:last-child{color:var(--muted);line-height:1.9}.auth-card{background:#fffdf7e0;border:1px solid #dfdbcf;border-radius:22px;padding:40px;box-shadow:0 25px 70px #383f381a}.auth-card h2{color:var(--green);margin-top:0;font:600 27px Noto Serif SC}.link-button{border:0;margin:15px auto 0;display:block}.form-error{color:#a54234;font-size:13px}.center{height:100vh;color:var(--muted);place-content:center;justify-items:center;display:grid}.back{border:0;margin-bottom:35px;padding-left:0}.detail-head{justify-content:space-between;align-items:end;display:flex}.detail-head h1{font-size:50px}.stat-card,.trend-card{background:var(--green);color:#fff;border-radius:20px;margin:45px 0 25px;padding:28px}.stat-card strong{margin:0 8px 0 25px;font:600 66px Noto Serif SC}.stat-card span,.stat-card small,.trend-card span{color:#bed0c8}.trend-card{grid-template-columns:190px 1fr;align-items:center;display:grid}.trend-card strong{margin-top:10px;font:600 25px Noto Serif SC;display:block}.trend-card svg{width:100%;height:130px;overflow:visible}.trend-card polyline{fill:none;stroke:#f0ae85;stroke-width:4px;vector-effect:non-scaling-stroke}.trend-card .line-1{stroke:#b6d9ca}.history{background:#fffdf7bf;border:1px solid #dfdbcf;border-radius:20px;padding:25px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0 0 15px;font-size:22px}.section-title span{color:var(--muted);font-size:12px}.entry-row{border-top:1px solid #e3dfd4;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:16px 4px;display:grid}.entry-row time b,.entry-row time small{display:block}.entry-row time small{color:var(--muted);margin-top:5px}.entry-value strong{font-weight:500}.entry-value p{color:var(--muted);margin:6px 0 0;font-size:13px}.row-actions{gap:5px;display:flex}.row-actions button{color:var(--muted);border:0;padding:7px;font-size:12px}.detail-tools{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.danger{color:#a24738;border-color:#dcbdb5}.unit-input{position:relative}.unit-input span{color:var(--muted);position:absolute;bottom:12px;right:12px}.unit-input input{padding-right:70px}.share-form{grid-template-columns:1fr 110px auto;align-items:end;gap:8px;display:grid}.share-form input,.share-form select{margin:0}.hint{color:var(--muted);font-size:12px}.share-list>div,.invitations>div{border-top:1px solid var(--line);align-items:center;gap:10px;padding:13px 0;display:flex}.share-list span,.invitations span{flex:1}.share-list b,.share-list small,.invitations b,.invitations small{display:block}.share-list small,.invitations small{color:var(--muted);margin-top:4px}.share-list button,.invitations button:not(.primary){color:var(--muted);background:0 0;border:0}.invitations{background:#f8eadf;border:1px solid #e7cdbc;border-radius:16px;margin-bottom:25px;padding:18px 22px}.invitations .eyebrow{margin-top:0}@media (width<=720px){header{height:66px;padding:0 16px}.header-actions .status,.header-actions .ghost:first-of-type{display:none}.dashboard,.detail{padding:38px 16px}.intro,.detail-head{flex-direction:column;align-items:flex-start}.intro h1{font-size:42px}.tracker-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;gap:25px;padding:25px}.auth-story>p:last-child{display:none}.auth-story h1{font-size:42px}.auth-card{padding:27px}.trend-card{grid-template-columns:1fr}.trend-card svg{margin-top:25px}.entry-row{grid-template-columns:68px 1fr}.row-actions{grid-column:2}.share-form{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(3,1fr)}}.share-list select{width:auto;margin:0;padding:7px}