.atlas-surface{
  --bg:#121318; --panel:#1b1d25; --panel2:#20232d; --chip:#262a35; --chip-hi:#2d3240;
  --line:#2c303c; --line2:#3a3f4e;
  --txt:#e9e7e1; --txt2:#a9adb8; --txt3:#6f7480;
  --mu:#8b87f0; --ai:#e0673c; --a2a:#e06a9a; --ver:#45c4ad; --mem:#c9a86a; --sov:#6aa9c9;
  --live:#5fc06a; --built:#e3a73c; --plan:#7c818d; --stale:#ef5350; --sel:#4f9cf6;
  --corr:#98a2c0; --stemc:#3a3f4e; --ghostb:#4a4f5c; --tombc:#5d626e;
  --portt:#14151a;
  --glow-mu:drop-shadow(0 0 5px rgba(139,135,240,.35));
  --glow-ai:drop-shadow(0 0 5px rgba(224,103,60,.35));
  --glow-a2a:drop-shadow(0 0 5px rgba(224,106,154,.35));
  --glow-ver:drop-shadow(0 0 5px rgba(69,196,173,.35));
  --glow-corr:drop-shadow(0 0 4px rgba(152,162,192,.45));
  background:var(--bg); color:var(--txt);
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  display:block; padding:20px 22px 48px; box-sizing:border-box; position:relative;
}
.atlas-surface[data-theme="light"]{
  --bg:#f4f3ee; --panel:#ffffff; --panel2:#faf9f5; --chip:#ffffff; --chip-hi:#f0eee7;
  --line:#dcd8cd; --line2:#c6c2b6;
  --txt:#24262c; --txt2:#5a5e68; --txt3:#8d919b;
  --mu:#5e57cf; --ai:#c2511f; --a2a:#c43f78; --ver:#0d8f7a; --mem:#9a7426; --sov:#2f7d9e;
  --live:#3d9a4a; --built:#b07a12; --plan:#9094a0; --stale:#d63a37; --sel:#2f7fe0;
  --corr:#6a7286; --stemc:#c9c4b8; --ghostb:#b3aea1; --tombc:#a09b90;
  --portt:#ffffff;
  --glow-mu:none; --glow-ai:none; --glow-a2a:none; --glow-ver:none; --glow-corr:none;
}
.atlas-surface *{box-sizing:border-box}
.atlas-surface .as-header{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
.atlas-surface .as-h1{font-size:19px;font-weight:600;margin:0;letter-spacing:.2px;}
.atlas-surface .as-sub{font-size:12.5px;color:var(--txt3);}
.atlas-surface .as-legend{flex-basis:100%;margin-left:0;margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.atlas-surface .lc{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--txt2);
  border:1px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer;user-select:none;}
.atlas-surface .lc:hover{border-color:var(--line2);}
.atlas-surface .lc.on{background:var(--chip-hi);color:var(--txt);border-color:var(--line2);}
.atlas-surface .lc.facet{border-style:dashed;}
.atlas-surface .lc i{width:18px;height:3px;border-radius:2px;display:inline-block;}
.atlas-surface .as-hbtn{font-size:12px;color:var(--txt2);border:1px solid var(--line);background:none;
  border-radius:999px;padding:4px 12px;cursor:pointer;}
.atlas-surface .as-hbtn:hover{color:var(--txt);border-color:var(--line2);}
.atlas-surface .as-statusline{position:absolute;left:16px;bottom:12px;z-index:6;font-size:11.5px;color:var(--txt3);display:flex;flex-direction:column;gap:5px;align-items:flex-start;pointer-events:none;}
.atlas-surface .as-sl-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.atlas-surface .sl-i{display:inline-flex;align-items:center;gap:6px;}
.atlas-surface .dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.atlas-surface .as-main{display:flex;gap:20px;align-items:flex-start;}
.atlas-surface .as-canvas{position:relative;flex:1;min-height:300px;min-width:0;}
.atlas-surface svg.as-lines{position:absolute;left:0;top:0;pointer-events:none;z-index:5;overflow:visible;}
.atlas-surface .topic{position:absolute;z-index:2;background:var(--panel);border:1px solid var(--line);
  border-radius:11px;cursor:grab;transition:left .3s ease,top .3s ease,opacity .3s;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 10px;
  touch-action:none;user-select:none;}
.atlas-surface .topic.dragging{transition:none;z-index:30;opacity:.88;cursor:grabbing;
  box-shadow:0 10px 28px rgba(0,0,0,.45);border-color:var(--sel);}
.atlas-surface .topic .td{font-size:10px;color:var(--txt3);white-space:nowrap;overflow:hidden;max-width:100%;}
.atlas-surface .topic:hover{border-color:var(--line2);}
.atlas-surface .topic.open{border-color:var(--line2);background:var(--panel2);}
.atlas-surface .topic.selected{border-color:var(--sel);box-shadow:0 0 0 1px var(--sel);}
.atlas-surface .topic .tl{font-size:13px;font-weight:600;text-align:center;color:var(--txt);white-space:nowrap;overflow:hidden;}
.atlas-surface .topic .tst{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--stale);}
.atlas-surface .tcount{font-size:10px;color:var(--txt3);font-weight:600;background:var(--chip);
  border:1px solid var(--line);border-radius:6px;padding:0 6px;margin-left:7px;vertical-align:1px;}
