:root{--bg:#0b0f14;--surface:#121820;--soft:#0f141b;--text:#e6edf3;--muted:#8b98a8;--dim:#596575;--border:rgba(255,255,255,.10);--accent:#38bdf8;--green:#10b981;--yellow:#f59e0b;--red:#f43f5e} [data-theme=light]{--bg:#e9eef3;--surface:#fff;--soft:#f5f7fa;--text:#20252b;--muted:#68717c;--dim:#8b949e;--border:rgba(31,35,40,.13);--accent:#0879c9;--green:#059669;--yellow:#d97706;--red:#dc2626}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 10% 5%,rgba(56,189,248,.07),transparent 35%),radial-gradient(circle at 90% 90%,rgba(244,63,94,.045),transparent 35%);background-size:32px 32px,32px 32px,auto,auto;font-family:"Noto Sans JP",sans-serif}.wrap{width:min(100% - 40px,1040px);margin:auto;padding:42px 0 70px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.brand{font:800 1.35rem "Plus Jakarta Sans"}.brand span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(56,189,248,.7);margin-right:8px}header p{margin:3px 0 0;color:var(--dim);font:.65rem "JetBrains Mono"}button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:7px;padding:6px 10px;font:.65rem "JetBrains Mono";cursor:pointer}.card{border:1px solid var(--border);border-radius:12px;background:rgba(18,24,32,.78)}[data-theme=light] .card{background:rgba(255,255,255,.9)}.hero{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.hero-left{display:flex;align-items:center;gap:16px}.dot{width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(16,185,129,.6);flex:0 0 auto}.dot.bad{background:var(--red);box-shadow:0 0 13px rgba(244,63,94,.5)}.dot.pending{background:var(--yellow);box-shadow:none}.eyebrow{font:.58rem "JetBrains Mono";color:var(--dim);letter-spacing:.1em}.hero h1{font:800 clamp(1.35rem,4vw,2rem) "Plus Jakarta Sans";margin:3px 0}.hero p{color:var(--muted);margin:0;font-size:.78rem}.checked{text-align:right}.checked span{display:block;color:var(--dim);font:.55rem "JetBrains Mono"}.checked strong{font:.7rem "JetBrains Mono"}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.section-head h2{font-size:.88rem;margin:0}.section-head h2:before{content:"•";color:var(--accent);margin-right:8px}.section-head>span{color:var(--dim);font:.57rem "JetBrains Mono"}.services{display:grid;gap:8px;margin-bottom:22px}.service{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.service>div{display:flex;align-items:center;gap:12px}.icon{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--accent);font:700 .65rem "JetBrains Mono"}.service strong{display:block;font-size:.78rem}.service small{display:block;color:var(--dim);font:.58rem "JetBrains Mono"}.state{font:.65rem "JetBrains Mono"}.state i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.operational{color:var(--green)}.operational i{background:var(--green)}.offline{color:var(--red)}.offline i{background:var(--red)}.checking{color:var(--yellow)}.checking i{background:var(--yellow)}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-bottom:10px}.panel,.history{padding:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div{padding:13px;background:var(--soft);border:1px solid var(--border);border-radius:8px}.metrics span,.rows span{display:block;color:var(--dim);font:.58rem "JetBrains Mono"}.metrics strong{font:.8rem "JetBrains Mono";word-break:break-word}.rows>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:.7rem}.rows>div:last-child{border:0}.rows strong{font:.65rem "JetBrains Mono"}.bars{height:32px;display:grid;grid-template-columns:repeat(30,1fr);gap:3px;margin:13px 0}.bars i{display:block;border-radius:2px;background:var(--green);opacity:.75}.history p{margin:0;color:var(--muted);font-size:.68rem}footer{text-align:center;margin-top:34px;color:var(--dim);font:.58rem "JetBrains Mono"}footer span{margin:0 6px}@media(max-width:700px){.wrap{width:min(100% - 24px,1040px);padding-top:24px}.hero{align-items:flex-start}.checked{display:none}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.service{gap:12px}.state{font-size:.58rem}}