:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #7cdb9a;outline-offset:3px}.app{--bg:#f6f8f7;--card:#fff;--text:#17212b;--muted:#718091;--line:#e9efeb;--soft:#f4f8f5;background:var(--bg);color:var(--text);min-height:100vh}.app.dark{--bg:#111916;--card:#1a2620;--text:#f0f5f1;--muted:#a2b2a8;--line:#304036;--soft:#25352b}.shell{max-width:980px;margin:auto;min-height:100vh}.content{padding:32px 22px 115px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 22px}.top h1{font-size:clamp(24px,4vw,33px);margin:0 0 5px;letter-spacing:-.9px}.top p{margin:0;color:var(--muted)}.date{display:flex;align-items:center;gap:8px;white-space:nowrap;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:12px 15px;font-size:13px;font-weight:650}.date svg{color:#18a85d}.goal{position:relative;display:flex;align-items:flex-start;gap:17px;overflow:hidden;background:linear-gradient(110deg,#169e62,#53c991 70%,#9fe7bf);border-radius:23px;color:#fff;padding:27px 25px;min-height:160px;margin-bottom:16px}.goal-icon{background:#fff3;border-radius:100%;padding:8px;display:grid;place-items:center;z-index:1}.goal>div:nth-child(2){z-index:1}.goal small{font-size:16px;font-weight:650}.goal h2{font-size:28px;margin:12px 0 7px}.goal p{margin:0;font-size:15px}.goal .pill{margin-left:auto;z-index:1}.pill{border:0;border-radius:25px;padding:12px 15px;font-weight:650;display:flex;align-items:center;gap:4px}.pill.light{background:#fff;color:#09854d}.mountain{position:absolute;right:40px;bottom:-65px;width:230px;height:130px;background:#fff2;transform:rotate(45deg);border-radius:25px}.panel{background:var(--card);border:1px solid var(--line);border-radius:23px;padding:21px 22px;margin-bottom:14px;box-shadow:0 7px 25px #142d1a06}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title h3,.section-heading{display:flex;align-items:center;gap:11px;font-size:19px;margin:0}.panel-title h3 svg,.section-heading svg{color:#16aa5b}.text-link{display:flex;align-items:center;gap:3px;color:#237e9b;background:var(--soft);border:0;border-radius:20px;padding:9px 12px;font-size:13px;font-weight:600}.nutrition{display:flex;align-items:center;gap:26px}.calorie{width:170px;height:170px;flex:none;border-radius:50%;background:conic-gradient(#29c67b 0,#29c67b 59%,#edf1ef 59%,#edf1ef);display:grid;place-items:center}.calorie>div{width:133px;height:133px;background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.calorie strong{font-size:29px}.calorie span{color:var(--muted);font-size:17px}.calorie small{color:var(--muted)}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.macro{padding:19px 14px;border-radius:16px;min-width:0}.macro.green{background:#eaf9f1;color:#168d58}.macro.blue{background:#eaf4ff;color:#2472c9}.macro.amber{background:#fff5dc;color:#9b6d00}.macro span{font-size:13px;font-weight:700;display:block}.macro strong{display:block;margin:15px 0 13px;font-size:18px;color:#15222b;white-space:nowrap}.track{height:9px;border-radius:20px;background:#ffffffa6;overflow:hidden}.track>div{height:100%;background:currentColor;border-radius:20px}.workout{display:flex;align-items:center;gap:19px}.workout-art{height:150px;width:160px;flex:none;background:linear-gradient(145deg,#d8eee2,#7cbea0);border-radius:17px;display:grid;place-items:center;color:#16864f}.workout-info{flex:1}.workout-info h3{font-size:21px;margin:0 0 13px}.workout-info p{display:flex;gap:9px;align-items:center;margin:8px 0;color:var(--muted);font-size:14px}.workout-actions{display:flex;flex-direction:column;gap:9px}.primary,.secondary{border-radius:13px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700}.primary{background:#17ae5b;color:#fff;border:0}.secondary{background:var(--card);border:1px solid var(--line);color:var(--text)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.stat{padding:17px;border-radius:17px;display:flex;flex-direction:column;gap:10px}.stat.sky{background:#eaf6ff}.stat.lavender{background:#f2eeff}.stat.peach{background:#fff2e9}.stat span{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:#273242}.stat strong{font-size:21px;color:#15222b}.stat small{color:#678}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick button{border:0;background:#edf8f1;border-radius:16px;min-height:90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:14px;color:#178d50;font-weight:700;font-size:13px;text-align:left}.quick button:nth-child(2){background:#eef5ff;color:#2271c7}.quick button:nth-child(3){background:#f4efff;color:#7853c8}.quick button:nth-child(4){background:#fff5e8;color:#c47920}.quick button span{color:#26343c}.quick button svg:last-child{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:980px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line);padding:12px 8px calc(12px + env(safe-area-inset-bottom));z-index:10;box-shadow:0 -5px 25px #00000007}.bottom-nav button{border:0;background:none;color:#8a98a4;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;padding:4px 0}.bottom-nav button.active{color:#17aa5d;font-weight:750}.placeholder{text-align:center;padding:65px 28px}.placeholder-icon{width:95px;height:95px;border-radius:24px;background:var(--soft);display:grid;place-items:center;color:#16a15a;margin:0 auto 20px}.placeholder h2{font-size:24px}.placeholder p{color:var(--muted);max-width:440px;margin:0 auto 22px;line-height:1.6}.tag{display:inline-block;border-radius:20px;padding:9px 15px;background:#e5f7eb;color:#13834b;font-size:13px;font-weight:700}.muted{color:var(--muted);line-height:1.6}.theme-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.theme-options button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:12px;padding:13px 16px}.theme-options button.selected{border-color:#19a85e;color:#159653}.disclaimer{color:var(--muted);font-size:12px;text-align:center}.dark .macro,.dark .stat,.dark .quick button{filter:brightness(.83)}@media(max-width:680px){.content{padding:22px 13px 110px}.top{align-items:flex-start}.top h1{font-size:24px}.date{font-size:11px;padding:10px}.goal{padding:20px 15px;min-height:155px;gap:10px}.goal small{font-size:13px}.goal h2{font-size:23px}.goal p{font-size:12px}.goal .pill{font-size:10px;padding:9px 8px}.panel{padding:16px 13px;border-radius:19px}.panel-title h3{font-size:16px}.text-link{font-size:11px;padding:8px}.nutrition{gap:12px}.calorie{width:118px;height:118px}.calorie>div{width:93px;height:93px}.calorie strong{font-size:21px}.calorie span{font-size:12px}.calorie small{font-size:11px}.macro-grid{gap:5px}.macro{padding:11px 7px}.macro span{font-size:10px}.macro strong{font-size:11px;margin:12px 0}.track{height:7px}.workout{gap:10px;flex-wrap:wrap}.workout-art{width:95px;height:115px}.workout-info h3{font-size:17px}.workout-info p{font-size:12px}.workout-actions{width:100%;flex-direction:row}.workout-actions button{flex:1}.stats{gap:5px}.stat{padding:10px 7px;gap:8px}.stat span{font-size:10px;gap:3px}.stat span svg{width:14px}.stat strong{font-size:15px}.stat small{font-size:10px}.quick{gap:5px}.quick button{padding:10px 6px;font-size:10px;min-height:85px}.quick button svg{width:19px}.bottom-nav button{font-size:10px}}@media(max-width:370px){.goal .pill{display:none}.nutrition{flex-direction:column}.calorie{width:140px;height:140px}.calorie>div{width:110px;height:110px}.macro-grid{width:100%}}.auth-wrap{min-height:100dvh;background:#f1f8f3;display:grid;place-items:center;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b}.auth-card{background:#fff;border:1px solid #dcece0;border-radius:24px;box-shadow:0 14px 45px #163b2014;padding:28px;width:min(100%,420px);display:flex;flex-direction:column;gap:14px}.auth-card h1{color:#149b54;margin:0;font-size:29px}.auth-card h2{margin:0;font-size:22px}.auth-card p{color:#66766a;line-height:1.5;margin:0}.auth-card label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:14px}.auth-card input,.auth-card select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #c9d9cd;background:#fff;color:#17212b;font:inherit}.auth-card button{width:100%;min-height:44px}.auth-card small{color:#66766a;text-align:center}.auth-card .auth-error{color:#b42318}