:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;font-size:14px;letter-spacing:0;--space:#101113;--surface:#1b1d20;--ink:#f0f1ee;--muted:#b2b7b5;--line:#35393c;--focus:#9de6cf}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--space);color:var(--ink);height:100dvh;overflow:hidden}button,input,a{font:inherit;letter-spacing:0}button{background:none;border:0;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}a{color:var(--focus);text-decoration:none}a:hover{text-decoration:underline}.lucide{width:19px;height:19px;stroke-width:1.6;flex:none}
#universe{width:100%;height:100%;background:var(--space)}.masthead{position:absolute;z-index:500;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 30px;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand>.lucide{width:30px;height:30px;color:#c6d8d0}h1{font-size:23px;font-weight:500;margin:0;line-height:1.2;text-shadow:0 2px 9px var(--space)}.language{display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:5px;pointer-events:auto}.language button{width:38px;height:32px;border-radius:3px}.language button[aria-pressed=true]{background:#e4e9e6;color:#181b1a}.finder{position:absolute;top:91px;left:30px;width:360px;max-width:calc(100% - 60px);z-index:600}.search-box{display:flex;align-items:center;gap:10px;height:45px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:0 12px}.search-box>.lucide{color:var(--muted);width:17px}.search-box input{border:0;outline:none;min-width:0;width:100%;height:100%;color:var(--ink);background:none;font-size:13px}.search-box input::placeholder{color:var(--muted)}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{display:grid;place-items:center;width:26px;height:32px;padding:0;flex:none}#results{margin-top:6px;max-height:min(420px,55dvh);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:5px}.result{display:block;width:100%;text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);line-height:1.4}.result:hover{background:#292e2e}.result small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.result:last-child{border:0}.no-results{margin:10px;color:var(--muted)}.map-tools{position:absolute;left:30px;bottom:30px;z-index:500;display:flex;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:3px}.map-tools button{height:36px;width:36px;display:grid;place-items:center;border-radius:3px}.map-tools button:hover{background:#303637}
.leaflet-container{font:inherit;cursor:grab}.leaflet-control-attribution{background:#101113cc!important;color:var(--muted)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--muted)!important}.leaflet-tooltip{color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:none;font-family:inherit;font-size:12px;white-space:normal;max-width:240px;line-height:1.5}.leaflet-tooltip-top:before{border-top-color:var(--line)}.atlas-cosmos-canvas{pointer-events:none;position:absolute}.galaxy-label,.star-label{pointer-events:none;position:relative;text-shadow:0 1px 7px #101113,0 -1px 7px #101113;white-space:normal;overflow-wrap:anywhere}.galaxy-label{width:165px;transform:translate(-50%,-50%);text-align:center;font-size:14px;line-height:1.35;color:#e3e6e1;font-weight:500}.galaxy-label small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.star-label{width:180px;transform:translate(9px,-50%);font-size:12px;line-height:1.4;color:#e9eeeb;background:#101113d9;padding:3px 5px;border-radius:2px}.leaflet-marker-icon{border:0;background:none}
#selection{position:absolute;z-index:700;right:30px;top:91px;bottom:30px;width:330px;max-width:calc(100% - 60px);overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:22px;box-shadow:0 8px 35px #0005}#selection>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}#selection>header span{font-size:11px;line-height:1.5;color:var(--muted);max-width:230px}#selection>header button{width:32px;height:32px;display:grid;place-items:center;flex:none}#selection h2{font-size:21px;font-weight:500;margin:12px 0 18px;line-height:1.35;overflow-wrap:anywhere}.read-work{display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.5;margin-bottom:18px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--focus)}#selection h3{font-size:12px;font-weight:500;color:var(--muted);margin:23px 0 10px}#selection ul{list-style:none;padding:0;margin:0}#selection li{line-height:1.6;font-size:13px;padding:8px 0;border-bottom:1px solid #303438}#selection li:last-child{border:0}.concept-line{font-size:13px;line-height:1.6;color:#d4ddd8}.availability{font-size:12px;color:var(--muted);line-height:1.5}.related-button{padding:0;line-height:1.55;text-align:left;color:var(--focus);font-size:13px}.related-button small{display:block;font-size:11px;color:var(--muted)}
@media(max-width:720px){.masthead{padding:18px 16px}.brand{gap:8px}.brand>.lucide{width:24px;height:24px}h1{font-size:19px}.language button{width:32px;height:30px}.finder{top:76px;left:16px;max-width:calc(100% - 32px);width:340px}.search-box input{font-size:16px}.search-box input::placeholder{font-size:12px}.map-tools{left:16px;bottom:20px}.map-tools button{height:40px;width:38px}#selection{right:16px;left:16px;top:auto;bottom:16px;width:auto;max-width:none;max-height:48dvh;padding:16px 18px}body.has-selection .map-tools{bottom:calc(48dvh + 28px)}#selection h2{font-size:19px}.galaxy-label{width:140px;font-size:12px}.galaxy-label small{font-size:11px}.star-label{font-size:12px;width:160px}#results{max-height:46dvh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#universe{background-image:url('assets/deep-space.png');background-position:center center;background-size:cover;background-repeat:no-repeat}
.galaxy-label{text-shadow:0 1px 4px #010206,0 0 14px #010206}
.brand h1{text-shadow:0 2px 5px #010206,0 0 14px #010206}
.leaflet-tooltip{width:max-content;max-width:240px;overflow-wrap:anywhere}
.masthead a.brand{pointer-events:auto;color:var(--ink);text-decoration:none}.masthead a.brand:hover h1{text-decoration:underline;text-underline-offset:4px}.galaxy-label{transform:none}
@media(max-width:720px){#universe{background-position:60% center}}