:root{--bg:#0f0d16;--panel:#1b1624;--line:#393240;--muted:#b8afc3;--silver:#e3dce9}html{scroll-behavior:smooth;scroll-padding-top:20px}header{height:80px;border-bottom-color:#ffffff12}header .textlink{border:0;color:var(--muted)}.header-nav{display:flex;gap:26px;align-items:center;margin-left:auto;font-size:13px}.header-nav a:hover{color:#fff}.atlas{overflow:hidden;position:relative;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 65% 35%,#3c254539,transparent 65%),#100e17}.atlas-intro{max-width:1240px;margin:auto;padding:60px 36px 0;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.atlas .eyebrow{color:#cbbcd6;letter-spacing:3px;font-size:10px}.atlas h1{font-size:clamp(40px,6vw,74px);letter-spacing:.12em;margin:12px 0 4px;line-height:1.3}.atlas-subtitle{font-size:12px;letter-spacing:.3em;color:#a69aaf}.atlas-lede{max-width:330px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:8px}.atlas-lede strong{display:block;color:#e4dbe9;font-weight:400;font-size:17px;margin-bottom:8px}.map-toolbar{max-width:1240px;margin:40px auto 0;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff15;padding-top:14px}.map-toolbar span{font:10px/1.6 monospace;letter-spacing:1px;color:#a79ab1}.map-toolbar button{padding:8px 0;color:#d9cce1;background:none;border:0;font-size:12px;min-height:44px}.star-viewport{max-width:1240px;margin:0 auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#62516f #16101f}.star-map{position:relative;width:1230px;height:420px;isolation:isolate;background-image:radial-gradient(circle at 36% 12%,#d5d0e7aa 0 1px,transparent 1.5px),radial-gradient(circle at 8% 83%,#d5d0e788 0 1px,transparent 1.5px),radial-gradient(circle at 66% 80%,#d5d0e777 0 1px,transparent 1.5px),radial-gradient(circle at 85% 16%,#d5d0e7aa 0 1px,transparent 1.5px),radial-gradient(circle at 45% 71%,#d5d0e766 0 1px,transparent 1.5px)}.star-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:#bdacc6;stroke-width:1;opacity:.45}.star-lines .branch{stroke-dasharray:3 5}.star-lines circle{stroke:#bca6cd66;stroke-dasharray:2 7}.star-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:154px;height:156px;padding:0;background:none;border:0;color:var(--text);display:flex;align-items:center;flex-direction:column;outline-offset:8px}.star-index{font:9px/1 monospace;letter-spacing:2px;color:#b4a6bf;margin-bottom:11px}.star-node img{width:92px;height:92px;object-fit:contain;border:1px solid #aa98b859;box-shadow:0 0 0 6px #110d19;transition:transform .2s,border-color .2s}.star-dot{width:5px;height:5px;border-radius:50%;background:#b9a4c6;margin-top:12px;box-shadow:0 0 10px #cbb6db}.star-node strong{font-size:12px;font-weight:400;letter-spacing:1px;margin-top:6px}.star-node:hover img,.star-node[aria-pressed=true] img{border-color:var(--star-accent);transform:translateY(-3px);box-shadow:0 0 0 5px #130f1c,0 0 32px #ccb1e32b}.star-node[aria-pressed=true] .star-dot{background:#fff;box-shadow:0 0 15px #fff}.star-node[aria-pressed=true] strong{color:var(--star-accent)}.star-node.core img{width:108px;height:108px}.star-node.core{height:172px}.star-node.satellite{height:115px}.star-node.satellite img{width:62px;height:62px}.star-node.satellite .star-index{font-size:8px;margin-bottom:6px}.star-node.satellite .star-dot{margin-top:7px}.record-detail{max-width:1168px;margin:8px auto 48px;display:grid;grid-template-columns:290px 1fr;background:#1b1422;border:1px solid #ffffff17;--record-accent:#dfc5e8}.record-art{padding:22px;background:#ffffff03;display:grid;place-items:center}.record-art img{width:100%;max-width:246px;aspect-ratio:1;object-fit:contain;box-shadow:0 12px 28px #0004}.record-copy{padding:28px 38px;display:flex;flex-direction:column;justify-content:center}.record-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--record-accent);font:10px monospace;letter-spacing:2px}.record-controls{display:flex;gap:7px}.record-controls button{background:none;border:1px solid #ffffff24;color:#ddd1e7;width:36px;min-height:36px;font-size:18px}.record-copy h2{font:400 34px/1.4 Georgia,'Noto Serif TC',serif;letter-spacing:2px;margin:7px 0 3px}.record-english{font:10px/1.5 monospace;letter-spacing:2px;color:#aa9cb5}.record-description{max-width:510px;color:#bfb4c9;font-size:14px;line-height:1.85;margin:17px 0}.record-bottom{display:flex;align-items:center;gap:20px;margin-top:5px}.record-bottom a{background:#e0d3e8;color:#211627;border:0;font-size:13px;padding:12px 18px}.record-bottom span{font-size:10px;color:#ad9cba}.maker-heading{max-width:1168px;margin:0 auto;padding:48px 0 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.maker-heading h2{font:400 28px/1.5 Georgia,'Noto Serif TC',serif;letter-spacing:2px;margin:5px 0}.maker-heading p{font-size:13px;color:var(--muted)}.editor{padding-top:24px}.editor h1{font-size:26px}.poster-source-label{display:block;margin-bottom:10px;font-size:15px}.universe-select{margin-bottom:8px}.source-hint{font-size:12px;color:var(--muted)}.preview-panel{margin-top:24px}.music h2{font-size:18px}.editor>fieldset:first-of-type{margin-top:18px}
.record-art img{height:auto}.record-controls button{width:auto;padding:6px 10px;font-size:11px}
@media(max-width:760px){header{height:68px;padding:0 20px}.header-nav{gap:17px;font-size:12px}.header-nav .textlink{display:none}.atlas-intro{display:block;padding:36px 24px 0}.atlas h1{font-size:46px;margin-top:16px}.atlas-subtitle{font-size:9px;letter-spacing:.27em}.atlas-lede{margin:24px 0 0;max-width:100%;font-size:13px}.atlas-lede strong{font-size:15px;margin-bottom:5px}.map-toolbar{padding:14px 24px 0;margin-top:28px}.map-toolbar span{font-size:9px;letter-spacing:.3px}.star-map{height:405px}.record-detail{margin:22px 20px 30px;grid-template-columns:104px minmax(0,1fr);padding:18px;gap:18px}.record-art{padding:0;background:none;align-self:start}.record-copy{padding:0;display:contents}.record-top{align-self:start;letter-spacing:1px;flex-wrap:wrap;gap:12px;grid-column:2;grid-row:1;align-content:start}.record-controls button{min-height:40px}.record-copy h2{grid-column:1/-1;font-size:27px;margin:0}.record-english{grid-column:1/-1;margin-top:-14px}.record-description{grid-column:1/-1;margin:0;font-size:13px}.record-bottom{grid-column:1/-1;flex-wrap:wrap;gap:12px;margin:0}.record-bottom a{flex:1;text-align:center;white-space:nowrap}.record-bottom span{font-size:9px}.maker-heading{margin:0 22px;padding:32px 0 16px;display:block}.maker-heading h2{font-size:25px}.maker-heading .eyebrow{font-size:9px}.maker-heading p{font-size:12px}.editor{padding-top:6px}.preview-panel{margin-top:0}.star-viewport{mask-image:linear-gradient(to right,#000 94%,transparent)}.header-name{display:none}}
