:root{color-scheme:light;--bg: #f5f7f3;--surface: #ffffff;--surface-soft: #f8fbf7;--text: #18201c;--muted: #6c7770;--line: rgba(25, 35, 29, .1);--grid: rgba(41, 57, 49, .11);--cursor: rgba(19, 155, 114, .35);--green: #139b72;--green-soft: #dff5ec;--blue: #4f6fdb;--amber: #c46d32;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html[data-theme=dark]{color-scheme:dark;--bg: #101411;--surface: #171d19;--surface-soft: #1d241f;--text: #eef5ef;--muted: #a4afa8;--line: rgba(238, 245, 239, .11);--grid: rgba(238, 245, 239, .12);--cursor: rgba(95, 210, 168, .42);--green-soft: rgba(47, 191, 137, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 14% -10%,rgba(47,191,137,.13),transparent 32%),linear-gradient(135deg,var(--bg),var(--surface-soft));color:var(--text)}button,input{font:inherit}button{cursor:pointer}.widget-shell{width:min(1040px,100%);margin:0 auto;padding:clamp(8px,2vw,18px)}.chart-panel,.recent-panel,.empty-banner{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 55px #121f1814}.metric-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--green-soft);color:var(--green)}h1,h2,p{margin:0}h1{font-size:clamp(1.35rem,4vw,2.05rem);line-height:1.08;letter-spacing:0}.modal-heading p{color:var(--muted);margin-top:4px;font-size:.94rem}.primary-button,.secondary-button,.danger-button,.empty-banner button{border:0;border-radius:8px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary-button{background:linear-gradient(135deg,#16a379,#2fbf89);color:#fff;box-shadow:0 12px 28px #139b723b;font-weight:750}.secondary-button,.empty-banner button{background:var(--surface-soft);color:var(--text);border:1px solid var(--line);font-weight:700}.danger-button{background:#d75b51;color:#fff;box-shadow:0 12px 28px #d75b512e;font-weight:750}.empty-banner{margin-bottom:10px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.empty-banner div,.section-heading{display:flex;flex-direction:column;gap:3px}.empty-banner span,.section-heading span{color:var(--muted);font-size:.9rem}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 10px}.metric-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:8px}.metric-icon{width:30px;height:30px}.metric-icon svg{width:16px;height:16px}.metric-card span{color:var(--muted);font-size:.78rem}.metric-card strong{display:block;margin-top:2px;font-size:clamp(1rem,2vw,1.22rem)}.metric-card.good .metric-icon{color:#0b8f68}.metric-card.watch .metric-icon{color:var(--amber);background:#c46d321f}.chart-panel,.recent-panel{padding:12px}.chart-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.toolbar-primary{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-log-button{flex:0 0 auto}.segments{display:inline-grid;grid-template-columns:repeat(6,minmax(42px,1fr));gap:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:4px}.segments button{border:0;border-radius:7px;min-height:29px;padding:0 9px;background:transparent;color:var(--muted);font-weight:750}.segments button.active{background:var(--surface);color:var(--green);box-shadow:0 6px 16px #101a1414}.toggles{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.toggles label{display:flex;align-items:center;gap:6px;white-space:nowrap}.toggles input{accent-color:var(--green)}.chart-wrap{width:100%;height:clamp(230px,38vw,340px)}.tooltip-card{display:grid;gap:5px;min-width:172px;padding:12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 38px #00000021;color:var(--text)}.tooltip-card span{color:var(--muted);font-size:.86rem}.chart-footnotes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chart-footnotes span{padding:6px 9px;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.84rem}.recent-panel{margin-top:10px}.section-heading{margin-bottom:9px}.section-heading h2,.modal-heading h2{font-size:1.05rem;letter-spacing:0}.entry-list{display:grid;gap:6px}.entry-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.5fr) 36px;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.entry-row strong,.entry-row div:first-child span{display:block}.entry-row div:first-child span,.macro-line,.muted-empty{color:var(--muted);font-size:.88rem}.macro-line{display:flex;flex-wrap:wrap;gap:7px 12px}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;width:36px;height:36px;display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0a0e0c7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(640px,100%);max-height:min(720px,calc(100vh - 32px));overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 80px #00000040;padding:18px;animation:modalIn .16s ease-out}.confirm-modal{width:min(420px,100%);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 80px #00000040;padding:18px;animation:modalIn .16s ease-out}.confirm-copy{color:var(--muted);font-size:.92rem;line-height:1.45}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px;color:var(--muted);font-size:.9rem;font-weight:700}.field input{width:100%;min-height:43px;border-radius:8px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);padding:0 12px;outline:none}.field input:focus{border-color:color-mix(in srgb,var(--green) 70%,white);box-shadow:0 0 0 4px #139b7221}.field em{color:#d75b51;font-style:normal;font-weight:700;font-size:.78rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:860px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-toolbar{align-items:stretch;flex-direction:column}.toolbar-primary,.segments{width:100%}}@media(max-width:560px){.widget-shell{padding:10px}.empty-banner,.toolbar-primary{align-items:stretch;flex-direction:column}.primary-button,.empty-banner button{width:100%}.metric-grid,.form-grid{grid-template-columns:1fr}.segments{grid-template-columns:repeat(3,1fr)}.entry-row{grid-template-columns:1fr 36px}.macro-line{grid-column:1 / -1;order:3}}