:root{--bg:#0c0c0f;--panel:#16161c;--panel2:#1d1d26;--border:#2a2a36;--text:#e8e6e1;--dim:#8a8896;--accent:#ff5f1f;--accent2:#4fd1c5;--danger:#e5484d;--mono:"SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,Helvetica Neue,Arial,sans-serif}.shell{max-width:1080px;margin:0 auto;padding:24px 20px 80px}header.top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:18px;padding:18px 0 14px;display:flex}h1.logo{letter-spacing:3px;font-size:20px;font-weight:800}h1.logo span{color:var(--accent)}.tag{color:var(--dim);font-size:12px}nav.tabs{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}nav.tabs button{background:var(--panel);color:var(--dim);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}nav.tabs button.on{color:var(--text);border-color:var(--accent);background:var(--panel2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:16px}.card h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:10px;font-size:13px}input[type=text],input[type=password]{background:var(--panel2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:11px 13px;font-size:15px}button.primary{background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:700}button.ghost{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}button.ghost:hover{border-color:var(--accent2)}button.danger{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.result{border-left:3px solid var(--accent);background:var(--panel2);border-radius:0 8px 8px 0;margin-bottom:10px;padding:10px 12px}.result .meta{color:var(--accent2);font-size:11px;font-family:var(--mono);margin-bottom:5px}.result p{color:var(--text);white-space:pre-wrap;font-size:13.5px;line-height:1.5}.gear-card h4{margin-bottom:4px;font-size:15px}.gear-card .cat{text-transform:uppercase;letter-spacing:1px;color:#111;background:var(--accent2);border-radius:20px;margin-bottom:8px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.gear-card .field{color:var(--dim);margin-top:6px;font-size:12px;line-height:1.45}.gear-card .field b{color:var(--text);font-weight:600}.mono{font-family:var(--mono);font-size:12px}.ok{color:var(--accent2)}.warn{color:var(--accent)}.err{color:var(--danger)}.pill{border:1px solid var(--border);color:var(--dim);border-radius:20px;margin:2px;padding:3px 9px;font-size:11px;display:inline-block}.slider-row{grid-template-columns:170px 1fr 46px;align-items:center;gap:10px;margin:8px 0;font-size:13px;display:grid}input[type=range]{accent-color:var(--accent);width:100%}table.docs{border-collapse:collapse;width:100%;font-size:13px}table.docs td,table.docs th{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}table.docs th{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:11px}a{color:var(--accent2)}.login-box{max-width:380px;margin:15vh auto}.note{color:var(--dim);margin-top:8px;font-size:12px;line-height:1.5}.bpm{background:var(--panel2);border:1px solid var(--border);width:70px;color:var(--text);text-align:center;border-radius:8px;padding:8px;font-size:15px}.hero-panel{border:1px solid var(--border);background:linear-gradient(135deg,var(--panel),var(--panel2));border-radius:14px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px;padding:24px;display:flex}.hero-panel h2{max-width:620px;margin:5px 0 8px;font-size:30px;line-height:1.05}.hero-panel p{max-width:680px;color:var(--dim);line-height:1.5}.eyebrow,.lane-label{font:700 10px/1 var(--mono);letter-spacing:1.5px;color:var(--accent2)}.status{border:1px solid var(--border);width:max-content;font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex}.status-observed{color:#4fd1c5;background:#102624;border-color:#2f766f}.status-documented{color:#8fb8ff;background:#121c30;border-color:#3e5782}.status-configured{color:#d9c87a;background:#292511;border-color:#766a36}.status-unknown{color:var(--dim)}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.metric{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.metric b{font-size:24px}.metric span{color:var(--dim);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.section-head h3{margin:0}.topology-grid{grid-template-columns:1fr 34px 1fr 34px 1.25fr;align-items:start;gap:10px;display:grid}.topology-lane{flex-direction:column;gap:8px;display:flex}.topology-arrow{color:var(--accent);text-align:center;padding-top:44px;font-size:24px}.node{border:1px solid var(--border);background:var(--panel2);border-radius:10px;flex-direction:column;gap:3px;min-height:64px;padding:10px;display:flex}.node strong{font-size:13px}.node span,.node small{color:var(--dim);font-size:11px;line-height:1.35}.node-computer{border-left:3px solid var(--accent)}.node-endpoint{border-left:3px solid var(--accent2)}.node-gear{border-left:3px solid #8fb8ff;min-height:auto}.split-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.state-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;padding:8px 0;font-size:12px;display:flex}.state-row span{color:var(--dim)}.state-row b{text-align:right;font-weight:600}.callout{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.4}.warn-callout{color:#f2bf79;background:#2b2111;border:1px solid #6f4e20}.observation-list{flex-direction:column;display:flex}.observation{border-top:1px solid var(--border);grid-template-columns:140px 1fr 170px;align-items:start;gap:12px;padding:10px 0;display:grid}.observation:first-child{border-top:0}.observation strong{text-transform:capitalize;font-size:12px}.observation p,.observation time{color:var(--dim);font-size:11px;line-height:1.4}.observation time{text-align:right}@media (max-width:800px){.hero-panel{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:repeat(2,1fr)}.topology-grid{grid-template-columns:1fr}.topology-arrow{padding:0;transform:rotate(90deg)}.split-grid,.observation{grid-template-columns:1fr}.observation time{text-align:left}}.rig-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.rig-card{margin:0}.rig-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rig-card-head h3{color:var(--text);text-transform:none;letter-spacing:0;margin:5px 0 0;font-size:16px}.rig-role{color:var(--dim);margin:10px 0;font-size:12px;line-height:1.45}.rig-facts{border-top:1px solid var(--border);gap:7px;padding-top:9px;display:grid}.rig-facts div{grid-template-columns:70px 1fr;gap:10px;font-size:11px;display:grid}.rig-facts span{color:var(--dim);text-transform:uppercase;letter-spacing:.6px}.rig-facts b{font-weight:500;line-height:1.4}.source-strip{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}@media (max-width:650px){.rig-grid{grid-template-columns:1fr}}.score{color:var(--dim);font:10px/1 var(--mono);margin-top:7px}.compact-metrics{grid-template-columns:repeat(3,1fr);margin:0}.plugin-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:12px;display:grid}.plugin-row{border:1px solid var(--border);background:var(--panel2);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.plugin-row>div{align-items:center;gap:7px;min-width:0;display:flex}.plugin-row strong{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:12px;overflow:hidden}.plugin-row span,.plugin-row small{color:var(--dim);font-size:10px}@media (max-width:650px){.plugin-grid{grid-template-columns:1fr}.compact-metrics{grid-template-columns:repeat(3,1fr)}}.knowledge-list{flex-direction:column;margin-top:12px;display:flex}.knowledge-row{border-top:1px solid var(--border);grid-template-columns:minmax(280px,1.4fr) minmax(220px,1fr) auto;align-items:center;gap:14px;padding:10px 0;display:grid}.knowledge-row:first-child{border-top:0}.knowledge-row>div:first-child{flex-direction:column;gap:3px;display:flex}.knowledge-row strong{font-size:12px}.knowledge-row span{color:var(--dim);font-size:10px}.knowledge-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:760px){.knowledge-row{grid-template-columns:1fr}}.select-control{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px}.midi-log{min-height:20px;margin-top:10px}.structured-list{gap:8px;display:grid}.structured-row{border-top:1px solid var(--border);grid-template-columns:90px 1fr;align-items:start;gap:10px;padding:8px 0;display:grid}.structured-row:first-child{border-top:0}.structured-row strong{font-size:12px}.structured-row p{color:var(--dim);margin-top:2px;font-size:11px;line-height:1.4}.link-button{color:var(--accent2);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}