:root{--brand: #94cb36;--brand-600: #7bb028;--brand-dark: #33691e;--brand-ink: #ffffff;--energy-0: #d11c2a;--energy-1: #f6a01a;--energy-2: #8a949b;--energy-3: #6eb93a;--energy-4: #008345;--energy-0-ink: #a3121e;--energy-1-ink: #a86a00;--energy-2-ink: #5d666c;--energy-3-ink: #4c8526;--energy-4-ink: #006234;--bg: #ffffff;--surface: #f5f7f3;--surface-2: #ecefe9;--border: #dfe3dc;--text: #1f2a24;--text-muted: #5b6660;--accent-blue: #2b8fe0;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-sm: .8125rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--nav-h: 56px;--bar-h: 72px;--app-max-w: 520px;--shadow-1: 0 2px 8px rgba(31, 42, 36, .12);--shadow-2: 0 8px 28px rgba(31, 42, 36, .18)}.energy-bg--0{background-color:var(--energy-0)}.energy-text--0{color:var(--energy-0-ink)}.energy-border--0{border-color:var(--energy-0)}.energy-bg--1{background-color:var(--energy-1)}.energy-text--1{color:var(--energy-1-ink)}.energy-border--1{border-color:var(--energy-1)}.energy-bg--2{background-color:var(--energy-2)}.energy-text--2{color:var(--energy-2-ink)}.energy-border--2{border-color:var(--energy-2)}.energy-bg--3{background-color:var(--energy-3)}.energy-text--3{color:var(--energy-3-ink)}.energy-border--3{border-color:var(--energy-3)}.energy-bg--4{background-color:var(--energy-4)}.energy-text--4{color:var(--energy-4-ink)}.energy-border--4{border-color:var(--energy-4)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--surface-2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--space-4)}.card__title{margin:0 0 var(--space-2);font-size:var(--fs-base);font-weight:700}.muted{color:var(--text-muted)}.placeholder{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-5);text-align:center;color:var(--text-muted);background:var(--surface)}
