:root{color-scheme:dark;--bg:#08090e;--surface:#151721;--surface2:#1d1e2b;--text:#f0eff5;--quiet:#a2a2b3;--stroke:#ffffff23;--accent:#b5abe7;--focus:#ddd0ff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,sans-serif}a{color:#cdc7ff}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.atlas{max-width:1960px;padding:clamp(17px,2.6vw,48px);margin:auto}.atlas-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--quiet);font-size:11px}.atlas-top>a{min-height:44px;display:inline-flex;align-items:center;color:var(--text);text-decoration:none}.atlas-top span:nth-child(2){flex:1;letter-spacing:.13em}.tag{border:1px solid var(--stroke);border-radius:8px;padding:7px 10px}.hero{margin:20px 0 24px;padding:18px 0}.overline{font-weight:650;letter-spacing:.16em;font-size:10px;color:var(--accent)}.hero h1{font-size:clamp(38px,5vw,70px);letter-spacing:-.05em;line-height:1.04;margin:9px 0 17px}.hero>p:not(.overline){max-width:850px;color:#b3b2c2;font-size:16px}.hero-stats{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--stroke);margin-top:27px;padding-top:16px}.hero-stats>div{display:grid;gap:2px;min-width:135px}.hero-stats strong{font-size:30px;font-variant-numeric:tabular-nums}.hero-stats span{font-size:11px;color:var(--quiet)}.atlas-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--stroke);padding-bottom:12px}.atlas-tabs button{min-height:44px;border:1px solid var(--stroke);padding:9px 14px;background:transparent;color:var(--quiet);border-radius:9px}.atlas-tabs button.active{color:var(--text);background:#62597855;border-color:#a196c27c}.tab-page{padding-top:24px}.explain{color:var(--quiet);max-width:950px}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.filters label,.worksheet form label{display:grid;gap:6px;color:var(--quiet);font-size:12px}.filters label:first-child{min-width:230px;flex:1}.filters input,.filters select,.worksheet input,.worksheet select{min-height:44px;width:100%;border:1px solid var(--stroke);background:var(--surface);border-radius:8px;color:var(--text);padding:9px 12px}.filters output{padding:12px;color:var(--quiet)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:20px}.matrix-scroll{overflow:auto;max-height:680px;border:1px solid var(--stroke);border-radius:11px}.matrix{border-collapse:collapse;text-align:left;min-width:975px;width:100%}.matrix caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.matrix th{position:sticky;top:0;background:#222332;border-bottom:1px solid var(--stroke);padding:11px;z-index:2;font-size:12px}.matrix thead th:first-child{left:0;z-index:4}.matrix tbody th{position:sticky;left:0;z-index:1;background:#12141d;padding:8px 11px;min-width:155px}.matrix tbody th strong,.matrix tbody th small{display:block}.matrix tbody th small{font-weight:400;color:var(--quiet)}.matrix td{padding:5px;border-bottom:1px solid var(--stroke)}.matrix button{min-height:44px;width:100%;background:transparent;border:1px solid transparent;color:#e6e4f5;border-radius:7px;padding:7px;font-size:11px;text-align:left;max-width:162px;line-height:1.35}.matrix button:hover,.matrix button[aria-pressed=true]{background:#aaa0de2c;border-color:#aaa0de88}.matrix tbody tr:nth-child(2n) td{background:#ffffff04}.inspector{position:sticky;top:10px;border:1px solid var(--stroke);border-radius:13px;background:linear-gradient(135deg,#222234,#12151f);padding:19px;max-height:735px;overflow:auto}.inspector h2{font-size:23px;line-height:1.17;margin:10px 0}.inspector dl{display:grid;gap:9px;margin:14px 0}.inspector dl>div{border-top:1px solid var(--stroke);padding:8px 0;overflow-wrap:anywhere}.inspector dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--quiet)}.inspector dd{margin:3px 0;font-size:12px}.inspector p{color:#bebdcd}.inspector .status{border-top:1px solid var(--stroke);padding-top:12px;color:#dacbb3;font-size:11px}.specimen{border:1px solid var(--stroke);padding:12px;border-radius:9px;margin-top:14px}.specimen label{display:grid;gap:5px;font-size:12px}.specimen input,.specimen select,.specimen textarea{min-height:44px;background:#0a0b12;color:var(--text);border:1px solid #ffffff40;border-radius:8px;padding:8px;width:100%}.specimen .sample{font-size:11px;color:var(--quiet);margin:8px 0 0}.engine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.engine-card{border:1px solid var(--stroke);background:var(--surface);border-radius:12px;min-height:128px;text-align:left;padding:13px;color:var(--text);display:grid;align-content:start;gap:6px}.engine-card[aria-pressed=true]{border-color:var(--accent);background:#72699d33}.engine-card strong{font-size:15px}.engine-card small{color:var(--quiet)}.engine-card .class{font-size:10px;letter-spacing:.12em;color:#d6c6b6;text-transform:uppercase}.relation-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0}.relation-flow>div{padding:18px;border:1px solid var(--stroke);border-radius:12px;background:var(--surface);flex:1;min-width:180px}.relation-flow b,.relation-flow small{display:block}.relation-flow small{margin-top:8px;color:var(--quiet)}.relation-flow>span{font-size:26px;color:var(--accent)}.relation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}.relation-card{border:1px solid var(--stroke);border-radius:10px;padding:14px}.relation-card small{display:block;color:var(--quiet);margin-top:7px}.teaching-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:12px;padding:0;list-style:none}.teaching-steps li{padding:15px;background:var(--surface);border-radius:10px;border:1px solid var(--stroke)}.teaching-steps li b{font-size:16px}.teaching-steps p{color:var(--quiet);margin-bottom:0}.teaching-steps code,.worksheet code{color:#efe8ff}.worksheet{border:1px solid var(--stroke);padding:19px;border-radius:12px;margin:20px 0}.worksheet form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.worksheet button{min-height:44px;border:1px solid var(--accent);background:#847ca145;border-radius:9px;color:var(--text);padding:8px 13px}.worksheet pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10121a;border:1px solid var(--stroke);padding:15px}.worksheet output{display:block;margin:12px 0;color:var(--quiet)}.footer{border-top:1px solid var(--stroke);margin-top:40px;padding:22px 0;color:var(--quiet)}.footer a{margin-right:12px}@media(max-width:980px){.content-grid{grid-template-columns:1fr}.inspector{position:static;max-height:unset}.matrix-scroll{max-height:560px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(forced-colors:active){.engine-card,.relation-card,.relation-flow>div,.teaching-steps li,.matrix-scroll,.inspector,.atlas-tabs button,.worksheet{background:Canvas;color:CanvasText;border-color:CanvasText}.matrix button[aria-pressed=true],.atlas-tabs button.active{background:Highlight;color:HighlightText}}