:root{color-scheme:light;--bg:#f7f8f1;--green:#163f2e;--muted:#748068;--line:#dfe5d5;--gold:#ddc381;--text:#213c2b;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;min-width:0}body{background:var(--bg);color:var(--text);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 0 calc(100px + env(safe-area-inset-bottom));margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a38127}img{max-width:100%;height:auto}h1,h2,p{margin:0}h1{letter-spacing:-.045em;font:39px/1.1 Georgia,serif}h2{font-size:17px;line-height:1.3}.icon{flex:none;width:23px;height:23px}.app-shell{max-width:450px;margin:0 auto;padding:24px 22px 15px}.app-brand{justify-content:space-between;align-items:center;padding-bottom:28px;display:flex}.app-brand>a{align-items:center;gap:10px;min-height:44px;display:flex}.app-brand img{object-fit:contain;background:var(--green);border-radius:12px;width:43px;height:43px;padding:5px}.app-brand strong{font-size:14px;display:block}.app-brand small{color:var(--muted);font-size:10px;display:block}.profile-avatar{color:#687b53;background:#e6eadb;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.screen{align-content:start;gap:20px;min-height:calc(100svh - 200px);display:grid}.hidden{display:none}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7b886a;margin-bottom:10px;font-size:9px;font-weight:700}.app-top{padding:3px 0 8px}.app-top>p:last-child,.compact-head>p:last-child{color:var(--muted);max-width:310px;margin-top:13px;font-size:12px}.dose-card{background:var(--green);color:#f9f9ed;border-radius:21px;grid-template-columns:1fr 100px;align-items:center;gap:12px;padding:26px 23px;display:grid;box-shadow:0 9px 23px #193c2815}.dose-card .eyebrow{color:#c8d3b9;margin-bottom:9px;font-size:8px}.dose-card h2{font-size:21px;font-weight:500}.dose-card p:last-child{color:#c4d1b5;margin-top:10px;font-size:10px}.ring{place-items:center;display:grid;position:relative}.ring svg{width:100px;height:100px;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#436448;stroke-width:9px}.ring .ring-bar{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314px;transition:stroke-dashoffset .25s}.ring strong{color:#e7d395;font-size:24px;font-weight:500;position:absolute}.section-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.section-row h2{font-size:15px}.section-row span{color:var(--muted);font-size:9px}.habit-list{gap:10px;display:grid}.habit{border:1px solid var(--line);text-align:left;width:100%;min-height:75px;color:var(--text);background:#fffef9;border-radius:13px;align-items:center;gap:13px;padding:15px;transition:background .2s,border-color .2s;display:flex}.habit-icon{color:#84966c;background:#eef1e4;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.habit strong{font-size:13px;font-weight:600;display:block}.habit small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.habit i{border:1px solid #c8d0bd;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-left:auto;display:grid}.habit i .icon{opacity:0;width:15px;height:15px}.habit.done{background:#edf2e2;border-color:#bdcdaa}.habit.done i{color:#fff;background:#688552;border-color:#688552}.habit.done i .icon{opacity:1}.renew-card{background:#f0ecd9;border:1px solid #e4d9b3;border-radius:14px;gap:13px;margin-top:3px;padding:20px;display:flex}.renew-icon{color:#967d3c}.renew-card .eyebrow{color:#8e773e;margin-bottom:6px;font-size:8px}.renew-card h2{font-size:14px}.renew-card p:not(.eyebrow){color:#827957;margin:7px 0;font-size:10px}.renew-card a{color:#746133;align-items:center;gap:10px;min-height:35px;font-size:11px;font-weight:600;display:flex}.renew-card a .icon{width:17px;height:17px}.local-note{text-align:center;color:#7b886b;padding:0 8px;font-size:9px}.tabbar{width:min(450px,100%);padding:9px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);backdrop-filter:blur(16px);z-index:20;background:#fafbf4f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:#7a846d;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:57px;font-size:10px;display:flex}.tabbar button .icon{width:21px;height:21px}.tabbar button.active{color:#355c33;background:#eaf0df}.compact-head{padding:3px 0 12px}.chart{border:1px solid var(--line);background:#fffef9;border-radius:16px;justify-content:space-around;align-items:end;gap:12px;height:220px;padding:25px 20px 18px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.chart-column .chart-bar{background:linear-gradient(#b0c297,#658253);border-radius:7px 7px 2px 2px;width:100%;max-width:30px;min-height:3px}.chart-column small{color:#778768;font-size:9px}.chart-column b{color:#657d50;font-size:9px;font-weight:500}.metric-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.metric-grid>div{border:1px solid var(--line);background:#fffef9;border-radius:14px;padding:21px}.metric-grid strong{color:#42633a;font:36px/1.2 Georgia,serif;display:block}.metric-grid span{color:var(--muted);margin-top:7px;font-size:10px;display:block}.gentle-note{color:#71885b;background:#eaf0df;border-radius:14px;gap:14px;padding:20px;display:flex}.gentle-note p{font-size:11px}.axis-list{gap:13px;display:grid}.axis-list article{border:1px solid var(--line);background:#fffef9;border-radius:15px;padding:24px;position:relative}.axis-list article>.icon{color:#839a6b}.axis-list article>span{color:#8a9c76;font:italic 25px Georgia,serif;position:absolute;top:20px;right:24px}.axis-list strong{margin-top:15px;font:25px Georgia,serif;display:block}.axis-list p{color:var(--muted);margin-top:10px;font-size:12px}.account-card{border:1px solid var(--line);background:#eef1e5;border-radius:14px;align-items:center;gap:15px;padding:15px;display:flex}.account-card img{object-fit:contain;width:105px;height:83px}.account-card strong{font-size:13px;display:block}.account-card small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.account-card>.icon{width:18px;height:18px}.install-card{color:#37422b;background:linear-gradient(110deg,#ead392,#cbaa60);border:0;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;font-size:12px;font-weight:600;display:flex}.install-help{color:var(--muted);font-size:12px}.install-help:empty{display:none}.account-info{border:1px solid var(--line);background:#fffef9;border-radius:14px;padding:22px}.account-info h2{font-size:14px}.account-info p{color:var(--muted);margin-top:12px;font-size:11px}.account-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;font-size:12px;display:flex}.account-link .icon{width:17px;height:17px}@media (width>=700px){body{background:radial-gradient(at 50% 15%,#e2e9d4,#ccd5bf);padding-top:30px}.app-shell{background:var(--bg);border:1px solid #bcc7ad;border-radius:30px;min-height:850px;padding:28px;box-shadow:0 20px 70px #213b2520}.tabbar{border:1px solid #c3ceb4;border-bottom:0;border-radius:17px 17px 0 0}.screen{min-height:670px}}@media (width<=350px){.app-shell{padding:20px 16px}.dose-card{grid-template-columns:1fr 85px;padding:20px 16px}.ring svg{width:85px;height:85px}h1{font-size:35px}.habit{gap:10px;padding:12px}.habit small{font-size:9px}.habit-icon{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}