:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#1f2328;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}header{background:#0f172a;color:#e2e8f0;padding:10px 20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header .brand{font-weight:700}header .env{background:#1d4ed8;border-radius:999px;padding:2px 10px;font-size:.8rem}header nav a{color:#cbd5e1;text-decoration:none;margin-right:14px}header nav a.active{color:#fff;border-bottom:2px solid #60a5fa}header .me{margin-left:auto;font-size:.85rem;color:#cbd5e1}main{max-width:1100px;margin:0 auto;padding:20px 16px 60px}h1{font-size:1.2rem;margin:0 0 12px}h2{font-size:1rem;margin:18px 0 8px}.card{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:16px;margin-bottom:14px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tile{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:12px}.tile .label{font-size:.8rem;color:#57606a}.tile .value{font-size:1.5rem;font-weight:700}.tile.warn .value{color:#b45309}.tile.bad .value{color:#b91c1c}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid #eee;padding:6px 8px;text-align:left}th{background:#f8f9fb;font-weight:600}.bars{display:flex;align-items:flex-end;gap:2px;height:90px;border-bottom:1px solid #ddd}.bars div{flex:1;background:#60a5fa;min-width:2px}.bars div.sub{background:#34d399}button{font-size:.95rem;padding:8px 14px;border:1px solid #1d4ed8;border-radius:8px;background:#1d4ed8;color:#fff;cursor:pointer}button.ghost{background:#fff;color:#1d4ed8}button.danger{background:#b91c1c;border-color:#b91c1c}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}label{display:block;font-weight:600;margin:10px 0 4px}select,textarea,input[type=text]{width:100%;font-size:.95rem;padding:8px;border:1px solid #bbb;border-radius:8px;background:#fff}textarea{min-height:180px}pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;overflow:auto;font-size:.85rem;white-space:pre-wrap}.note{font-size:.85rem;color:#57606a}.ok{color:#047857}.ng{color:#b91c1c}.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.8rem;background:#e5e7eb}.pill.on{background:#d1fae5;color:#065f46}.pill.off{background:#fee2e2;color:#991b1b}