:root{color:#173f35;font-synthesis:none;--ink:#173f35;--muted:#75817b;--line:#dfe5da;--cream:#f8f6ef;--lime:#dff36b;--peach:#ffd5b8;--blue:#c8e6eb;background:#f8f6ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--cream);margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex;overflow-x:hidden}.page{flex:1;min-width:0;overflow-x:hidden}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:260px;padding:29px 18px 20px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;padding:0 12px;font-size:20px;font-weight:750;display:flex}.brand img{width:30px;height:30px}.profile-chip{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin:42px 0 28px;padding:11px 10px;display:flex}.mini-avatar,.avatar{background:var(--ink);color:var(--lime);border-radius:50%;place-items:center;font-weight:700;display:grid}.mini-avatar{width:31px;height:31px;font-size:10px}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:12px}.profile-chip small{color:var(--muted);margin-top:3px;font-size:10px}.chevron{color:var(--muted);margin-left:auto}nav{gap:5px;display:grid}.nav-item{text-align:left;color:#718078;background:0 0;border-radius:9px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:var(--ink);background:#eef3e8;font-weight:650}.nav-icon{text-align:center;width:18px;font-size:19px}.sidebar-foot{margin-top:auto}.expert-card{border-top:1px solid var(--line);color:var(--muted);padding:22px 10px 20px;font-size:11px;line-height:1.5}.expert-card button{color:var(--ink);background:0 0;padding:6px 0;font-size:11px;font-weight:650;display:block}.expert-card button span{color:#8b9d25;font-size:16px}.sidebar-foot>small{color:#b3bbb3;padding:0 10px;font-size:10px}.page{flex:1;min-width:0}.content{max-width:1010px;margin:0 auto;padding:62px 8%}.eyebrow,.label{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:#8cbd66;border-radius:50%;width:6px;height:6px}.headline-row{justify-content:space-between;align-items:flex-start;margin:24px 0 39px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-.06em;font-size:42px;font-weight:650;line-height:1.05}h2{letter-spacing:-.04em;margin:11px 0 12px;font-size:27px}.lede{color:var(--muted);font-size:15px;line-height:1.5}.avatar{width:42px;height:42px;font-size:12px}.hero-card{background:var(--ink);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;min-height:225px;padding:35px 39px;display:flex;position:relative;overflow:hidden}.hero-card p{color:#b8c6bd;max-width:420px;font-size:13px;line-height:1.55}.hero-card .label{color:#b9cd65}.primary{background:var(--lime);border-radius:7px;margin-top:25px;padding:12px 15px;font-size:12px;font-weight:750}.primary span{margin-left:20px;font-size:17px}.orbital{width:210px;height:150px;position:relative}.sun{background:var(--lime);width:74px;height:74px;color:var(--ink);border-radius:50%;place-items:center;font-size:21px;font-weight:750;display:grid;position:absolute;top:48px;left:76px}.sun span{margin-left:2px;font-size:12px}.orbit{border:1px solid #66816d;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:200px;height:85px;top:42px;left:5px}.orbit-two{width:160px;height:125px;top:20px;left:28px;transform:rotate(53deg)}.section-heading{justify-content:space-between;align-items:center;margin:41px 0 17px;display:flex}.section-heading h3{letter-spacing:-.02em;font-size:15px}.text-button{color:#75817b;background:0 0;font-size:11px}.text-button:hover{color:var(--ink)}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:13px;padding:18px;display:flex}.metric-icon{border-radius:10px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.lime{background:var(--lime)}.blue{background:var(--blue)}.peach{background:var(--peach)}.metrics strong{letter-spacing:-.04em;font-size:19px;display:block}.metrics small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.metric-note{color:var(--muted);margin-left:auto;font-size:10px}.next-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;padding:19px 23px;display:flex}.next-time{letter-spacing:-.04em;width:93px;font-size:19px;font-weight:700}.next-time span{color:var(--muted);letter-spacing:0;font-size:10px}.next-line{background:var(--line);width:1px;height:40px;margin-right:22px}.next-copy h3{margin:5px 0;font-size:16px}.next-copy p{color:var(--muted);font-size:11px}.next-copy b{color:#c4d37f;padding:0 3px}.circle-button{background:#eef3e8;border-radius:50%;width:35px;height:35px;margin-left:auto;font-size:19px}.placeholder{max-width:790px}.placeholder h1{margin:18px 0}.empty-panel{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:490px;margin-top:50px;padding:34px}.empty-panel h2{font-size:22px}.empty-panel p{color:var(--muted);max-width:400px;font-size:13px;line-height:1.6}.mobile-top{display:none}.mobile-top .brand{padding:0}.mobile-top .avatar{margin-left:auto}.meal-image{object-fit:cover;border-radius:9px;flex-shrink:0;width:128px;height:88px}.next-card:hover .meal-image{transform:scale(1.03)}@media (width<=760px){.app-shell{display:block}.sidebar{display:none}.mobile-top{z-index:2;border-bottom:1px solid var(--line);background:#fff;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.content{padding:38px 20px}h1{font-size:33px}.headline-row{margin-bottom:29px}.hero-card{min-height:260px;padding:25px 22px}.hero-card p{max-width:260px;font-size:12px}.orbital{opacity:.45;position:absolute;right:-50px}.metrics{grid-template-columns:1fr;gap:8px}.metrics article{padding:14px}.section-heading{margin-top:31px}.meal-image{width:72px;height:56px}.next-card{padding:16px}.next-time{width:72px}.next-line{margin-right:14px}.next-copy h3{font-size:14px}.next-copy p{font-size:10px}.avatar{width:36px;height:36px}}
