:root{--bg:#071019;--surface:#0b1621;--surface2:#101e2b;--line:#203243;--line2:#304b61;--text:#f4f7fb;--muted:#8fa1b5;--dim:#61758a;--accent:#6d8cff;--accent2:#77d9c0;--good:#69d4ad;--warn:#e9bd68;--danger:#f18484;--sidebar:282px;--radius:16px;--shadow:0 25px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 7%,rgba(60,94,162,.24),transparent 26%),linear-gradient(145deg,#071019,#08131d 55%,#071019);min-height:100vh}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:rgba(5,13,20,.92);backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;padding:5px 8px 22px}.brand-mark{width:42px;height:42px;border:1px solid var(--accent);display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;box-shadow:inset 0 0 0 7px rgba(109,140,255,.07),0 0 35px rgba(109,140,255,.14)}.brand b{font-size:13px;letter-spacing:.22em}.brand small{display:block;color:var(--dim);font-size:8px;letter-spacing:.15em;margin-top:5px}.surface-switcher{display:grid;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line)}.surface-switcher button{display:grid;grid-template-columns:37px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px;border-radius:12px;cursor:pointer}.surface-switcher button:hover,.surface-switcher button.active{border-color:var(--line2);background:var(--surface2);color:var(--text)}.surface-switcher b{font-size:11px}.surface-switcher small{display:block;font-size:8px;color:var(--dim);margin-top:3px}.surface-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--accent)}.side-nav{display:grid;gap:3px;padding:19px 4px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px;color:var(--muted);text-decoration:none;font-size:10px;border-radius:9px}.side-nav a span{width:20px;text-align:center;color:var(--dim)}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.045);color:var(--text)}.side-nav a.active span{color:var(--accent2)}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:11px;padding:16px 8px;border-top:1px solid var(--line)}.sidebar-footer b{font-size:9px}.sidebar-footer small{display:block;color:var(--dim);font-size:8px;margin-top:3px}.health-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 16px var(--good)}.health-dot.degraded{background:var(--warn);box-shadow:0 0 16px var(--warn)}.workspace{min-width:0}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10;background:rgba(7,16,25,.86);backdrop-filter:blur(20px)}.eyebrow{font-size:8px;color:var(--accent);letter-spacing:.17em}.topbar h1{font-size:19px;margin:6px 0 0}.top-actions{display:flex;align-items:center;gap:9px}.ghost-button,.secondary-button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;cursor:pointer;font-size:9px}.ghost-button:hover,.secondary-button:hover{border-color:var(--line2);color:var(--text)}.authority-chip{border:1px solid rgba(105,212,173,.22);background:rgba(105,212,173,.06);color:var(--muted);padding:9px 12px;border-radius:999px;font-size:9px}.authority-chip span{color:var(--good);margin-right:5px}main{max-width:1660px;padding:34px;margin:auto;outline:0}.hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(19,35,50,.96),rgba(8,19,29,.96));box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:17px}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(109,140,255,.12);border-radius:50%;right:-170px;top:-230px;box-shadow:0 0 0 45px rgba(109,140,255,.025),0 0 0 90px rgba(109,140,255,.018)}.hero h2{font-size:clamp(27px,3.2vw,49px);line-height:1.04;max-width:930px;margin:12px 0 14px;letter-spacing:-.035em}.hero p{max-width:820px;color:var(--muted);font-size:12px;line-height:1.7;margin:0}.hero-badge{z-index:1;border:1px solid var(--line2);padding:10px 12px;font-size:8px;letter-spacing:.13em;color:var(--accent2);white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.metric{border:1px solid var(--line);background:rgba(11,22,33,.93);border-radius:13px;padding:17px}.metric>span{font-size:8px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}.metric strong{display:block;font-size:26px;margin:10px 0 7px}.metric small{font-size:8px;color:var(--muted)}.metric small.good{color:var(--good)}.metric small.warn{color:var(--warn)}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,27,40,.96),rgba(8,19,29,.96));border-radius:var(--radius);padding:19px;min-width:0}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.panel h2{font-size:13px;margin:0}.panel-head p{font-size:8px;color:var(--dim);margin:5px 0 0}.action-list,.card-list{display:grid;gap:9px}.action-list article,.card-list article{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:11px}.action-list article>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);font-size:9px;color:var(--accent)}.action-list strong,.card-list strong{display:block;font-size:10px}.action-list small,.card-list small{display:block;color:var(--dim);font-size:8px;margin-top:4px}.tag{display:inline-flex;border:1px solid var(--line2);padding:5px 7px;border-radius:999px;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.07em}.tag.good{color:var(--good);border-color:rgba(105,212,173,.32)}.tag.warn{color:var(--warn);border-color:rgba(233,189,104,.32)}.tag.danger{color:var(--danger);border-color:rgba(241,132,132,.32)}.bar-row{display:grid;grid-template-columns:155px 1fr 38px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.bar-row span,.bar-row b{font-size:8px}.bar-row b{text-align:right;color:var(--muted)}.bar-row>div{height:5px;background:#172939;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.table{overflow:auto}.tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 90px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);min-width:750px}.tr.head{font-size:7px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.02)}.tr:not(.head){font-size:9px}.truth-grid{grid-template-columns:2.4fr .8fr .8fr 1fr 1fr}.text-button{background:none;border:0;color:var(--accent2);font-size:8px;cursor:pointer}.mini-list{display:grid}.mini-list b{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px}.mini-list em{font-style:normal;color:var(--accent2);font-size:8px}.form{display:grid;gap:12px}.form label{font-size:8px;color:var(--muted);display:grid;gap:6px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:#07131d;color:var(--text);padding:11px;border-radius:9px;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent)}.form textarea{min-height:84px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button{border:0;background:linear-gradient(135deg,#5475ef,#6d8cff);color:white;padding:11px 14px;border-radius:9px;font-weight:700;font-size:9px;cursor:pointer}.control-list{display:grid}.control-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}.output{white-space:pre-wrap;overflow:auto;max-height:300px;background:#061019;border:1px solid var(--line);padding:13px;font-family:ui-monospace,monospace;font-size:8px;color:#b9c7d6;margin-top:14px}.quadrant{height:440px;position:relative;border-left:1px solid var(--line2);border-bottom:1px solid var(--line2);margin:30px 35px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}.axis{position:absolute;color:var(--dim);font-size:8px}.axis.x{right:0;bottom:-24px}.axis.y{left:-30px;top:0;writing-mode:vertical-rl;transform:rotate(180deg)}.bubble{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#26384a;border:1px solid var(--line2);font-size:8px}.bubble.ours{width:72px;height:72px;background:rgba(109,140,255,.16);border-color:var(--accent);box-shadow:0 0 35px rgba(109,140,255,.18)}.large-number{font-size:38px;margin:30px 0;color:var(--accent2)}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0}.loop li{border:1px solid var(--line);padding:13px;font-size:8px}.language-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.language-pair>div{padding:24px;min-height:240px}.language-pair>div+div{border-left:1px solid var(--line);font-family:"Noto Sans Arabic",Tahoma,sans-serif}.language-pair span{font-size:7px;color:var(--accent2);letter-spacing:.1em}.language-pair p{font-size:17px;line-height:1.75}.galaxy{height:620px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(109,140,255,.11),transparent 42%)}.galaxy:before,.galaxy:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;width:420px;height:420px}.galaxy:after{width:560px;height:560px}.grp{z-index:3;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--accent);background:#0c1c2a;box-shadow:0 0 65px rgba(109,140,255,.17);font-size:12px}.grp small{font-size:7px;color:var(--dim)}.galaxy button{--r:250px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));width:88px;height:35px;border:1px solid var(--line2);background:#0b1824;color:var(--muted);font-size:7px;border-radius:999px}.legend{text-align:center;color:var(--dim);font-size:8px;margin-top:10px}.evidence-chain,.pipeline{display:flex;align-items:center;justify-content:center;gap:11px;overflow:auto;padding:24px 0}.evidence-chain article,.pipeline article{min-width:135px;border:1px solid var(--line);padding:17px}.evidence-chain article span,.pipeline article span{color:var(--accent);font-size:8px}.evidence-chain b,.pipeline b{display:block;font-size:9px;margin:9px 0}.evidence-chain small,.pipeline small{font-size:7px;color:var(--dim)}.evidence-chain i,.pipeline i{color:var(--dim)}.hash{font-family:ui-monospace,monospace;border:1px solid var(--line);padding:12px;color:var(--dim);font-size:8px}.confidential{border:1px solid rgba(241,132,132,.32);color:var(--danger);background:rgba(241,132,132,.05);padding:10px 13px;font-size:7px;letter-spacing:.12em;margin-bottom:14px}.sandbox{height:460px;position:relative;display:grid;place-items:center}.sandbox-core{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px dashed var(--accent);background:rgba(109,140,255,.08);font-size:9px}.sandbox span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg)) translateX(190px) rotate(calc(var(--i)*-60deg));border:1px solid var(--line);padding:10px;font-size:8px}.command-dialog{width:min(650px,92vw);border:1px solid var(--line2);background:#09151f;color:var(--text);padding:0;box-shadow:var(--shadow)}.command-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}.command-dialog header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.command-dialog header button{background:none;border:0;color:var(--muted);font-size:22px}.command-dialog input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:16px;outline:none}.command-dialog a{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;color:var(--text);text-decoration:none;padding:12px 16px;border-bottom:1px solid var(--line)}.command-dialog a:hover{background:var(--surface2)}.command-dialog a small{color:var(--dim);font-size:8px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#dff8ee;color:#11231d;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);font-size:9px;transform:translateY(100px);opacity:0;transition:.28s}.toast.show{transform:none;opacity:1}[dir="rtl"] .sidebar{border-right:0;border-left:1px solid var(--line)}[dir="rtl"] .language-pair>div+div{border-left:0;border-right:1px solid var(--line)}
body[data-surface="growth"]{--accent:#6d8cff;--accent2:#77d9c0}body[data-surface="architecture"]{--accent:#b794ff;--accent2:#78c9ff}body[data-surface="lab"]{--accent:#f2a768;--accent2:#f0d08a}
@media(max-width:1120px){:root{--sidebar:88px}.brand>span:last-child,.surface-switcher button span:last-child,.side-nav a:not(.active){font-size:0}.surface-switcher button{grid-template-columns:1fr}.surface-icon{margin:auto}.sidebar-footer span:last-child{display:none}.metrics{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px}.brand>span:last-child{display:block}.surface-switcher{grid-template-columns:repeat(3,1fr)}.surface-switcher button span:last-child{display:none}.side-nav{display:flex;overflow:auto;padding:10px 0}.side-nav a,.side-nav a:not(.active){font-size:8px;white-space:nowrap}.sidebar-footer{display:none}.topbar{position:relative;padding:0 14px}.authority-chip,.ghost-button:nth-child(2){display:none}main{padding:16px}.hero{align-items:flex-start;flex-direction:column;padding:22px}.metrics,.three-col{grid-template-columns:1fr}.hero-badge{align-self:flex-start}.language-pair{grid-template-columns:1fr}.language-pair>div+div{border-left:0;border-top:1px solid var(--line)}.galaxy{height:440px}.galaxy button{--r:170px;width:66px}.grp{width:105px;height:105px}.evidence-chain,.pipeline{justify-content:flex-start}}