:root{--ink:#20150d;--muted:#66574b;--muted-strong:#8a6f54;--canvas:#f5ecdf;--font-body:"IBM Plex Sans", "Trebuchet MS", sans-serif;--font-display:"Fraunces", "Georgia", serif;color:var(--ink);background:radial-gradient(circle at top, #1b9a821f, transparent 34%), radial-gradient(circle at bottom right, #db913826, transparent 28%), linear-gradient(180deg, #fffdf8, var(--canvas));font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#8f70440f 1px,#0000 1px),linear-gradient(90deg,#8f70440d 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000040,#0000 80%);mask-image:linear-gradient(#00000040,#0000 80%)}button,input{font:inherit}h1,h2,h3{font-family:var(--font-display);color:var(--ink)}h1{font-size:clamp(2.8rem,6vw,4.8rem);line-height:.94}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.2rem}p{margin:0}a{color:inherit}#root{min-height:100vh}.tracker-shell{justify-content:center;min-height:100vh;padding:24px 12px 40px;display:flex}.tracker-card{background:#fffdfa;border:1px solid #e5e8ef;border-radius:28px;width:min(100%,430px);padding:22px;box-shadow:0 18px 40px #1d2e4714}.tracker-header,.header-actions,.calendar-header,.tracker-footer,.section-title-row,.breakdown-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tracker-header h1{margin:0 0 4px;font-size:2rem;line-height:1}.tracker-header p,.footer-copy{color:#5f6f87;margin:0;font-size:.95rem}.mandate-note{color:#8192aa;margin-top:6px;display:block}.header-actions{flex-direction:column;align-items:flex-end}.target-pill{background:#f8ecd7;border-radius:999px;gap:4px;padding:4px;display:flex}.target-option,.demo-link,.calendar-nav,.clear-link{color:#44546d;cursor:pointer;font:inherit;background:0 0;border:0}.target-option{border-radius:999px;padding:8px 12px;font-weight:700}.target-option.active{color:#1f1d1a;background:#fff7ec}.good-pill{color:#198754;background:#ddf7e8;border-radius:999px;padding:6px 12px;font-weight:700}.demo-link,.clear-link{color:#3b8f63;font-weight:700}.progress-ring-card{width:230px;height:230px;margin:20px auto 18px;position:relative}.progress-ring-card.success .progress-ring-value{stroke:#2fb56c}.progress-ring-card.success .progress-ring-copy strong{color:#18814b}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-track,.progress-ring-value{fill:none;stroke-width:12px}.progress-ring-track{stroke:#eceff4}.progress-ring-value{stroke:#f9b126;stroke-linecap:round}.progress-ring-copy{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.progress-ring-copy strong{color:#0f2037;font-size:3.4rem;line-height:.95}.progress-ring-copy span{color:#6f7f96}.forecast-section,.calendar-card,.breakdown-card{margin-top:22px}.section-kicker{color:#7385a0;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.95rem}.forecast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.forecast-card,.calendar-card,.breakdown-card{background:#fff;border:1px solid #dbe2ec;border-radius:16px}.forecast-card{text-align:center;gap:4px;min-height:92px;padding:14px 10px;display:grid}.forecast-icon{color:#7d8ba1;font-weight:700}.forecast-card strong{color:#0f2037;font-size:2rem;line-height:1}.forecast-card small{color:#6f7f96;font-size:.78rem}.forecast-warning{color:#d84b31;margin:12px 2px 0;font-size:.94rem}.forecast-warning.success{color:#18814b}.calendar-card,.breakdown-card{padding:14px}.calendar-header{margin-bottom:10px}.calendar-header strong{color:#0f2037;font-size:1.2rem}.calendar-nav{border-radius:999px;width:32px;height:32px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-day-label{text-align:center;color:#6f7f96;padding:6px 0;font-size:.82rem}.calendar-cell{aspect-ratio:1;color:#15253d;font:inherit;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:14px}.calendar-cell.outside-month{color:#c1cad7}.calendar-cell.active{color:#fff;background:#38af6f;font-weight:700}.calendar-cell.selected{border-color:#38af6f}.calendar-cell.active.selected{background:#2f9d61;box-shadow:inset 0 0 0 2px #0f2037}.breakdown-list{gap:10px;margin-top:12px;display:grid}.breakdown-label,.breakdown-value{color:#0f2037;font-size:.92rem}.breakdown-label{width:52px}.breakdown-value{text-align:right;width:12px}.breakdown-bar{background:#e9edf3;border-radius:999px;flex:1;height:18px;overflow:hidden}.breakdown-bar.future{background:#f4f6fa;border:1px dashed #d4dbe6}.breakdown-fill{border-radius:999px;height:100%}.breakdown-fill.counted{background:#38af6f}.breakdown-fill.dropped{background:#f9b126}.breakdown-fill.concern{background:#e16a4f}.breakdown-fill.future{background:#c6d4e6}.future-row .breakdown-label,.future-row .breakdown-value{color:#8091a9}.insight-stack{gap:8px;display:grid}.footer-copy.good{color:#18814b}.footer-copy.warning{color:#d84b31}.footer-copy.neutral{color:#5f6f87}.tracker-footer{align-items:flex-start;margin-top:18px}@media (width<=460px){.tracker-card{padding:18px}.tracker-header{flex-direction:column;align-items:flex-start}.header-actions{align-items:stretch;width:100%}.target-pill,.forecast-grid{width:100%}.target-pill{justify-content:space-between}}