:root{color-scheme:dark;--background:#0c1118;--panel:#151d27;--text:#eff4fb;--muted:#91a1b5;--green:#70e6ba;--blue:#70aaff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#192c3b 0,transparent 48%),var(--background);color:var(--text);font:16px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:36px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #283442;padding-bottom:24px}.brand{color:var(--text);font-weight:800;letter-spacing:.12em;font-size:23px;text-decoration:none}.brand span{display:block;font-size:10px;color:var(--muted);letter-spacing:.22em}.refresh{color:var(--muted);font-size:13px}.intro{padding:44px 0 22px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.18em;font-weight:600}h1{font-size:clamp(30px,5vw,46px);line-height:1.2;margin:12px 0}p{margin:0 0 12px}.intro>p:last-child{color:var(--muted)}.notice{border:1px solid #314a42;color:#b5d9cb;background:#122a23;border-radius:8px;padding:12px 16px;font-size:14px;margin-bottom:24px}.notice.warning{border-color:#67523b;background:#2d241a;color:#edcfaa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}article{background:var(--panel);border:1px solid #293542;border-radius:12px;padding:24px}.cards p{color:#c0ccda;font-size:14px}.cards strong{display:block;font-size:42px;line-height:1.4}.cards small{color:var(--muted);font-size:12px}.panels{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}h2{font-size:18px;margin:0}.badge{font-size:11px;color:var(--muted);border:1px solid #394859;padding:3px 10px;border-radius:20px}.badge.ok{color:var(--green);border-color:#315f50}.badge.off{color:#edcfaa;border-color:#67523b}.rates{display:flex;gap:56px;margin-bottom:24px}.rates strong{display:block;font-size:25px}.legend{font-size:12px}.in{color:var(--green)}.out{color:var(--blue)}svg{width:100%;height:150px}.grid{stroke:#2b3847;fill:none;stroke-width:1}.in-line,.out-line{fill:none;stroke:var(--green);stroke-width:2.5}.out-line{stroke:var(--blue)}.caption{font-size:12px;color:var(--muted);margin-top:10px}dl{margin:22px 0 0}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #283442;padding:11px 0;font-size:13px}dt{color:var(--muted)}dd{margin:0;font-variant-numeric:tabular-nums}.health{margin-top:10px}.health div{padding:15px 0}footer{color:var(--muted);font-size:12px;margin-top:28px;max-width:850px}footer span{display:block;margin:18px 0 8px}@media(max-width:740px){main{padding:24px 18px}.panels{grid-template-columns:1fr}.cards{gap:10px}article{padding:18px}.cards strong{font-size:32px}.cards small{font-size:11px}.refresh{max-width:100px;text-align:right}.rates{gap:40px}}@media(max-width:420px){.cards{grid-template-columns:1fr}.cards article{display:grid;grid-template-columns:1fr auto}.cards p{align-self:center;margin:0}.cards small{grid-column:1/3}}