:root{color-scheme:dark;--ink:#eee6d7;--gold:#cfb37a;--muted:#b0ac9c;--line:#bda67535;--bg:#111714}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button,select,input{border:1px solid var(--line);background:#1c251f;border-radius:4px}button,a{touch-action:manipulation}button{cursor:pointer;padding:9px 13px}button:hover,button[aria-pressed=true]{background:#354637;border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.library-explorer{height:100dvh;min-height:680px;display:flex;flex-direction:column;overflow:hidden}.atlas-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 14px;gap:18px}.atlas-header>div{text-align:center}.atlas-brand{text-decoration:none;font:22px Georgia,serif;letter-spacing:.12em}.atlas-brand span{display:block;font:10px system-ui;letter-spacing:.06em;color:var(--muted);margin-top:7px}.atlas-language{font-size:12px;min-width:150px;text-align:right;text-decoration:none}.eyebrow{font-size:9px;letter-spacing:.24em;color:var(--gold);margin:0 0 6px}h1{font:normal clamp(24px,2.4vw,38px) Georgia,serif;margin:0}.library-controls{display:flex;align-items:center;gap:10px;padding:0 28px 14px;font-size:12px}.view-switch{display:flex;gap:4px}.search-label{flex:1}.search-label input{width:100%;padding:10px 14px}.library-controls select{padding:9px;max-width:180px}
.library-workspace{display:flex;flex:1;min-height:260px;position:relative;border-block:1px solid var(--line)}.library-canvas{position:relative;min-width:0;flex:1;background:radial-gradient(ellipse at 48% 45%,#27382a66,transparent 65%)}#library-graph{display:block;width:100%;height:100%;touch-action:none}.atlas-land{fill:#3f5140;stroke:#9caa8266;stroke-width:.5}.atlas-sphere{fill:#151d19;stroke:#a59a7033}.atlas-graticule{fill:none;stroke:#9ca783;stroke-opacity:.13;stroke-width:.6}.atlas-anchor{stroke:#cfb37a;stroke-opacity:.24;stroke-dasharray:2 3;stroke-width:.6}.library-edge{stroke:var(--gold);stroke-width:1.4;fill:none;opacity:.6}.library-node{cursor:pointer}.library-node .node-frame{fill:#253a2a;stroke:#c1ab78;stroke-width:1}.library-node:hover .node-frame,.library-node:focus .node-frame,.library-node[aria-pressed=true] .node-frame{stroke:#fff0bb;stroke-width:3}.library-node:focus{outline:none}.library-node text{font:10px system-ui;fill:var(--ink);paint-order:stroke;stroke:#111714;stroke-width:3;pointer-events:none}.library-node .node-language{font-size:8px;fill:#e4d3aa}.atlas-regions{position:absolute;left:18px;top:14px;display:flex;gap:4px;flex-wrap:wrap}.atlas-regions button{font-size:11px;background:#17211cdd}.atlas-regions button[aria-pressed=true]{background:#3c4c35}.atlas-zoom{position:absolute;right:16px;bottom:35px;display:grid;gap:4px}.atlas-zoom button{font-size:20px;padding:3px 12px}#library-status{position:absolute;left:18px;bottom:8px;margin:0;font-size:10px;color:var(--muted);max-width:75%;pointer-events:none}.atlas-invitation{position:absolute;top:52px;left:20px;font:italic 13px Georgia;color:var(--muted);pointer-events:none}
#library-detail{flex:0 0 340px;overflow:auto;padding:22px;background:#1e2720;border-left:1px solid var(--line)}.detail-close{float:right;padding:4px 10px;font-size:20px}.detail-cover{width:115px;max-height:165px;object-fit:contain;float:left;margin:0 18px 15px 0;box-shadow:0 8px 20px #0006}#library-detail h2{font:24px/1.15 Georgia;margin:8px 0 12px}#library-detail h3{clear:both;font:18px Georgia;padding-top:20px}#library-detail p{font-size:13px;line-height:1.6}#library-detail small{font-size:10px;color:var(--gold);display:block;margin:5px 0}#library-detail>a{display:block;clear:both;font-size:12px;padding:10px 0}#library-detail ul{list-style:none;padding:0}#library-detail li{border-top:1px solid var(--line);padding:10px 0}#library-detail li button{width:100%;text-align:left;background:transparent;font:16px Georgia;border:0;padding:5px 0}#library-detail li p{font-size:11px;color:var(--muted);margin:5px 0}.library-themes{display:flex;gap:8px;align-items:center;overflow:auto;padding:12px 24px;flex-shrink:0;border-bottom:1px solid var(--line)}.library-themes>span{font:italic 13px Georgia;color:var(--gold);white-space:nowrap;margin-right:10px}.library-themes button{white-space:nowrap;font-size:11px;padding:7px 12px;border-radius:20px}.library-shelf{padding:10px 24px 12px;background:#151c17;flex-shrink:0}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shelf-heading h2{font:18px Georgia;margin:0}.shelf-heading button{padding:2px 12px;margin-left:5px}#library-list{display:flex;list-style:none;gap:18px;margin:0;padding:2px 0 6px;overflow:auto;scroll-snap-type:x proximity}#library-list li{flex:0 0 205px;scroll-snap-align:start}#library-list button{display:flex;align-items:center;text-align:left;gap:12px;padding:6px;width:100%;height:112px;background:transparent;border-color:transparent}#library-list button:hover,#library-list button[aria-pressed=true]{border-color:var(--gold);background:#283529}#library-list img{width:63px;height:94px;object-fit:contain;filter:drop-shadow(3px 5px 5px #0008)}#library-list strong{display:block;font:14px/1.25 Georgia}#library-list small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.shelf-placeholder{width:63px;min-width:63px;height:94px;display:grid;place-items:center;background:#304233;color:var(--gold);font:24px Georgia}
@media(min-width:1600px){.library-shelf{padding-bottom:18px}#library-list button{height:145px}#library-list img,.shelf-placeholder{height:125px;width:83px}#library-list li{flex-basis:245px}}
@media(max-width:800px){.library-explorer{min-height:700px}.atlas-header{padding:14px 14px 12px}.atlas-brand{font-size:16px}.atlas-brand span,.atlas-language{font-size:9px;min-width:0}.atlas-header>div{max-width:52%}h1{font-size:23px}.eyebrow{font-size:7px}.library-controls{padding:0 12px 10px;gap:6px;flex-wrap:wrap}.search-label{order:3;flex-basis:100%}.library-controls button,.library-controls select{font-size:10px;padding:8px}.library-controls select{max-width:130px}.atlas-regions{left:8px;top:8px;gap:3px}.atlas-regions button{font-size:9px;padding:6px}.atlas-invitation{top:37px;font-size:11px;left:10px}.library-themes{padding:9px 12px}.library-themes>span{display:none}.library-shelf{padding:8px 12px}.shelf-heading h2{font-size:15px}#library-list button{height:93px}#library-list img,.shelf-placeholder{height:78px;width:52px;min-width:52px}#library-list li{flex-basis:185px}#library-detail{position:absolute;z-index:3;inset:0 0 0 auto;width:min(330px,88%);box-shadow:-20px 0 60px #0009}.library-node text{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* The atlas is the page itself. Navigation and bookshelf float above it. */
.library-explorer{position:relative}.library-workspace{position:absolute;inset:0;border:0}.atlas-header,.library-controls,.library-themes,.library-shelf{position:relative;z-index:2;background:#111714ed}.library-themes{margin-top:auto}.library-canvas{height:100%}.atlas-regions{top:140px}.atlas-invitation{top:178px}.atlas-zoom{bottom:242px}#library-status{bottom:215px}.library-workspace:has(#library-detail:not([hidden])) .library-canvas{margin-right:340px}#library-detail{position:absolute;right:0;top:138px;bottom:214px;width:340px;border:1px solid var(--line);z-index:3}.library-shelf{background:#151c17f5}.library-themes{background:#17201af5}
@media(max-width:800px){.atlas-regions{top:168px}.atlas-invitation{top:201px}.atlas-zoom{bottom:214px}#library-status{bottom:186px}.library-workspace:has(#library-detail:not([hidden])) .library-canvas{margin-right:0}#library-detail{top:166px;bottom:185px;width:min(330px,88%)}.library-explorer{min-height:760px}}
.atlas-zoom{bottom:280px}#library-status{bottom:260px}.atlas-invitation{top:184px;background:#111714bb;padding:3px 6px;border-radius:3px}.library-node:hover text{fill:#fff}
@media(max-width:800px){.atlas-zoom{bottom:218px}#library-status{bottom:192px}.atlas-invitation{top:199px}}
#library-list{overflow-y:hidden}.library-node[aria-pressed=true]{filter:drop-shadow(0 0 7px #cfb37a88)}
@media(max-width:800px){.atlas-regions{top:218px}.atlas-invitation{top:249px}#library-detail{top:218px}.atlas-brand{font-size:14px}.atlas-header{gap:10px}.atlas-language{flex-shrink:0}.library-controls #library-reset{margin-left:auto}.library-controls{gap:5px}.library-controls button{padding:8px 6px}.library-controls select{max-width:116px}}