:root{color-scheme:dark;--bg:#081015;--card:#101b22;--line:#263743;--muted:#9eb0bc;--text:#eef5f8;--green:#27c58b;--red:#ff6576;--amber:#f4c75f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#123243,transparent 35%),var(--bg);font:16px system-ui,sans-serif;color:var(--text)}main{max-width:1220px;margin:auto;padding:28px 18px 42px}header{display:flex;justify-content:space-between;gap:18px;align-items:start}h1{font-size:clamp(1.55rem,4vw,2.3rem);margin:0}h2{font-size:1rem;margin:0 0 12px;color:#c9d7df}h3{margin:0 0 15px;font-size:1.15rem}.refresh{text-align:right;color:var(--muted);font-size:.85rem}.refresh strong{display:block;margin-top:7px;color:var(--amber)}.notice,.small,footer{color:var(--muted);font-size:.88rem;line-height:1.45}.notice{border-left:3px solid var(--amber);padding-left:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.card{background:linear-gradient(145deg,#12202a,#0d171d);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.wide,.chart-card{grid-column:span 2}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:var(--muted);font-size:.9rem}.details b{display:block;color:var(--text);font-size:.98rem}.target{font-size:1.3rem;margin-top:18px}.state{font-weight:800;font-size:1.35rem;margin-bottom:14px}.up{color:var(--green)}.down{color:var(--red)}.unknown{color:var(--amber)}#chart{display:block;width:100%;height:auto;background:#0a1319;border-radius:8px}#chart text{fill:#b3c2cc;font:13px system-ui}.line{fill:none;stroke:#64b9e8;stroke-width:3}.baseline{stroke:var(--amber);stroke-dasharray:6 5}.dot{fill:#64b9e8}.quote{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote div{padding:10px;background:#0a1319;border-radius:7px;color:var(--muted)}.quote b{display:block;color:var(--text);font-size:1.1rem}label{display:block;margin:10px 0;color:var(--muted)}select,input{margin-left:8px;background:#091319;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:7px}ul{padding-left:20px;margin:0}li{margin:8px 0;color:var(--muted)}footer{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.tooltip{min-height:1.3em;color:var(--muted);font-size:.85rem}@media(max-width:700px){main{padding:18px 12px}header{display:block}.refresh{text-align:left;margin-top:14px}.grid{grid-template-columns:1fr}.wide,.chart-card{grid-column:auto}.details{grid-template-columns:1fr}.quote{grid-template-columns:1fr 1fr}}