:root{--accent: #5a9c6a;--bg: #0f1714;--panel: #18241f;--panel2: #1f3128;--text: #e8f0ea;--muted: #8fa697;--treat: #d98a4a;--danger: #d9534f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:12px}.md-wrap{width:100%;max-width:460px;display:flex;flex-direction:column;gap:10px}.md-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.md-title{font-size:22px;font-weight:800;letter-spacing:.5px;color:var(--accent)}.md-title small{color:var(--muted);font-weight:600;font-size:12px}.md-modes{display:flex;gap:6px}.md-btn{background:var(--panel2);color:var(--text);border:1px solid #2c4438;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer}.md-btn:hover{border-color:var(--accent)}.md-btn.active{background:var(--accent);color:#06110b;border-color:var(--accent)}.md-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.md-stat{background:var(--panel);border-radius:10px;padding:8px;text-align:center}.md-stat .v{font-size:18px;font-weight:800}.md-stat .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.md-bars{display:flex;flex-direction:column;gap:6px}.md-bar{background:var(--panel);border-radius:8px;overflow:hidden;height:16px;position:relative}.md-bar .fill{height:100%;transition:width .1s linear}.md-bar .fill.budget{background:var(--accent)}.md-bar .fill.health{background:var(--danger)}.md-bar .fill.burn{background:#4a8fd9}.md-bar .lab{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}canvas{width:100%;display:block;background:linear-gradient(#16221c,#101a15);border-radius:12px;border:1px solid #2c4438;touch-action:none}.md-event{text-align:center;font-size:13px;font-weight:700;min-height:18px;color:var(--accent)}.md-help{font-size:12px;color:var(--muted);line-height:1.5;background:var(--panel);border-radius:8px;padding:8px 10px}.md-help b{color:var(--text)}.md-over{background:var(--panel2);border:1px solid var(--accent);border-radius:12px;padding:16px;text-align:center}.md-over h2{margin:0 0 6px;color:var(--accent)}.md-over p{margin:4px 0;color:var(--muted)}