.atlas-surface .as-tip{position:fixed;z-index:50;background:var(--panel2);border:1px solid var(--line2);
  border-radius:8px;padding:6px 10px;font-size:11.5px;color:var(--txt2);max-width:280px;
  pointer-events:none;display:none;line-height:1.45;box-shadow:0 4px 14px rgba(0,0,0,.35);}
.atlas-surface .panel{position:absolute;z-index:1;background:var(--panel);border:1px solid var(--line);
  border-radius:14px;transition:top .3s ease,height .3s ease,opacity .3s;}
.atlas-surface .panel .pcap{position:absolute;top:-9px;left:18px;font-size:10.5px;color:var(--txt3);
  background:var(--bg);padding:0 8px;letter-spacing:.6px;text-transform:uppercase;}
.atlas-surface .chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;
  background:var(--chip);border:1px solid var(--line2);border-radius:9px;
  font-size:13px;color:var(--txt);padding:0 12px;cursor:pointer;white-space:nowrap;overflow:hidden;
  transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease,opacity .3s;}
.atlas-surface .chip:hover{background:var(--chip-hi);}
.atlas-surface .chip.sub{font-size:12px;border-radius:8px;background:var(--panel2);color:var(--txt2);}
.atlas-surface .chip.compact{font-size:11.5px;gap:6px;padding:0 9px;opacity:.75;}
.atlas-surface .ticks{position:absolute;left:9px;bottom:0;display:flex;gap:3px;}
.atlas-surface .ticks i{width:12px;height:2.5px;border-radius:1px;display:block;}
.atlas-surface .chip.ghost{background:transparent;border:1.5px dashed var(--ghostb);color:var(--txt3);}
.atlas-surface .chip.plan{color:var(--txt2);}
.atlas-surface .chip.tomb{background:transparent;border-color:transparent;color:var(--tombc);text-decoration:line-through;}
.atlas-surface .chip.selected{border-color:var(--sel);box-shadow:0 0 0 1px var(--sel);}
.atlas-surface .chip .sdot{flex:none;}
.atlas-surface .chip .stale{width:8px;height:8px;border-radius:50%;background:var(--stale);flex:none;}
.atlas-surface .chip .debt{font-size:9.5px;color:var(--built);border:1px solid var(--line2);background:var(--panel2);
  border-radius:5px;padding:1px 5px;flex:none;}
