:root{color-scheme:dark;--bg:#050914;--panel:#0b1224cc;--line:#1e3a8a;--cyan:#38bdf8;--blue:#2563eb;--amber:#f59e0b;--text:#f8fafc;--muted:#94a3b8}*{box-sizing:border-box}html{background:var(--bg);font-family:Consolas,"SFMono-Regular",monospace}body{margin:0;color:var(--text);min-height:100vh;background:radial-gradient(circle at 75% 0,#172554 0,transparent 34%),var(--bg)}.grid-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#60a5fa0d 1px,transparent 1px),linear-gradient(90deg,#60a5fa0d 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}header,main,footer{width:min(1180px,calc(100% - 32px));margin:auto;position:relative}header{padding:clamp(48px,9vw,110px) 0 42px;display:flex;justify-content:space-between;gap:30px;align-items:end}h1{font:700 clamp(2.2rem,6vw,5.4rem)/.95 system-ui;margin:10px 0 16px;letter-spacing:-.06em}h2{font:600 clamp(1.15rem,2vw,1.6rem)/1.2 system-ui;margin:7px 0}.eyebrow,.label{font-size:.72rem;letter-spacing:.18em;color:var(--cyan)}header p,#node-detail{color:var(--muted);margin:0}.status{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:.72rem;white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 18px #22d3ee;animation:pulse 1.6s infinite}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.panel{border:1px solid #1e3a8aaa;background:var(--panel);backdrop-filter:blur(14px);border-radius:12px}.metric{padding:22px;min-height:110px;transition:.2s transform,.2s border-color}.metric:active,.metric:hover{transform:translateY(-3px);border-color:var(--cyan)}.metric b{display:block;font:700 2rem system-ui;margin-top:14px}.metric span{font-size:.68rem;letter-spacing:.12em;color:var(--muted)}.panel{padding:clamp(18px,3vw,30px);margin-top:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;background:#020617;border:1px solid #1e293b;border-radius:9px;padding:4px}.filters button{min-width:52px;min-height:40px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer}.filters button.active{color:#fff;background:#1d4ed8}.chart-wrap{position:relative;height:330px;margin-top:20px;touch-action:none}canvas{width:100%;height:100%}#tooltip{position:absolute;display:none;pointer-events:none;background:#020617;border:1px solid var(--cyan);padding:8px 10px;border-radius:7px;font-size:.75rem;transform:translate(-50%,-115%)}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split .panel{margin:0}.lang-row{display:grid;grid-template-columns:110px 1fr 48px;gap:12px;align-items:center;margin:17px 0;font-size:.78rem}.bar{height:8px;border-radius:9px;background:#172554;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:left;animation:grow .8s ease-out}.radar{height:290px;position:relative}.radar svg{position:absolute;inset:8%;width:84%;height:84%;fill:#2563eb12;stroke:#2563eb;stroke-width:.6}.radar button,.core{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;border:1px solid var(--line);background:#0f172a;color:var(--text);min-width:64px;min-height:44px;border-radius:8px;cursor:pointer}.radar button:focus,.radar button:hover{border-color:var(--cyan);box-shadow:0 0 24px #38bdf833}.core{--x:50%;--y:50%;display:grid;place-items:center;border-radius:50%;min-width:64px;color:var(--cyan);box-shadow:0 0 30px #2563eb55}.projects input{min-height:44px;width:min(250px,100%);background:#020617;border:1px solid #334155;color:#fff;border-radius:8px;padding:0 14px}#project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.project{padding:20px;border:1px solid #1e293b;border-radius:9px;color:inherit;text-decoration:none;transition:.2s}.project:hover,.project:focus{border-color:var(--cyan);background:#17255466;transform:translateY(-2px)}.project p{color:var(--muted);font:400 .84rem/1.6 system-ui}footer{padding:40px 0 60px;display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}footer a{color:var(--cyan)}@keyframes pulse{50%{opacity:.2}}@keyframes grow{from{transform:scaleX(0)}}@media(max-width:760px){header{align-items:start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.split,#project-grid{grid-template-columns:1fr}.chart-wrap{height:270px}.panel-head{align-items:start;flex-direction:column}.filters{width:100%}.filters button{flex:1}.radar{height:260px}footer{flex-direction:column;gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}