:root{--bg:#08101d;--panel:#111b2e;--panel2:#0d1526;--line:#25364f;--text:#edf5ff;--muted:#9eb0c8;--accent:#70e1ff;--ok:#82ef9f;--warn:#ffd166;--bad:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#14213d,#07101d 48%,#050910);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.side{border-right:1px solid var(--line);background:rgba(8,16,29,.9);padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand h1{font-size:20px;margin:0}.brand p{color:var(--muted);font-size:13px;line-height:1.45}.nav{display:grid;gap:8px;margin-top:18px}.nav button,.pill,button,a.button{background:#14213a;color:var(--text);border:1px solid #304260;border-radius:12px;padding:10px 12px;text-align:left;text-decoration:none;cursor:pointer}.nav button.active,.pill.active,button:hover,a.button:hover{border-color:var(--accent)}main{padding:22px;min-width:0}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.card{background:rgba(17,27,46,.88);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 14px 40px rgba(0,0,0,.25)}h2,h3{margin-top:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.usecase{display:grid;gap:10px}.usecase ol{padding-left:20px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.search{width:100%;max-width:520px;background:#0b1424;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px}.stat{font-size:28px;font-weight:700}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow:auto;max-height:55vh;background:#07101d;border:1px solid var(--line);border-radius:12px;padding:12px}.stage{min-height:460px;background-image:radial-gradient(#253854 1px,transparent 1px);background-size:24px 24px;position:relative;overflow:auto;border:1px solid var(--line);border-radius:18px}.node{position:absolute;min-width:170px;max-width:230px;background:#101a2d;border:1px solid #345073;border-radius:14px;padding:10px;box-shadow:0 10px 28px rgba(0,0,0,.28)}.node small{display:block;color:var(--muted);margin-top:4px}.section{display:none}.section.active{display:block}.check{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;margin:6px 0}.check.ok{border-color:#2f9555}.check.bad{border-color:#ad3f4f}.footer{margin-top:24px;color:var(--muted);font-size:12px}.mobileBar{display:none}@media(max-width:900px){.shell{display:block}.side{height:auto;position:relative}.hero{grid-template-columns:1fr}.mobileBar{display:flex;gap:8px;overflow:auto;position:sticky;top:0;z-index:4;background:#07101d;padding:8px;border-bottom:1px solid var(--line)}main{padding:12px}.side .nav{display:none}.stage{min-height:560px}.node{min-width:150px}.card{padding:12px}}