:root{color-scheme:dark light;--bg: #0e1116;--panel: #171b22;--panel-2: #1e242d;--line: #2a313c;--text: #e6e9ee;--muted: #94a3b8;--accent: #2dd4bf;--accent-ink: #062c27;--good: #34d399;--warn: #fbbf24;--bad: #f87171;--test: #f59e0b;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #f4f5f7;--panel: #ffffff;--panel-2: #eef0f3;--line: #d8dce3;--text: #131722;--muted: #5b6474;--accent: #0f9488;--accent-ink: #ffffff;--good: #059669;--warn: #b45309;--bad: #dc2626;--test: #b45309}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}button,input,select{font:inherit;color:inherit}.app{min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 76px) env(safe-area-inset-left)}.app[data-source=shadow]{--accent: var(--test);--accent-ink: #1f1300}.test-band{background:repeating-linear-gradient(-45deg,var(--test),var(--test) 12px,#d97706 12px,#d97706 24px);color:#1f1300;font-weight:700;text-align:center;padding:6px 12px;font-size:.85rem;letter-spacing:.02em}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topbar h1{font-size:1.05rem;margin:0;flex:1}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{border:0;background:transparent;padding:6px 12px;font-size:.85rem;min-height:34px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.page{padding:12px 14px;max-width:760px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card h2{font-size:.95rem;margin:0 0 10px}.card h3{font-size:.85rem;margin:12px 0 6px;color:var(--muted);font-weight:600}.muted{color:var(--muted)}.small{font-size:.82rem}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{background:var(--panel-2);border-radius:10px;padding:10px;min-width:0}.tile .label{font-size:.75rem;color:var(--muted)}.tile .value{font-size:1.1rem;font-weight:650;overflow-wrap:anywhere}.tile .sub{font-size:.75rem;color:var(--muted)}.chip{display:inline-block;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:650;border:1px solid var(--line);white-space:nowrap}.chip.good{border-color:var(--good)}.chip.warn{border-color:var(--warn)}.chip.bad{border-color:var(--bad)}.chip.live{background:var(--bad);border-color:var(--bad);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);font-weight:650}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.block{display:flex;width:100%}.btn:disabled{opacity:.5}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack>*+*{margin-top:10px}.field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px}.field input,.field select{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);padding:8px 12px}.field .error{color:var(--bad);font-size:.8rem;margin-top:4px}.notice{border-radius:10px;padding:10px 12px;background:var(--panel-2);border-left:4px solid var(--accent);font-size:.88rem;margin-bottom:12px}.notice.warn{border-left-color:var(--warn)}.notice.bad{border-left-color:var(--bad)}.gate{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:24px;max-width:460px;margin:0 auto}.gate h1{font-size:1.5rem;margin:0 0 6px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);overflow-x:auto}.tabs button{flex:1 0 auto;min-width:64px;min-height:56px;border:0;background:transparent;font-size:.72rem;color:var(--muted);padding:6px 8px}.tabs button[aria-current=page]{color:var(--accent);font-weight:700;box-shadow:inset 0 3px 0 var(--accent)}table.grid{width:100%;border-collapse:collapse;font-size:.82rem}table.grid th,table.grid td{text-align:left;padding:6px;border-bottom:1px solid var(--line);vertical-align:top}table.grid th{color:var(--muted);font-weight:600;font-size:.74rem}table.grid td.r,table.grid th.r{text-align:right}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.list{list-style:none;margin:0;padding:0}.list>li{padding:10px 0;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}.linklike{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;font-weight:600}a{color:var(--accent)}.chart{width:100%;height:auto;display:block}.chart .axis{stroke:var(--line);stroke-width:1}.chart text{fill:var(--muted);font-size:10px;font-family:var(--mono)}.chart .s0{stroke:var(--accent)}.chart .s1{stroke:#60a5fa}.chart .s2{stroke:#c084fc}.chart .s3{stroke:var(--bad)}.chart path{fill:none;stroke-width:1.8;stroke-linejoin:round}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;margin-top:6px}.legend .key{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.legend .k0{background:var(--accent)}.legend .k1{background:#60a5fa}.legend .k2{background:#c084fc}.legend .k3{background:var(--bad)}.bar{height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.bar.w0>span{width:0}.bar.w5>span{width:5%}.bar.w10>span{width:10%}.bar.w15>span{width:15%}.bar.w20>span{width:20%}.bar.w25>span{width:25%}.bar.w30>span{width:30%}.bar.w35>span{width:35%}.bar.w40>span{width:40%}.bar.w45>span{width:45%}.bar.w50>span{width:50%}.bar.w55>span{width:55%}.bar.w60>span{width:60%}.bar.w65>span{width:65%}.bar.w70>span{width:70%}.bar.w75>span{width:75%}.bar.w80>span{width:80%}.bar.w85>span{width:85%}.bar.w90>span{width:90%}.bar.w95>span{width:95%}.bar.w100>span{width:100%}dl.defs{margin:0}dl.defs dt{font-weight:650;margin-top:10px}dl.defs dd{margin:2px 0 0;color:var(--muted);font-size:.88rem}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet>.card{width:100%;max-width:520px;margin:0;border-radius:var(--radius) var(--radius) 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto}.switch{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.block-button{display:block;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}
