:root{color-scheme:dark;--bg:#0b111a;--panel:#111d2a;--line:#273547;--text:#e8f0fa;--muted:#a9b8c9;--accent:#83f0bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header{max-width:1240px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-weight:800;letter-spacing:1px}nav{display:flex;gap:24px;align-items:center}main{max-width:1240px;margin:auto;padding:0 32px}section{padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.hero{padding:88px 0 64px;background:radial-gradient(ellipse at 80% 40%,#15362e88,transparent 60%)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:clamp(36px,5.5vw,70px);line-height:1.09;letter-spacing:-2px;margin:24px 0}h2{font-size:30px;line-height:1.2;margin:12px 0 24px}h3{font-size:18px}p{color:var(--muted);max-width:700px;text-align:justify}.hero p{font-size:19px;max-width:660px;margin-bottom:32px}.primary{background:var(--accent);color:#0a2319;border-color:var(--accent);font-weight:700}.hero .primary{padding:14px 22px;border-radius:8px;display:inline-block}.stats{display:flex;gap:48px;margin-top:48px;color:var(--muted)}.stats strong{color:var(--text);font-size:28px;margin-right:8px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:center}.section-head p{max-width:340px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:left;display:flex;flex-direction:column;align-items:start}.card h3{margin:12px 0 0}.card p{font-size:14px;flex:1}.card small{color:var(--accent)}button,input,textarea{font:inherit}button{border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:var(--panel);color:var(--text);cursor:pointer}button:hover,a:hover{filter:brightness(1.18)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=search]{display:block;padding:10px;margin-top:5px;background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--text)}.filters{display:flex;gap:10px;margin:0 0 24px;flex-wrap:wrap}.filters .selected{border-color:var(--accent);color:var(--accent)}.map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.map button{text-align:left;min-height:90px}.map small{display:block;color:var(--muted);font-size:11px}.workspace-grid{display:grid;grid-template-columns:320px 1fr;gap:32px}textarea{width:100%;min-height:350px;resize:vertical;background:#071019;color:#e8f0fa;padding:18px;border:1px solid var(--line);border-radius:10px;white-space:pre;font:14px/1.6 ui-monospace,monospace;tab-size:2;margin-top:10px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.notice{color:#f7ce89}#result{font-family:ui-monospace,monospace;font-size:13px}.pass{color:var(--accent)}.fail{color:#ffa49e}.breaker-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px}.breaker-grid label{display:block;margin:10px 0}.outcome{background:var(--panel);margin-bottom:12px;padding:14px 20px;border-radius:8px;border-left:3px solid var(--accent)}.outcome.degraded{border-color:#edc67c}.outcome.unavailable{border-color:#ed8c89}.outcome p{margin:3px 0;font-size:14px}.outcome span{float:right;font-size:12px;text-transform:uppercase;color:var(--muted)}footer{max-width:1240px;margin:auto;padding:28px 32px;color:var(--muted);font-size:13px}footer span{display:block}.contribute{margin-bottom:32px}[hidden]{display:none!important}@media(max-width:850px){nav{gap:12px;font-size:13px}nav a{display:none}.cards{grid-template-columns:repeat(2,1fr)}.map{grid-template-columns:repeat(2,1fr)}.workspace-grid,.breaker-grid{grid-template-columns:1fr}.section-head{display:block}.stats{gap:20px;flex-wrap:wrap}}@media(max-width:500px){header,main,footer{padding-left:18px;padding-right:18px}.cards{grid-template-columns:1fr}h1{letter-spacing:-1px}.stats{font-size:13px}.hero{padding-top:56px}}