.atlas-surface .chip .exp{font-size:10px;color:var(--txt3);}
.atlas-surface.lens .chip:not(.inlens){opacity:.22;}
.atlas-surface.lens .topic:not(.inlens){opacity:.4;}
.atlas-surface.lens svg .sl:not(.sl-on){opacity:.12;}
.atlas-surface .as-side{width:300px;flex:none;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;
  background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;
  display:flex;flex-direction:column;gap:10px;}
.atlas-surface .as-shead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.atlas-surface .as-sname{font-size:14px;font-weight:600;}
.atlas-surface .pill{font-size:10px;border-radius:999px;padding:2px 9px;letter-spacing:.4px;border:1px solid;}
.atlas-surface .as-ssum{font-size:12.5px;color:var(--txt2);line-height:1.55;margin:0;}
.atlas-surface .mh{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--txt3);margin:6px 0 3px;}
.atlas-surface .mchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;border:1px solid var(--line);
  border-radius:6px;padding:2px 8px;margin:2px 4px 2px 0;cursor:pointer;color:var(--txt2);}
.atlas-surface .mchip:hover{border-color:var(--line2);color:var(--txt);}
.atlas-surface .mchip .cdot{width:7px;height:7px;border-radius:50%;}
.atlas-surface .mchip.facet{border-style:dashed;}
.atlas-surface .dig{font-size:11.5px;color:var(--txt2);}
.atlas-surface .st-stale{color:var(--stale);font-weight:600;}
.atlas-surface .bgnote{font-size:11px;color:var(--built);}
.atlas-surface .as-prov{font-size:10.5px;color:var(--txt3);line-height:1.5;}
.atlas-surface .as-prov .pv{display:block;margin:1px 0;}
.atlas-surface .as-debt{font-size:11px;color:var(--built);margin:1px 0;}
.atlas-surface .as-deep{font-size:10.5px;color:var(--txt3);font-style:italic;border-top:1px dashed var(--line);margin-top:6px;padding-top:6px;}
.atlas-surface .as-bridge{margin:8px 0 2px;}
.atlas-surface .as-bridgebtn{font-size:11px;font-weight:600;color:var(--ai);background:var(--panel2);border:1px solid var(--line2);
  border-radius:7px;padding:5px 10px;cursor:pointer;width:100%;text-align:left;}
.atlas-surface .as-bridgebtn:hover{border-color:var(--ai);}
.atlas-surface .as-bridgebtn.empty{color:var(--txt3);cursor:default;border-style:dashed;background:transparent;}
.atlas-surface .as-bridgenote{font-size:10px;color:var(--txt3);font-style:italic;margin-top:3px;}
.atlas-surface .as-chat{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px;}
.atlas-surface .as-chatseam{font-size:10px;color:var(--ai);background:var(--panel2);border:1px dashed var(--line2);
  border-radius:7px;padding:5px 8px;line-height:1.4;}
.atlas-surface .as-chatlog{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;}
.atlas-surface .msg{font-size:12px;line-height:1.45;border-radius:9px;padding:6px 10px;background:var(--chip);
  border:1px solid var(--line);max-width:95%;}
.atlas-surface .msg.me{background:var(--panel2);align-self:flex-end;}
.atlas-surface .msg .who{font-size:10px;color:var(--txt3);display:block;margin-bottom:2px;}
.atlas-surface .as-inrow{display:flex;gap:6px;}
.atlas-surface .as-sin{flex:1;background:var(--chip);border:1px solid var(--line);border-radius:8px;color:var(--txt);
  font-size:12px;padding:7px 10px;outline:none;}
.atlas-surface .as-sin:focus{border-color:var(--line2);}
.atlas-surface .sbtn{font-size:12px;border:1px solid var(--line);background:none;color:var(--txt2);border-radius:8px;
  padding:6px 11px;cursor:pointer;}
.atlas-surface .sbtn:hover{color:var(--txt);border-color:var(--line2);}