:root{color-scheme:dark;--bg:#020812;--panel:#071625;--line:#244963;--blue:#53c9ff;--muted:#9db5c5;--text:#eef8ff;--red:#ff6975;--green:#5ee2a9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#0c2d49 0,transparent 35%),#020812;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.os-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px max(18px,calc((100vw - 1440px)/2));border-bottom:1px solid #16354b;background:#020812e8;backdrop-filter:blur(15px)}.os-head img{width:220px}.os-head nav{margin-left:auto;display:flex;gap:16px}.os-head a{color:#cfe0ea;text-decoration:none;font-weight:800}.os-shell{width:min(1440px,calc(100% - 28px));margin:auto;padding:58px 0 80px}.os-hero{max-width:1000px}.os-hero span,.os-labs article>span,.os-compare>div>span,.os-inspector>span,.os-panel-head span{color:var(--blue);font-size:10px;font-weight:950;letter-spacing:.14em}.os-hero h1{font-size:clamp(42px,6vw,78px);line-height:1;margin:13px 0 18px;letter-spacing:-.045em}.os-hero p{color:#a9bfcd;line-height:1.75;font-size:17px}.os-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:16px;margin-top:32px}.os-sidebar,.os-inspector,.os-event-log,.os-labs article,.os-compare{border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#091c2d,#05111c)}.os-sidebar,.os-inspector{padding:18px;height:max-content}.os-sidebar h2{font-size:12px;color:#8cb4ca;text-transform:uppercase;letter-spacing:.1em;margin:10px 0}.os-layer-list,.os-faults,.os-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.os-layer-list button,.os-faults button,.os-choice-grid button,.os-run,.os-event-log button{border:1px solid #315b76;border-radius:12px;background:#071827;color:#dcecf5;padding:11px;font-weight:800;cursor:pointer}.os-layer-list button.is-active,.os-run{background:linear-gradient(135deg,#0a79bd,#12a1f0);color:#fff;border-color:#43bfff}.os-sidebar select{width:100%;padding:12px;border:1px solid #315b76;border-radius:12px;background:#061522;color:#fff;margin-bottom:8px}.os-main{display:grid;gap:16px}.os-stage{position:relative;min-height:490px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 15%,rgba(50,157,221,.18),transparent 34%),#03101a;overflow:hidden;display:grid;place-items:center}.os-building{position:relative;width:min(690px,88%);height:330px;perspective:800px}.os-floor{position:absolute;left:8%;right:8%;height:135px;border:1px solid rgba(91,199,255,.28);background:linear-gradient(180deg,rgba(21,72,103,.24),rgba(7,24,37,.48));clip-path:polygon(8% 20%,50% 0,92% 20%,92% 90%,8% 90%)}.f1{bottom:8%}.f2{top:3%}.node{position:absolute;z-index:3;padding:7px 9px;border:1px solid rgba(87,197,250,.5);border-radius:10px;background:#061522;color:#cfefff;font:800 10px/1 sans-serif;box-shadow:0 0 18px rgba(65,184,242,.08);transition:.25s}.node.is-alert{background:#6c1822;border-color:#ff6975;box-shadow:0 0 25px rgba(255,83,96,.35)}.n1{left:14%;top:17%}.n2{right:14%;top:42%}.n3{left:44%;top:22%}.n4{right:28%;top:16%}.n5{left:21%;bottom:14%}.n6{left:47%;bottom:14%}.n7{right:18%;bottom:14%}.n8{right:8%;bottom:28%}.os-link{position:absolute;height:2px;background:linear-gradient(90deg,#248dd0,#70d8ff);opacity:.4}.l1{left:23%;right:23%;bottom:20%}.l2{left:25%;width:32%;top:46%;transform:rotate(-13deg)}.l3{right:19%;width:28%;top:48%;transform:rotate(10deg)}.os-event-badge{position:absolute;left:18px;top:18px;padding:9px 12px;border-radius:999px;border:1px solid #327199;background:#071827;color:#86d8ff;font-size:10px;font-weight:900}.os-event-badge.is-alert{border-color:#ff6975;color:#ff9ca5;background:#3b1016}.os-event-log{padding:16px}.os-panel-head{display:flex;align-items:center;justify-content:space-between}.os-panel-head h2{margin:5px 0}.os-log{display:grid;gap:8px;max-height:230px;overflow:auto}.os-log p{margin:0;padding:10px 12px;border-left:3px solid #3ab8f7;background:#071827;border-radius:0 10px 10px 0;color:#bdd2df;font-size:12px}.os-log p.alert{border-color:#ff6975}.os-inspector p{color:var(--muted);line-height:1.7}.os-metrics{display:grid;gap:9px;margin:16px 0}.os-metrics article{padding:12px;border:1px solid rgba(59,126,168,.25);border-radius:14px}.os-metrics small{color:#7f9daf}.os-metrics strong{display:block;margin-top:6px}.os-ai{display:block;padding:12px;text-align:center;border-radius:12px;background:#0c76b6;color:#fff;text-decoration:none;font-weight:900}.os-labs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.os-labs article{padding:20px}.os-labs h2{margin:7px 0 14px}.os-explain{margin-top:12px;padding:14px;border:1px solid rgba(59,126,168,.22);border-radius:14px;background:#05131f;color:#b7ccd9;line-height:1.65}.os-firepanel{padding:16px;border:1px solid #355e73;border-radius:15px;background:#03110e;color:#69f3ae;margin-bottom:12px}.os-firepanel b,.os-firepanel small{display:block}.fiber-chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}.fiber-chain b{padding:8px;border:1px solid #315b76;border-radius:10px}.fiber-chain i{width:28px;height:2px;background:#52c8ff}.os-compare{padding:22px;margin-top:18px}.os-compare h2{margin:7px 0 18px}.compare-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px}.compare-grid article,.compare-grid aside{padding:16px;border:1px solid rgba(58,125,168,.23);border-radius:16px;background:#061522}.compare-grid label{display:grid;gap:5px;margin-top:9px;color:#9bb6c7}.compare-grid input,.compare-grid select{padding:10px;border:1px solid #345f7b;border-radius:10px;background:#03101b;color:#fff}@media(max-width:1100px){.os-grid{grid-template-columns:1fr}.os-sidebar{position:static}.os-labs{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr 1fr}.compare-grid aside{grid-column:1/-1}}@media(max-width:650px){.os-head nav{display:none}.os-shell{padding-top:35px}.os-hero h1{font-size:42px}.compare-grid{grid-template-columns:1fr}.compare-grid aside{grid-column:auto}.os-stage{min-height:360px}.os-building{height:250px}.os-layer-list,.os-faults,.os-choice-grid{grid-template-columns:1fr 1fr}}