@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg-a: #fef9ee;--bg-b: #e6f5fb;--bg-orb-a: rgba(255, 223, 186, .92);--bg-orb-a-fade: rgba(255, 223, 186, 0);--bg-orb-b: rgba(184, 232, 255, .9);--bg-orb-b-fade: rgba(184, 232, 255, 0);--panel-bg: rgba(255, 255, 255, .86);--panel-border: #b6d9e5;--ink: #16323f;--muted: #4e6773;--brand: #1d7ad8;--brand-ink: #ffffff;--accent: #f27a29;--danger: #d64242;--ok: #2c8a5a;--warn: #d9a321;--shadow: 0 14px 40px rgba(26, 79, 98, .14);--footer-bg: rgba(255, 255, 255, .74);--footer-shadow: 0 8px 22px rgba(26, 79, 98, .09);--link: #0e4c88;--link-hover: #0a3f73;--control-border: #9fc4d1;--control-bg: #ffffff;--focus-ring: rgba(29, 122, 216, .35);--segmented-active-border: #1d7ad8;--segmented-active-bg: #e7f3ff;--segmented-active-ink: #0e4c88;--btn-secondary-bg: #e7f3ff;--btn-secondary-ink: #0e4c88;--btn-ghost-bg: #f2f5f7;--btn-ghost-ink: #274857;--stat-border: #c6dde6;--stat-bg: #f8fdff;--status-idle-bg: #eef2f5;--status-idle-ink: #4e6773;--status-running-bg: #dff8ea;--status-running-ink: #1f6b43;--status-paused-bg: #fff2d9;--status-paused-ink: #8b6514;--status-red-bg: #ffdedd;--status-red-ink: #8f1f1f;--status-exhausted-bg: #ffc9c9;--status-exhausted-ink: #7b0e0e;--status-na-bg: #edf3f6;--status-na-ink: #56707c;--table-border: #d3e6ed;--metric-value-border: #cce1e9;--metric-value-bg: #f9fdff;--tooltip-underline: rgba(78, 103, 115, .55);--tooltip-border: rgba(12, 38, 50, .35);--tooltip-bg: rgba(20, 49, 62, .96);--tooltip-ink: #f8fcff;--tooltip-shadow: 0 10px 24px rgba(17, 57, 73, .28);--bar-track-border: #c6dde6;--bar-track-bg: #e3f0f6;--bar-na-border: #cddde5;--bar-na-stripe-a: #edf3f6;--bar-na-stripe-b: #e2ebef;--bar-na-fill: #94aab6;--burn-threshold: rgba(15, 48, 63, .45);--burn-marker-border: rgba(16, 43, 56, .35);--burn-marker-bg: #ffffff;--burn-marker-ring: rgba(255, 255, 255, .65);--error-border: #eb9f9f;--error-bg: #fff1f1;--error-ink: #8f1f1f;--chart-grid: rgba(18, 59, 72, .15);--chart-axis: #194f63;--chart-burn-axis: #8b2e2e;--chart-tooltip-bg: rgba(255, 255, 255, .95);--chart-tooltip-border: #b6d9e5;--chart-tooltip-ink: #16323f;--chart-sli-line: #1d7ad8;--chart-budget-line: #f27a29;--chart-burn-line: #d64242}:root[data-theme=dark]{color-scheme:dark;--bg-a: #0f1720;--bg-b: #111c28;--bg-orb-a: rgba(245, 134, 52, .18);--bg-orb-a-fade: rgba(245, 134, 52, 0);--bg-orb-b: rgba(76, 183, 255, .2);--bg-orb-b-fade: rgba(76, 183, 255, 0);--panel-bg: rgba(16, 28, 38, .86);--panel-border: #355064;--ink: #e5f2fb;--muted: #9eb4c2;--brand: #5ea8ff;--brand-ink: #081725;--accent: #ffae63;--danger: #ff7272;--ok: #56c58a;--warn: #e7bf57;--shadow: 0 18px 44px rgba(5, 14, 20, .45);--footer-bg: rgba(16, 28, 38, .76);--footer-shadow: 0 10px 24px rgba(5, 14, 20, .42);--link: #8dc8ff;--link-hover: #b1daff;--control-border: #446177;--control-bg: #152635;--focus-ring: rgba(94, 168, 255, .48);--segmented-active-border: #5ea8ff;--segmented-active-bg: rgba(94, 168, 255, .2);--segmented-active-ink: #d4ecff;--btn-secondary-bg: rgba(94, 168, 255, .2);--btn-secondary-ink: #d4ecff;--btn-ghost-bg: rgba(130, 158, 180, .16);--btn-ghost-ink: #d0e2ef;--stat-border: #38566a;--stat-bg: rgba(19, 35, 48, .85);--status-idle-bg: rgba(118, 138, 154, .22);--status-idle-ink: #cad9e3;--status-running-bg: rgba(86, 197, 138, .2);--status-running-ink: #b8f1d1;--status-paused-bg: rgba(231, 191, 87, .2);--status-paused-ink: #ffe7af;--status-red-bg: rgba(255, 114, 114, .2);--status-red-ink: #ffc4c4;--status-exhausted-bg: rgba(255, 114, 114, .28);--status-exhausted-ink: #ffd4d4;--status-na-bg: rgba(120, 146, 164, .22);--status-na-ink: #d0dce6;--table-border: #355064;--metric-value-border: #37566b;--metric-value-bg: rgba(20, 37, 50, .84);--tooltip-underline: rgba(179, 202, 219, .6);--tooltip-border: #456379;--tooltip-bg: rgba(10, 21, 31, .97);--tooltip-ink: #ebf6ff;--tooltip-shadow: 0 12px 28px rgba(4, 11, 16, .55);--bar-track-border: #38566a;--bar-track-bg: #1e3445;--bar-na-border: #415f73;--bar-na-stripe-a: #273c4b;--bar-na-stripe-b: #213544;--bar-na-fill: #7d9aae;--burn-threshold: rgba(226, 241, 252, .45);--burn-marker-border: rgba(215, 234, 247, .45);--burn-marker-bg: #dfeef9;--burn-marker-ring: rgba(8, 18, 24, .4);--error-border: #8e4444;--error-bg: rgba(77, 31, 31, .55);--error-ink: #ffd6d6;--chart-grid: rgba(177, 208, 229, .22);--chart-axis: #afd0e6;--chart-burn-axis: #ffc5c5;--chart-tooltip-bg: rgba(13, 25, 35, .97);--chart-tooltip-border: #456379;--chart-tooltip-ink: #ebf6ff;--chart-sli-line: #7dbdff;--chart-budget-line: #ffbd7c;--chart-burn-line: #ff8f8f}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% -10%,var(--bg-orb-a) 0,var(--bg-orb-a-fade) 45%),radial-gradient(circle at 90% -30%,var(--bg-orb-b) 0,var(--bg-orb-b-fade) 35%),linear-gradient(140deg,var(--bg-a) 0%,var(--bg-b) 100%);font-family:Space Grotesk,sans-serif}h1,h2,h3,p,dl,dt,dd{margin:0}.app-shell{padding:24px}.hero{margin-bottom:20px;padding:28px;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel-bg);box-shadow:var(--shadow)}.hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hero-copy{display:grid;gap:10px}.hero h1{font-size:clamp(1.8rem,4.2vw,2.8rem);letter-spacing:-.02em}.hero p{max-width:72ch;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:16px}.site-footer{margin-top:16px;padding:10px 14px;border-radius:12px;border:1px solid var(--panel-border);background:var(--footer-bg);color:var(--muted);box-shadow:var(--footer-shadow);font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.site-footer-separator{line-height:1;opacity:.6}.site-footer-link{color:var(--link);text-decoration:underline;text-underline-offset:2px}.site-footer-link:hover{color:var(--link-hover)}.left-column,.right-column{display:grid;gap:16px;align-content:start;min-width:0}.panel{padding:18px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow)}.panel h2,.panel h3{letter-spacing:-.01em}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-header-actions{display:flex;align-items:end;gap:10px}.fluctuation-control{min-width:160px}.controls-grid{display:grid;gap:12px}.field{display:grid;gap:6px}.field span,.meta-text,.label,dt,th{color:var(--muted);font-size:.85rem}input,select,button{font:inherit}input,select{width:100%;border:1px solid var(--control-border);border-radius:10px;padding:9px 10px;background:var(--control-bg);color:var(--ink)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.range-field input{padding-inline:0}.rps-field{gap:8px}.rps-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.rps-live-value{font-family:IBM Plex Mono,monospace;color:var(--ink);font-size:.82rem;font-weight:600;white-space:nowrap}.rps-ticks{position:relative;height:18px;font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--muted);-webkit-user-select:none;user-select:none}.rps-ticks span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;color:var(--muted);font-size:.72rem;text-align:center}.rps-ticks span:first-child{transform:translate(0)}.rps-ticks span:last-child{transform:translate(-100%)}.speed-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-mode-control{min-width:246px}.theme-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.speed-actions-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.controls-actions{display:flex;justify-content:flex-end}.controls-button-row{margin-top:0}.controls-button-row button{min-width:94px}.speed-option,.theme-option{border:1px solid var(--control-border);border-radius:10px;background:var(--control-bg);color:var(--ink);padding:9px 10px;font-weight:600}.speed-option-active,.theme-option-active{border-color:var(--segmented-active-border);background:var(--segmented-active-bg);color:var(--segmented-active-ink)}.button-row{display:flex;gap:8px;margin-top:14px}button{cursor:pointer;border:0;border-radius:10px;padding:8px 12px;transition:transform .15s ease,opacity .15s ease}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-ink)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-ink)}.stats-row{margin-top:14px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{display:grid;align-content:start;gap:6px;padding:10px;border-radius:10px;border:1px solid var(--stat-border);background:var(--stat-bg)}.stat-item .label,.stat-item .value{display:block}.stat-item .value,.metric-values dd{font-family:IBM Plex Mono,monospace;font-weight:500}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;letter-spacing:.06em}.status-idle{background:var(--status-idle-bg);color:var(--status-idle-ink)}.status-running{background:var(--status-running-bg);color:var(--status-running-ink)}.status-paused{background:var(--status-paused-bg);color:var(--status-paused-ink)}.burn-green{background:var(--status-running-bg);color:var(--status-running-ink)}.burn-yellow{background:var(--status-paused-bg);color:var(--status-paused-ink)}.burn-red{background:var(--status-red-bg);color:var(--status-red-ink)}.burn-na{background:var(--status-na-bg);color:var(--status-na-ink)}.budget-green{background:var(--status-running-bg);color:var(--status-running-ink)}.budget-yellow{background:var(--status-paused-bg);color:var(--status-paused-ink)}.budget-red{background:var(--status-red-bg);color:var(--status-red-ink)}.budget-exhausted{background:var(--status-exhausted-bg);color:var(--status-exhausted-ink)}.budget-na{background:var(--status-na-bg);color:var(--status-na-ink)}.editor-table{width:100%;border-collapse:collapse}.editor-table th,.editor-table td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--table-border)}.sli-metrics-table{table-layout:fixed}.sli-metrics-table .metric-name-col{width:32%}.sli-metrics-table .metric-number-col{width:13%}.sli-metrics-table .metric-actions-col{width:29%}.metric-name-cell input{width:100%}.metric-actions-cell{min-width:0}.metric-reorder-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:6px}.btn-icon{padding:6px 8px;text-align:center}.sli-metrics-panel{container-type:inline-size}.compact-field-label{display:none}.metric-label-main,.metric-label-unit{display:block}.metric-label-unit{line-height:1.2}@container (max-width: 820px){.sli-metrics-table{table-layout:auto}.sli-metrics-table thead{display:none}.sli-metrics-table,.sli-metrics-table tbody{display:block;width:100%}.sli-metrics-table tr{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"name name name name" "threshold window slo actions";gap:8px;padding:8px 0;border-bottom:1px solid var(--table-border)}.sli-metrics-table td{border-bottom:none;padding:0;min-width:0}.compact-field-label{display:block;margin-bottom:4px;color:var(--muted);font-size:.78rem;font-weight:600;line-height:1.2;min-height:2.35em}.sli-metrics-table .metric-name-cell .compact-field-label{min-height:0}.sli-metrics-table .metric-name-cell{grid-area:name}.sli-metrics-table .metric-threshold-cell{grid-area:threshold}.sli-metrics-table .metric-window-cell{grid-area:window}.sli-metrics-table .metric-slo-cell{grid-area:slo}.sli-metrics-table .metric-actions-cell{grid-area:actions}.sli-metrics-table .metric-actions-cell button{width:100%;padding-inline:6px}.sli-metrics-table .metric-reorder-buttons{margin-bottom:6px}.sli-metrics-table .metric-name-col,.sli-metrics-table .metric-number-col,.sli-metrics-table .metric-actions-col{width:auto}}.percentage-cell{min-width:210px}.percentage-controls{display:grid;gap:6px;grid-template-columns:minmax(120px,1fr) 74px;align-items:center}.percentage-controls input[type=range]{padding:0;border:none;background:transparent}.cards-grid,.charts-grid{display:grid;gap:12px}.metric-card{padding:14px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow)}.metric-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:10px}.metric-status-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.metric-values{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-values>div{padding:9px;border-radius:10px;border:1px solid var(--metric-value-border);background:var(--metric-value-bg)}.metric-tooltip-label{position:relative;display:inline-flex;align-items:center;cursor:help;text-decoration:underline dotted var(--tooltip-underline);text-underline-offset:2px}.metric-tooltip-bubble{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,6px);min-width:190px;max-width:min(280px,70vw);padding:8px 10px;border-radius:8px;border:1px solid var(--tooltip-border);background:var(--tooltip-bg);color:var(--tooltip-ink);font-size:.76rem;line-height:1.35;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;z-index:30;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;box-shadow:var(--tooltip-shadow)}.metric-tooltip-bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--tooltip-bg)}.metric-tooltip-label:hover .metric-tooltip-bubble,.metric-tooltip-label:focus-visible .metric-tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%)}.metric-budget-reading{display:grid;gap:7px}.metric-budget-number{display:inline-block;line-height:1.1}.budget-bar-track{width:100%;height:9px;border-radius:999px;overflow:hidden;border:1px solid var(--bar-track-border);background:var(--bar-track-bg)}.budget-bar-track-na{border-color:var(--bar-na-border);background:repeating-linear-gradient(135deg,var(--bar-na-stripe-a) 0 8px,var(--bar-na-stripe-b) 8px 16px)}.budget-bar-fill{display:block;height:100%;border-radius:inherit;transition:width .22s ease,background-color .22s ease}.budget-bar-fill-green{background:var(--ok)}.budget-bar-fill-yellow{background:var(--warn)}.budget-bar-fill-red{background:var(--danger)}.budget-bar-fill-na{background:var(--bar-na-fill)}.metric-burn-reading{display:grid;gap:7px}.metric-burn-number{display:inline-block;line-height:1.1}.burn-bar-track{position:relative;width:100%;height:10px;border-radius:999px;overflow:hidden;border:1px solid var(--bar-track-border);background:var(--bar-track-bg)}.burn-bar-track-na{border-color:var(--bar-na-border);background:repeating-linear-gradient(135deg,var(--bar-na-stripe-a) 0 8px,var(--bar-na-stripe-b) 8px 16px)}.burn-bar-zones{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.75;transition:background .22s ease,opacity .22s ease}.burn-bar-zones-na{opacity:0}.burn-bar-threshold{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--burn-threshold);transform:translate(-50%);pointer-events:none}.burn-bar-threshold-1x,.burn-bar-threshold-2x{transition:left .22s ease}.burn-bar-marker{position:absolute;top:50%;width:8px;height:14px;border-radius:6px;transform:translate(-50%,-50%);border:1px solid var(--burn-marker-border);background:var(--burn-marker-bg);box-shadow:0 0 0 1px var(--burn-marker-ring);transition:left .22s ease,background-color .22s ease}.burn-bar-marker-green{background:var(--ok)}.burn-bar-marker-yellow{background:var(--warn)}.burn-bar-marker-red{background:var(--danger)}.burn-bar-marker-na{background:var(--bar-na-fill)}.chart-panel h3{margin-bottom:10px}.chart-shell{width:100%;height:260px}.error-box{border:1px solid var(--error-border);border-radius:10px;background:var(--error-bg);color:var(--error-ink);padding:10px 12px;display:grid;gap:6px}.reveal{animation:reveal .45s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.layout{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:14px}.hero{padding:18px}.hero-top{flex-direction:column;align-items:stretch}.theme-mode-control{min-width:0;width:100%}.panel{padding:14px}.site-footer{justify-content:flex-start;padding:10px 12px}.button-row{flex-wrap:wrap}.speed-actions-row{grid-template-columns:1fr}.controls-actions{justify-content:flex-start}.panel-header{align-items:flex-start}.panel-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-end}.editor-table{display:block;overflow-x:auto}}