@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700&family=DM+Sans:wght@400;500&display=swap');
:root{color-scheme:light;--ink:#252525;--muted:#6f7072;--orange:#ff9d1b;--orange-dark:#f28d08;--green:#38d85a;--red:#ff5264;--panel:#fff;--surface:#f4f4f4;--line:#dedede}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface);color:var(--ink);font-family:'DM Sans',sans-serif;overscroll-behavior-y:contain;overflow-x:hidden}main{max-width:840px;margin:auto;padding:24px 16px 20px}header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px}h1{font:700 4rem/.8 'Barlow Condensed',sans-serif;letter-spacing:0;margin:0}.status-block{display:flex;flex-direction:row;align-items:center;gap:10px}.live-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);cursor:pointer;user-select:none}.live-toggle input{appearance:none;-webkit-appearance:none;width:34px;height:20px;border-radius:999px;background:var(--line);position:relative;margin:0;cursor:pointer;transition:background .2s;flex-shrink:0}.live-toggle input::before{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #00000033}.live-toggle input:checked{background:var(--green)}.live-toggle input:checked::before{transform:translateX(14px)}.live-toggle input:disabled{opacity:.6;cursor:default}.pull-refresh{display:flex;align-items:center;justify-content:center;gap:8px;height:0;overflow:hidden;color:var(--muted);font-size:.78rem}#pull-refresh-icon{display:inline-block;transition:transform .15s}.pull-refresh.armed #pull-refresh-icon{transform:rotate(180deg)}.pull-refresh.loading #pull-refresh-icon{animation:pull-spin .8s linear infinite}@keyframes pull-spin{to{transform:rotate(360deg)}}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:500;white-space:nowrap}.pill-ok{background:#e3fbe9;color:#1f8a3a}.pill-error{background:#ffe3e7;color:#c2293f}.pill-muted{background:var(--surface);color:var(--muted)}#updated{color:var(--muted);font-size:.78rem}.stale-banner{margin-top:16px;padding:12px 20px;background:var(--red);color:#fff;font-size:.85rem;font-weight:500;border-radius:4px}.hero{margin:16px 0;padding:18px;background:var(--panel);border-top:4px solid var(--orange);border-left:0;display:grid;gap:5px;box-shadow:0 1px 3px #0000000d}.hero span,.grid span{color:var(--ink);font-size:.9rem}.grid span{display:block;min-height:2.2em;line-height:1.1}.hero strong{font:700 5rem/.9 'Barlow Condensed',sans-serif;color:var(--orange-dark);overflow-wrap:anywhere}.hero small,.grid small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.grid article{background:var(--panel);border:1px solid var(--line);padding:14px;min-height:100px;min-width:0;box-shadow:0 1px 3px #0000000d}.grid strong{display:block;font:700 2.8rem/.95 'Barlow Condensed',sans-serif;color:var(--orange-dark);margin:8px 0 4px;overflow-wrap:anywhere}.chart-panel{margin-top:8px;padding:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 3px #0000000d}.chart-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.chart-heading span{font-size:.9rem}.chart-heading small{color:var(--muted);font-size:.75rem}.chart-scroll{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}#pv-chart-axis{display:block;height:190px;flex-shrink:0;position:sticky;left:0;background:var(--panel);z-index:1}#pv-chart{display:block;height:190px;flex-shrink:0}.group{margin-top:8px;padding:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 3px #0000000d}.group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;cursor:pointer;user-select:none;list-style:none}.group[open] .group-heading{margin-bottom:10px}.group-heading::-webkit-details-marker{display:none}.group-heading span{font-size:.9rem}.group-heading small{color:var(--orange-dark);font-size:.78rem;font-weight:500}.group-heading-meta{display:flex;align-items:baseline;gap:8px}.group-toggle-icon{display:inline-flex;color:var(--muted);transition:transform .15s;flex-shrink:0}.group-toggle-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.group:not([open]) .group-toggle-icon{transform:rotate(-90deg)}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.group-grid article{background:var(--surface);border:1px solid var(--line);padding:10px;min-height:80px;min-width:0}.group-grid strong{display:block;font:700 2.2rem/.95 'Barlow Condensed',sans-serif;color:var(--orange-dark);margin:6px 0 4px;overflow-wrap:anywhere}.group-grid span{color:var(--ink);font-size:.85rem;display:block;min-height:2.2em;line-height:1.1}.group-grid small{color:var(--muted)}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}#history-table{width:100%;border-collapse:collapse;font-size:.85rem}#history-table th,#history-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}#history-table th:first-child,#history-table td:first-child{text-align:left;position:sticky;left:0;background:var(--panel);z-index:1}#history-table thead{color:var(--muted);font-weight:500}.danger-zone{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.danger-zone summary{cursor:pointer;font-size:.78rem;color:var(--muted);user-select:none}.danger-zone[open] summary{margin-bottom:14px}.danger-zone button{padding:10px 18px;border:1px solid var(--red);border-radius:4px;background:var(--panel);color:var(--red);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer}.danger-zone button:disabled{opacity:.5;cursor:default}.danger-zone small{color:var(--muted);margin-left:12px}.modal{position:fixed;inset:0;background:#00000066;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal[hidden]{display:none}.modal-panel{background:var(--panel);border-top:4px solid var(--red);padding:24px;max-width:360px;width:100%;box-shadow:0 4px 16px #00000033}.modal-panel h2{font:700 1.7rem/1.1 'Barlow Condensed',sans-serif;margin:0 0 10px}.modal-panel p{font-size:.85rem;color:var(--muted);margin:0 0 16px;line-height:1.4}.modal-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;cursor:pointer;margin-bottom:20px}.modal-checkbox input{margin-top:3px;flex-shrink:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:10px 16px;border-radius:4px;font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink)}#shutdown-confirm-btn{border-color:var(--red);background:var(--red);color:#fff}#shutdown-confirm-btn:disabled{opacity:.4;cursor:default;background:var(--panel);color:var(--red)}.info-icon{position:relative;margin-left:4px;color:var(--muted);cursor:help}.info-icon::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(calc(-50% + var(--tooltip-shift, 0px)));background:var(--ink);color:#fff;padding:7px 10px;border-radius:4px;font:400 .72rem/1.35 'DM Sans',sans-serif;white-space:normal;width:max-content;max-width:200px;opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none;z-index:5}.info-icon:hover::after,.info-icon:focus::after{opacity:1;visibility:visible}.info-icon:focus{outline:none}.grid span.info-icon,.group-grid span.info-icon,.hero span.info-icon{display:inline;min-height:0}@media(min-width:600px){main{padding-top:56px}header{flex-direction:row;align-items:center;justify-content:space-between}.status-block{flex-direction:column;align-items:flex-end;gap:6px}.grid article{min-height:120px}}