html[data-stellar-wave="true"],html[data-stellar-wave="true"] body{margin:0;background:#03060d;color:#e9e6dc;overflow:hidden;color-scheme:dark}
html[data-stellar-wave="true"] body>.app,html[data-stellar-wave="true"] body>.skip{display:none!important}
#stellar-wave{position:fixed;inset:0;isolation:isolate;overflow:clip;background:#03060d;color:#e9e6dc;font-family:"Daguan Serif","Songti SC",serif;font-weight:300;--sw-muted:#b1b5c3;--sw-rule:rgba(207,215,238,.18)}
#stellar-wave *{box-sizing:border-box}
#stellar-wave button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0;box-shadow:none;letter-spacing:.06em;background:transparent;-webkit-tap-highlight-color:transparent}
#stellar-wave button:focus-visible,#stellar-wave a:focus-visible{outline:1px solid #d7e2ff;outline-offset:5px}
#stellar-wave [hidden]{display:none!important}
#stellar-wave .sw-nebula{position:absolute;inset:-3%;z-index:-3;background:url('assets/stellar-wave-nebula.png') center/cover no-repeat;opacity:.83;transform:translate3d(var(--sw-px,0px),var(--sw-py,0px),0) scale(1.025);transition:transform 1.4s ease-out;will-change:transform}
#stellar-wave .sw-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(2,4,11,.8),transparent 32%,transparent 70%,rgba(1,3,9,.22)),radial-gradient(ellipse at 12% 29%,rgba(0,2,8,.48),transparent 60%);pointer-events:none}
#stellar-wave .sw-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block;touch-action:pan-y}
#stellar-wave .sw-header{position:absolute;top:30px;left:42px;right:40px;display:flex;justify-content:space-between;align-items:center;gap:18px}
#stellar-wave .sw-brand{font-size:23px;letter-spacing:.32em;padding:8px 0;white-space:nowrap}
#stellar-wave .sw-top-controls{display:flex;align-items:center;gap:26px;font:12px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--sw-muted)}
#stellar-wave .sw-top-controls button{min-height:44px;padding:8px 0}
#stellar-wave .sw-top-controls button:hover{color:#fff}
#stellar-wave .sw-preview{font-size:10px;letter-spacing:.18em;opacity:.7}
#stellar-wave .sw-hero{position:absolute;top:20%;left:7.4%;max-width:65%;pointer-events:none}
#stellar-wave .sw-eyebrow{font:10px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.3em;color:#a4aebf;margin:0 0 19px}
#stellar-wave h1{font:300 clamp(28px,3.6vw,54px)/1.35 "Daguan Serif","Songti SC",serif;letter-spacing:.19em;margin:0;text-shadow:0 2px 24px #000}
#stellar-wave .sw-copy{font-size:12px;line-height:1.9;letter-spacing:.15em;color:#b2b7c2;margin:24px 0 0;padding-top:16px;position:relative}
#stellar-wave .sw-copy:before{content:"";position:absolute;top:0;left:0;width:40px;height:1px;background:#a2a7b7;opacity:.5}
#stellar-wave .sw-beacons{position:absolute;inset:0;pointer-events:none}
#stellar-wave .sw-beacon{position:absolute;transform:translate(-50%,0);padding:0 10px 10px;min-width:52px;pointer-events:auto;text-align:center;text-shadow:0 2px 12px #000;font-size:13px;letter-spacing:.2em}
#stellar-wave .sw-beacon:before{content:"";display:block;margin:0 auto 10px;width:1px;height:34px;background:linear-gradient(transparent,rgba(226,218,203,.5))}
#stellar-wave .sw-beacon:after{content:"";position:absolute;width:3px;height:3px;top:32px;left:calc(50% - 1.5px);background:#eee7d9;border-radius:50%;box-shadow:0 0 10px rgba(219,224,255,.75)}
#stellar-wave .sw-beacon[aria-pressed="true"]{color:#fff}
#stellar-wave .sw-beacon:hover{color:#fff;text-shadow:0 0 20px #a9bdf2}
#stellar-wave .sw-selection{position:absolute;right:5.2%;top:25%;width:255px;padding:15px 0 10px 22px;border-left:1px solid var(--sw-rule);background:linear-gradient(90deg,rgba(4,7,16,.56),transparent);text-shadow:0 2px 12px #000}
#stellar-wave .sw-selection-label{font-size:12px;color:var(--sw-muted);letter-spacing:.2em;margin:0 0 12px}
#stellar-wave .sw-story{display:block;width:100%;padding:13px 0;text-align:left;font-size:15px;line-height:1.6;border-bottom:1px solid rgba(198,211,238,.1)}
#stellar-wave .sw-story span{display:block;font:10px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#9ca7bc;letter-spacing:.08em;margin-top:5px}
#stellar-wave .sw-story:hover{color:#fff}
#stellar-wave .sw-footer{position:absolute;bottom:25px;left:5.2%;right:5.2%;display:grid;gap:13px}
#stellar-wave .sw-periods{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:9px 0;border-top:1px solid var(--sw-rule)}
#stellar-wave .sw-periods button{font-size:12px;min-height:40px;min-width:46px;padding:8px 12px;color:#939db1;position:relative;white-space:nowrap}
#stellar-wave .sw-periods button[aria-pressed="true"]{color:#f3eadb}
#stellar-wave .sw-periods button[aria-pressed="true"]:before{content:"";position:absolute;left:50%;top:-10px;width:24px;height:1px;transform:translateX(-50%);background:#e7e2d7;box-shadow:0 0 12px #bcc4dc}
#stellar-wave .sw-footline{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.08em;color:#818ca3}
#stellar-wave .sw-footline p{margin:0}
#stellar-wave .sw-reader{color:#e5e4df;background:#080d18;border:1px solid rgba(186,203,241,.2);border-radius:2px;padding:0;width:min(620px,calc(100% - 30px));max-width:none;max-height:min(80dvh,780px);margin:auto;box-shadow:0 25px 100px #000a;overflow:auto}
#stellar-wave .sw-reader::backdrop{background:rgba(1,3,10,.6);backdrop-filter:blur(9px)}
#stellar-wave .sw-reader-top{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#080d18;padding:16px 26px;border-bottom:1px solid var(--sw-rule);font:11px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#a8b2c9}
#stellar-wave .sw-reader-close{min-width:44px;min-height:44px;font-size:13px}
#stellar-wave .sw-reading{padding:30px 38px 40px}
#stellar-wave .sw-reading h2{font:300 29px/1.5 "Daguan Serif","Songti SC",serif;letter-spacing:.05em;color:#f0eadf;margin:9px 0 14px}
#stellar-wave .sw-date{font-size:12px;color:#9eabc1}
#stellar-wave .sw-reading p{font-size:15px;line-height:2.05;margin:16px 0;color:#c5cbd4;overflow-wrap:anywhere}
#stellar-wave .sw-reading summary{font-size:12px;line-height:1.8;color:#aeb9cf;cursor:pointer;padding:18px 0 3px}
#stellar-wave .sw-reading .sw-source-note{font:12px/1.9 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#929fb6}
#stellar-wave .sw-reading a{color:#becdf0;text-underline-offset:4px;overflow-wrap:anywhere}
#stellar-wave .sw-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#stellar-wave.sw-paused .sw-nebula{transition:none;will-change:auto}
@media(max-width:700px){#stellar-wave .sw-header{top:15px;left:22px;right:18px}#stellar-wave .sw-brand{font-size:20px}#stellar-wave .sw-top-controls{gap:16px;font-size:11px}#stellar-wave .sw-preview{display:none}#stellar-wave .sw-hero{left:8%;top:18%;max-width:86%}#stellar-wave h1{font-size:32px}#stellar-wave .sw-eyebrow{font-size:9px;margin-bottom:14px}#stellar-wave .sw-copy{font-size:11px;margin-top:18px;padding-top:13px}#stellar-wave .sw-beacon{font-size:11px;padding-inline:6px;min-width:46px}#stellar-wave .sw-beacon:before{height:24px;margin-bottom:8px}#stellar-wave .sw-beacon:after{top:22px}#stellar-wave .sw-footer{left:6%;right:6%;bottom:max(15px,env(safe-area-inset-bottom))}#stellar-wave .sw-periods{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:4px 0}#stellar-wave .sw-periods button{font-size:11px;min-height:44px;padding:7px 4px}#stellar-wave .sw-periods button[aria-pressed="true"]:before{top:3px;width:12px}#stellar-wave .sw-footline{font-size:9px;display:block;text-align:center}#stellar-wave .sw-footline p+p{display:none}#stellar-wave .sw-selection{top:auto;bottom:150px;left:8%;right:8%;width:auto;padding:10px 14px;background:rgba(4,7,16,.83);backdrop-filter:blur(8px)}#stellar-wave .sw-selection-label{font-size:10px;margin-bottom:4px}#stellar-wave .sw-story{padding:8px 0;font-size:13px}#stellar-wave .sw-story span{display:none}#stellar-wave .sw-reading{padding:24px}#stellar-wave .sw-reading h2{font-size:23px}#stellar-wave .sw-reader-top{padding:10px 20px}}
@media(max-height:520px) and (min-width:701px){#stellar-wave .sw-header{top:10px}#stellar-wave .sw-hero{top:22%;left:6%}#stellar-wave h1{font-size:30px}#stellar-wave .sw-copy,#stellar-wave .sw-eyebrow{display:none}#stellar-wave .sw-footer{bottom:10px;gap:1px}#stellar-wave .sw-selection{top:20%;width:235px}#stellar-wave .sw-story{padding:7px 0}}
@media(prefers-reduced-motion:reduce){#stellar-wave .sw-nebula{transition:none;will-change:auto}}

#stellar-wave .sw-hint-mobile{display:none}
@media(max-width:700px){#stellar-wave .sw-hint-desktop{display:none}#stellar-wave .sw-hint-mobile{display:inline}}
@media(max-height:500px) and (min-width:500px){#stellar-wave .sw-header{top:8px;left:25px;right:25px}#stellar-wave .sw-hero{top:26%;left:6%}#stellar-wave h1{font-size:28px}#stellar-wave .sw-eyebrow,#stellar-wave .sw-copy,#stellar-wave .sw-beacons{display:none}#stellar-wave .sw-footer{bottom:9px;gap:0}#stellar-wave .sw-periods{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}#stellar-wave .sw-periods button{font-size:9px;padding-inline:1px;min-width:0;min-height:36px}#stellar-wave .sw-selection{top:74px;bottom:auto;left:auto;right:5%;width:215px;padding:8px 12px}#stellar-wave .sw-story{font-size:12px;padding:6px 0}#stellar-wave .sw-story span{display:none}#stellar-wave .sw-selection-label{font-size:10px}}

/* Give the stellar structure the visual weight; interface stays at its edges. */
#stellar-wave .sw-nebula{opacity:.68;filter:saturate(.86)}
#stellar-wave .sw-shade{background:linear-gradient(0deg,rgba(2,4,11,.88),transparent 28%,transparent 75%,rgba(1,3,9,.18)),radial-gradient(ellipse at 16% 30%,rgba(0,2,8,.34),transparent 63%)}
#stellar-wave .sw-header{top:25px}
#stellar-wave .sw-brand{font-size:21px}
#stellar-wave .sw-top-controls{font-size:11px;color:#9ba7b9;gap:24px}
#stellar-wave .sw-hero{top:17%;left:6.3%}
#stellar-wave h1{font-size:clamp(26px,2.4vw,37px);letter-spacing:.23em;line-height:1.55}
#stellar-wave .sw-eyebrow{font-size:10px;letter-spacing:.22em;margin-bottom:12px;color:#8996ae}
#stellar-wave .sw-copy{font-size:11px;letter-spacing:.12em;margin-top:17px;color:#a3adbd;padding-top:14px}
#stellar-wave .sw-copy:before{width:23px;opacity:.35}
#stellar-wave .sw-footer{bottom:22px;left:7%;right:7%;gap:8px}
#stellar-wave .sw-periods{border-top:0;padding:4px 0}
#stellar-wave .sw-periods button{font-size:11px;color:#8290a5;letter-spacing:.13em}
#stellar-wave .sw-periods button[aria-pressed="true"]:before{top:1px;width:12px;background:#e4d9c7}
#stellar-wave .sw-footline{color:#758297;font-size:10px;opacity:.85}
#stellar-wave .sw-story-star{position:absolute;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);pointer-events:auto;text-align:left;outline-offset:1px}
#stellar-wave .sw-story-star:before{content:"";position:absolute;inset:6px;border:1px solid rgba(225,222,211,.48);border-radius:50%;opacity:0;transform:scale(.7);transition:opacity .3s,transform .3s}
#stellar-wave .sw-story-star:hover:before,#stellar-wave .sw-story-star:focus-visible:before{opacity:.9;transform:scale(1)}
#stellar-wave .sw-star-label{position:absolute;left:33px;top:13px;min-width:130px;color:#ccc9c1;text-shadow:0 2px 12px #000,0 0 24px #02040a;pointer-events:none;opacity:.8;transition:opacity .3s}
#stellar-wave .sw-star-label strong{display:block;font-size:12px;font-weight:300;line-height:1.7;letter-spacing:.09em}
#stellar-wave .sw-star-label small{display:block;font:9px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#8793a9;letter-spacing:.08em;margin-top:3px;opacity:0;transition:opacity .3s}
#stellar-wave .sw-story-star[data-side="left"] .sw-star-label{left:auto;right:33px;text-align:right}
#stellar-wave .sw-story-star:hover .sw-star-label,#stellar-wave .sw-story-star:focus-visible .sw-star-label{opacity:1}
#stellar-wave .sw-story-star:hover small,#stellar-wave .sw-story-star:focus-visible small{opacity:1}
#stellar-wave .sw-selection{right:5%;top:27%;width:250px;background:linear-gradient(90deg,rgba(2,4,11,.78),rgba(2,4,11,.22));border-color:rgba(205,207,217,.13)}
#stellar-wave[data-reading="true"] .sw-selection{visibility:hidden}
#stellar-wave .sw-reader{position:fixed;inset:50% 4% auto auto;transform:translateY(-50%);margin:0;width:min(460px,42vw);max-height:84dvh;background:linear-gradient(115deg,#101520,#080c14);border:0;border-left:1px solid rgba(198,193,180,.32);box-shadow:-24px 0 100px rgba(0,0,0,.18)}
#stellar-wave .sw-reader::backdrop{background:linear-gradient(90deg,rgba(0,2,8,.08),rgba(0,2,8,.46));backdrop-filter:none}
#stellar-wave .sw-reader-top{background:#10141e;border-color:rgba(195,198,212,.13);font-size:11px;padding:13px 26px}
#stellar-wave .sw-reading{padding:27px 32px 35px}
#stellar-wave .sw-reading h2{font-size:27px}
#stellar-wave .sw-reading p{font-size:14px;line-height:2.05}
@media(max-width:700px){
  #stellar-wave .sw-header{top:16px;left:22px;right:20px}
  #stellar-wave .sw-brand{font-size:19px}
  #stellar-wave .sw-top-controls{gap:16px;font-size:11px}
  #stellar-wave .sw-hero{left:8%;top:15%}
  #stellar-wave h1{font-size:27px;letter-spacing:.16em}
  #stellar-wave .sw-eyebrow{font-size:9px}
  #stellar-wave .sw-copy{font-size:10px}
  #stellar-wave .sw-footer{left:5%;right:5%;bottom:max(14px,env(safe-area-inset-bottom));gap:4px}
  #stellar-wave .sw-periods button{font-size:10px;min-height:44px;padding:7px 3px;letter-spacing:.03em}
  #stellar-wave .sw-footline{font-size:9px}
  #stellar-wave .sw-star-label{left:27px;top:16px;min-width:90px;opacity:0}
  #stellar-wave .sw-star-label strong{font-size:11px}
  #stellar-wave .sw-star-label small{display:none}
  #stellar-wave .sw-story-star[data-story-star="STORY-08"] .sw-star-label{opacity:.9}
  #stellar-wave .sw-story-star:hover .sw-star-label,#stellar-wave .sw-story-star:focus-visible .sw-star-label{opacity:1}
  #stellar-wave .sw-selection{left:8%;right:8%;top:auto;bottom:156px;width:auto;background:rgba(5,8,16,.9);border-color:rgba(205,207,217,.15)}
  #stellar-wave .sw-reader{inset:50% auto auto 5%;width:90%;max-height:84dvh}
  #stellar-wave .sw-reader::backdrop{background:rgba(0,2,8,.65);backdrop-filter:blur(4px)}
  #stellar-wave .sw-reading{padding:23px 25px 30px}
  #stellar-wave .sw-reading h2{font-size:24px}
}
@media(max-height:500px) and (min-width:500px){
  #stellar-wave .sw-header{top:8px;left:25px;right:25px}
  #stellar-wave .sw-hero{top:26%;left:6%}
  #stellar-wave h1{font-size:24px}
  #stellar-wave .sw-footer{bottom:9px;gap:0}
  #stellar-wave .sw-periods button{font-size:9px;min-height:36px}
  #stellar-wave .sw-selection{top:70px;left:auto;right:5%;bottom:auto;width:215px}
  #stellar-wave .sw-reader{width:55%;inset:50% 3% auto auto;max-height:91dvh}
}
@media(prefers-reduced-motion:reduce){#stellar-wave .sw-story-star:before,#stellar-wave .sw-star-label,#stellar-wave .sw-star-label small{transition:none}}

#stellar-wave .sw-hint-landscape{display:none}
@media(max-height:500px) and (min-width:500px){#stellar-wave .sw-hint-mobile,#stellar-wave .sw-hint-desktop{display:none}#stellar-wave .sw-hint-landscape{display:inline}}
/* Approach and material encounter stay in the same scene. */
#stellar-wave{--sw-progress:0;--sw-flash:0}
#stellar-wave .sw-header{z-index:8}
#stellar-wave .sw-hero,#stellar-wave .sw-footer,#stellar-wave .sw-selection{z-index:3}
#stellar-wave .sw-beacons{z-index:3}
#stellar-wave .sw-canvas{outline:none}
#stellar-wave .sw-canvas:focus-visible{outline:1px solid #7d94ab;outline-offset:-5px}
#stellar-wave .sw-culture-host{position:absolute;inset:0;z-index:1;pointer-events:none}
#stellar-wave .sw-nebula{opacity:calc(.68 - var(--sw-progress)*.34)}
#stellar-wave .sw-arrival-light{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,#b9a67b,transparent 54%),radial-gradient(ellipse at 50% 50%,#29434f,transparent 78%);opacity:var(--sw-flash)}
#stellar-wave .sw-return{color:#ddd5bf}
#stellar-wave .sw-over-star{cursor:pointer}
#stellar-wave.sw-over-star .sw-canvas{cursor:pointer}
#stellar-wave button:active{opacity:.7}
#stellar-wave .sw-era-all{font:10px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#a9b7c3;padding:14px 0 4px;text-align:left}
#stellar-wave .sw-hover{position:absolute;z-index:6;width:265px;padding:11px 16px;border-left:1px solid #9babb6;background:linear-gradient(90deg,#080f19ee,#080f1988);pointer-events:none;box-shadow:0 0 30px #02040c66}
#stellar-wave .sw-hover span{display:block;font:9px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#9aa8ba;letter-spacing:.1em}
#stellar-wave .sw-hover strong{display:block;font-size:15px;font-weight:400;line-height:1.65;color:#e6dfce;margin:5px 0;max-height:3.3em;overflow:hidden}
#stellar-wave .sw-hover small{font-size:10px;color:#97a7b6}
#stellar-wave .sw-pulse{position:absolute;width:55px;height:55px;pointer-events:none;z-index:5;border:1px solid #bdc9d3;border-radius:50%;transform:translate(-50%,-50%)}
#stellar-wave .sw-ring{animation:sw-click-wave 1.4s ease-out forwards}
@keyframes sw-click-wave{from{transform:translate(-50%,-50%) scale(.1);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}
#stellar-wave .sw-feedback{position:absolute;bottom:20%;width:100%;text-align:center;padding:0 25px;pointer-events:none;z-index:5;font-size:12px;color:#c6cdd1;letter-spacing:.1em;text-shadow:0 1px 12px #000}
#stellar-wave .sw-voyage{position:absolute;z-index:4;left:12%;right:12%;bottom:8%;text-align:center;pointer-events:none;text-shadow:0 2px 25px #000;opacity:calc(1 - var(--sw-progress)*.3)}
#stellar-wave .sw-voyage-era{font:10px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#c6bfb0;letter-spacing:.17em}
#stellar-wave .sw-voyage-name{font-size:clamp(19px,2.1vw,29px);line-height:1.7;letter-spacing:.15em;display:block;margin:7px 0;font-weight:300;color:#ddd6c8}
#stellar-wave .sw-voyage-line{font-size:11px;color:#a5b8c4;letter-spacing:.2em}
#stellar-wave .sw-voyage-progress{display:block;width:90px;margin:17px auto 0;height:1px;background:#b2bec222;position:relative}
#stellar-wave .sw-voyage-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--sw-travel,0%);background:#d4c8a8;box-shadow:0 0 8px #edddbf}
#stellar-wave .sw-encounter{position:absolute;left:7%;top:17%;z-index:4;pointer-events:none;max-width:50%;text-shadow:0 3px 24px #0009}
#stellar-wave .sw-encounter-era{font:10px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#a5afa9;letter-spacing:.19em}
#stellar-wave .sw-encounter h2{font-size:clamp(25px,3vw,43px);letter-spacing:.2em;font-weight:300;line-height:1.5;margin:10px 0}
#stellar-wave .sw-encounter-line{font-size:12px;color:#b1b9b2;letter-spacing:.1em;margin:0}
#stellar-wave .sw-explore-hint{font:9px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#869a9b;letter-spacing:.1em;margin-top:16px}
#stellar-wave .sw-reader{z-index:5;position:absolute;top:18%;right:5%;bottom:15%;left:auto;transform:none;margin:0;width:min(390px,34%);max-height:none;border:0;border-left:1px solid #a8ada629;border-radius:0;background:linear-gradient(100deg,#080e14ba,#080d149c);box-shadow:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#60727444 transparent}
#stellar-wave .sw-reader-top{padding:3px 23px;background:#080e14ee;border-bottom-color:#8f9d9c22}
#stellar-wave .sw-reading{padding:24px 26px 32px}
#stellar-wave .sw-reading h2{font-size:25px;outline:none}
#stellar-wave .sw-reading p{font-size:13px;line-height:2.15;color:#c3c9c5}
#stellar-wave .sw-reading .sw-source-note{font-size:11px}
#stellar-wave .sw-journey-dock{position:absolute;left:7%;right:5%;bottom:6%;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#bbc5c2}
#stellar-wave .sw-journey-dock button{min-height:44px;padding:7px 10px;border-top:1px solid #b7c8b333;letter-spacing:.1em}
#stellar-wave .sw-journey-dock button:hover{border-color:#d9d5c2;color:#f1eadb}
#stellar-wave .sw-material-note{position:absolute;z-index:7;left:7%;bottom:16%;width:min(390px,39%);padding:21px 25px;background:linear-gradient(125deg,#152322ef,#071015ef);border-left:1px solid #9da99a8c;box-shadow:0 18px 60px #0006}
#stellar-wave .sw-material-note button{position:absolute;right:8px;top:5px;width:35px;height:35px;font-size:19px;color:#aaa}
#stellar-wave .sw-material-note h3{font-size:20px;font-weight:400;letter-spacing:.12em;margin:0 20px 10px 0}
#stellar-wave .sw-material-note p{font-size:12px;line-height:1.9;color:#b2c1ba;margin:0}
#stellar-wave .sw-atlas{width:min(660px,92%);max-height:84dvh;overflow:auto;padding:30px 35px;background:#0a121bef;border:1px solid #adbbb533;color:#e8e6dd;box-shadow:0 25px 100px #000a;scrollbar-width:thin;scrollbar-color:#56666f66 transparent}
#stellar-wave .sw-atlas::backdrop{background:#0008;backdrop-filter:blur(6px)}
#stellar-wave .sw-atlas header{display:flex;align-items:center;justify-content:space-between}
#stellar-wave .sw-atlas header span{font-size:10px;letter-spacing:.14em;color:#9ba9b0}
#stellar-wave .sw-atlas h2{font-size:27px;font-weight:300;letter-spacing:.13em;margin:10px 0 25px}
#stellar-wave .sw-atlas-close{min-width:44px;min-height:44px;font-size:25px}
#stellar-wave .sw-atlas-search{display:block;color:#919eac;font-size:11px}
#stellar-wave .sw-atlas input{display:block;width:100%;border:0;border-bottom:1px solid #bbc7cc55;border-radius:0;background:transparent;font:16px/1.5 "Daguan Serif","Songti SC",serif;color:#e1e3dc;padding:13px 0;outline:none;letter-spacing:.06em;margin-bottom:17px}
#stellar-wave .sw-atlas input:focus{border-color:#d8cab0}
#stellar-wave .sw-atlas-scopes{display:flex;gap:18px;font-size:11px}
#stellar-wave .sw-atlas-scopes button{min-height:38px;color:#919eac;border-bottom:1px solid transparent}
#stellar-wave .sw-atlas-scopes [aria-pressed="true"]{color:#ded8c5;border-bottom-color:#b4b8a6}
#stellar-wave .sw-research-era{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:12px;color:#b9c0bc}
#stellar-wave .sw-research-era select{min-width:0;flex:1;min-height:44px;padding:8px 12px;border:1px solid #adbbb544;border-radius:3px;background:#101c27;color:#e8e6dd;font:inherit}
#stellar-wave .sw-research-era select:focus-visible{outline:1px solid #d8cab0;outline-offset:3px}
#stellar-wave .sw-research-note{font:11px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#a2b0b9;margin:12px 0}
#stellar-wave .sw-research-era[hidden],#stellar-wave .sw-research-note[hidden]{display:none}
#stellar-wave .sw-atlas-count{font:10px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#8996a2}
#stellar-wave .sw-atlas-results{display:grid}
#stellar-wave .sw-atlas-results button{display:block;text-align:left;padding:15px 0;border-bottom:1px solid #9cabab22}
#stellar-wave .sw-atlas-results button:hover{background:#63788518;padding-left:10px}
#stellar-wave .sw-atlas-results strong{display:block;font-size:16px;font-weight:400;line-height:1.65}
#stellar-wave .sw-atlas-results span{display:block;font:10px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#98a7b2;margin-top:5px}
#stellar-wave .sw-more{padding:20px;width:100%;font-size:12px}
@media(max-width:700px){
 #stellar-wave .sw-top-controls{gap:14px;font-size:10px}
 #stellar-wave .sw-fullscreen{display:none}
 #stellar-wave .sw-selection{bottom:160px}
 #stellar-wave .sw-era-all{font-size:9px;padding:8px 0 0}
 #stellar-wave .sw-hover{width:260px}
 #stellar-wave .sw-encounter{left:8%;top:13%;max-width:86%}
 #stellar-wave .sw-encounter h2{font-size:29px;letter-spacing:.16em;margin:7px 0}
 #stellar-wave .sw-encounter-line{font-size:11px}
 #stellar-wave .sw-encounter-era{font-size:9px}
 #stellar-wave .sw-explore-hint{font-size:9px;margin-top:12px}
 #stellar-wave .sw-reader{inset:auto 4% 12% 4%;width:92%;max-height:47dvh;min-height:0;background:#091319f7;border:1px solid #9aaba733;box-shadow:0 15px 60px #0009}
 #stellar-wave .sw-reader-top{padding:1px 17px}
 #stellar-wave .sw-reading{padding:20px}
 #stellar-wave .sw-reading h2{font-size:23px}
 #stellar-wave .sw-journey-dock{left:7%;right:7%;bottom:max(3%,env(safe-area-inset-bottom));font-size:10px;gap:8px}
 #stellar-wave .sw-journey-dock button{padding:6px;min-height:44px}
 #stellar-wave .sw-material-note{left:5%;bottom:12%;width:90%;max-height:32%;overflow:auto;padding:20px}
 #stellar-wave .sw-material-note h3{font-size:18px}
 #stellar-wave .sw-material-note p{font-size:11px}
 #stellar-wave .sw-voyage{bottom:13%;left:8%;right:8%}
 #stellar-wave .sw-voyage-name{font-size:23px}
 #stellar-wave .sw-atlas{padding:24px 20px;max-height:88dvh}
}
@media(max-height:500px) and (min-width:500px){
 #stellar-wave .sw-encounter{top:22%;left:5%}
 #stellar-wave .sw-encounter h2{font-size:23px}
 #stellar-wave .sw-encounter-line,#stellar-wave .sw-explore-hint{display:none}
 #stellar-wave .sw-reader{top:20%;bottom:20%;left:auto;right:3%;width:43%;max-height:none}
 #stellar-wave .sw-reader-top{padding-inline:12px}
 #stellar-wave .sw-reading{padding:15px}
 #stellar-wave .sw-reading h2{font-size:19px}
 #stellar-wave .sw-journey-dock{bottom:3%}
 #stellar-wave .sw-material-note{bottom:19%;left:5%;width:43%;max-height:50%;padding:15px}
 #stellar-wave .sw-voyage{bottom:13%}
 #stellar-wave .sw-voyage-name{font-size:22px}
}
@media(prefers-reduced-motion:reduce){#stellar-wave .sw-ring{animation:none;opacity:.55}#stellar-wave .sw-arrival-light{display:none}}

#stellar-wave[data-phase="arrived"] .sw-culture-host{pointer-events:auto}

/* Let the object arrive before the reading interface asks for attention. */
#stellar-wave[data-phase="arrived"] .sw-encounter,
#stellar-wave[data-phase="arrived"] .sw-journey-dock{animation:sw-encounter-in 1.1s ease-out both}
#stellar-wave[data-phase="arrived"] .sw-journey-dock{animation-delay:.3s}
#stellar-wave .sw-reader:not([hidden]){animation:sw-reading-in .55s ease-out both}
@keyframes sw-encounter-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes sw-reading-in{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}
@media(max-width:700px){
 #stellar-wave .sw-voyage{bottom:9%}
 #stellar-wave .sw-voyage-name{font-size:21px}
}
@media(max-height:500px) and (min-width:500px){
 #stellar-wave .sw-voyage{bottom:8%}
 #stellar-wave .sw-voyage-name{font-size:20px;margin:4px 0}
 #stellar-wave .sw-voyage-progress{margin-top:10px}
}
#stellar-wave.sw-paused .sw-encounter,#stellar-wave.sw-paused .sw-journey-dock,#stellar-wave.sw-paused .sw-reader{animation:none}
@media(prefers-reduced-motion:reduce){
 #stellar-wave .sw-encounter,#stellar-wave .sw-journey-dock,#stellar-wave .sw-reader{animation:none!important}
}

/* One scene, three attention levels: travel, object, then reading. */
#stellar-wave{--sw-focus:0}
#stellar-wave .sw-focus-veil{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--sw-focus);background:radial-gradient(ellipse at 50% 50%,#010409df 8%,#02060aad 29%,transparent 65%)}
#stellar-wave .sw-reading-veil{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#02060a45,#02060ac4);transition:opacity 1s ease}
#stellar-wave .sw-nebula{opacity:calc(.68 - var(--sw-progress)*.12);transition:opacity 1.2s ease,filter 1.2s ease,transform 1.4s ease-out}
#stellar-wave .sw-canvas{transition:opacity 1s ease}
#stellar-wave[data-stage="reading"] .sw-reading-veil{opacity:1}
#stellar-wave[data-stage="reading"] .sw-nebula{opacity:.19;filter:saturate(.55) blur(1px)}
#stellar-wave[data-stage="reading"] .sw-canvas{opacity:.16}
#stellar-wave .sw-encounter{top:12%;left:7%;max-width:42%;animation:none!important;transition:opacity .8s ease}
#stellar-wave .sw-encounter h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:.17em;line-height:1.5;margin:7px 0}
#stellar-wave .sw-encounter-era{font-size:9px;letter-spacing:.13em;margin:0 0 8px}
#stellar-wave .sw-encounter-line,#stellar-wave .sw-explore-hint{display:none}
#stellar-wave[data-stage="travel"] .sw-encounter{opacity:.5}
#stellar-wave[data-stage="emerging"] .sw-encounter{opacity:.72}
#stellar-wave[data-stage="reading"] .sw-encounter{opacity:.16}
#stellar-wave .sw-voyage{bottom:8%;left:20%;right:20%;opacity:calc(.8 - var(--sw-progress)*.25)}
#stellar-wave .sw-voyage-era,#stellar-wave .sw-voyage-name{display:none}
#stellar-wave .sw-voyage-line{font-size:10px;letter-spacing:.24em;margin:0}
#stellar-wave .sw-voyage-progress{width:58px;margin-top:13px;opacity:.6}
#stellar-wave .sw-journey-dock{left:50%;right:auto;bottom:5%;width:min(420px,86%);transform:translateX(-50%);gap:30px;justify-content:center;font-size:11px;animation:sw-encounter-in 1.2s ease-out both;animation-delay:.6s}
#stellar-wave .sw-journey-dock button{padding:9px 4px;min-height:44px;white-space:nowrap;border:0;color:#889997;font-size:10px}
#stellar-wave .sw-journey-dock .sw-read-toggle{color:#e1d6bd;font-size:12px;letter-spacing:.18em;position:relative;padding-inline:15px}
#stellar-wave .sw-read-toggle:before{content:"";position:absolute;top:0;left:calc(50% - 16px);width:32px;height:1px;background:#b7af8b66}
#stellar-wave .sw-journey-dock button:hover,#stellar-wave .sw-journey-dock [aria-expanded="true"]{color:#e3deca}
#stellar-wave[data-reading="true"] .sw-inspect-toggle,#stellar-wave[data-reading="true"] .sw-explore-toggle{display:none}
#stellar-wave .sw-neighbors{position:absolute;z-index:7;left:50%;bottom:14%;width:min(355px,88%);transform:translateX(-50%);padding:24px 24px 15px;background:#0b141aee;border:1px solid #96a4a12a;backdrop-filter:blur(15px);text-align:center;box-shadow:0 20px 60px #0006}
#stellar-wave .sw-neighbors p{font-size:11px;color:#93a4a8;letter-spacing:.12em;margin:0 0 13px}
#stellar-wave .sw-neighbors .sw-prev,#stellar-wave .sw-neighbors .sw-next{min-height:44px;margin:0 12px;color:#d4d6c9;font-size:12px}
#stellar-wave .sw-neighbors-close{position:absolute;top:0;right:0;width:38px;height:38px;color:#a4b5b4;font-size:20px}
#stellar-wave .sw-reader{top:14%;bottom:14%;right:6%;width:min(500px,44%);background:linear-gradient(110deg,#0a1017f5,#090e15ef);border-left:1px solid #afa89133;box-shadow:-40px 0 100px #03060b66}
#stellar-wave .sw-reader-top{background:#0a1017f5;padding:5px 27px}
#stellar-wave .sw-reading{padding:27px 32px 36px}
#stellar-wave .sw-reading h2{font-size:27px;line-height:1.6}
#stellar-wave .sw-reading p{font-size:14px;line-height:2.2;color:#cdd0c8}
#stellar-wave .sw-material-note{bottom:17%;left:6%;width:min(350px,32%);max-height:44%;overflow:auto;overscroll-behavior:contain;background:linear-gradient(130deg,#111b20f5,#090f15f5);border-color:#8d9b9170}
#stellar-wave .sw-material-note p{font-size:12px}
@media(max-width:700px){
 #stellar-wave .sw-encounter{left:8%;top:12%;max-width:84%}
 #stellar-wave .sw-encounter h2{font-size:26px;margin:5px 0}
 #stellar-wave .sw-encounter-era{font-size:9px}
 #stellar-wave .sw-journey-dock{bottom:max(5%,env(safe-area-inset-bottom));width:86%;gap:23px}
 #stellar-wave .sw-journey-dock .sw-read-toggle{font-size:12px;padding-inline:9px}
 #stellar-wave .sw-journey-dock button{font-size:10px}
 #stellar-wave .sw-voyage{bottom:8%;left:8%;right:8%}
 #stellar-wave .sw-voyage-line{font-size:9px}
 #stellar-wave .sw-reader{inset:15% 5% 15%;width:90%;max-height:none;background:#0a1017f7;box-shadow:0 12px 75px #0008}
 #stellar-wave .sw-reader-top{padding:4px 20px}
 #stellar-wave .sw-reading{padding:20px 24px 28px}
 #stellar-wave .sw-reading h2{font-size:24px}
 #stellar-wave .sw-reading p{font-size:13px;line-height:2.1}
 #stellar-wave .sw-material-note{left:5%;bottom:15%;width:90%;max-height:32%;padding:20px}
 #stellar-wave .sw-neighbors{bottom:15%}
}
@media(max-height:500px) and (min-width:500px){
 #stellar-wave .sw-encounter{top:20%;left:5%;max-width:28%}
 #stellar-wave .sw-encounter h2{font-size:20px}
 #stellar-wave .sw-encounter-era{font-size:8px;letter-spacing:.03em}
 #stellar-wave .sw-journey-dock{bottom:3%;gap:25px;width:65%}
 #stellar-wave .sw-reader{inset:19% 3% 19% auto;width:53%;max-height:none}
 #stellar-wave .sw-reader-top{padding:0 16px}
 #stellar-wave .sw-reading{padding:15px 20px}
 #stellar-wave .sw-reading h2{font-size:20px}
 #stellar-wave .sw-material-note{left:4%;bottom:22%;width:42%;max-height:52%;padding:17px}
 #stellar-wave .sw-neighbors{bottom:22%}
 #stellar-wave .sw-voyage{bottom:7%}
}
@media(prefers-reduced-motion:reduce){#stellar-wave .sw-nebula,#stellar-wave .sw-reading-veil,#stellar-wave .sw-encounter,#stellar-wave .sw-canvas{transition:none}}
#stellar-wave.sw-paused .sw-nebula,#stellar-wave.sw-paused .sw-reading-veil,#stellar-wave.sw-paused .sw-encounter,#stellar-wave.sw-paused .sw-canvas{transition:none}

/* The journey's captions stay at the edge of the same sky. */
#stellar-wave .sw-depth-hud{
 position:absolute;z-index:4;left:6.3%;bottom:max(36px,env(safe-area-inset-bottom,0px));
 width:min(390px,42%);pointer-events:none;color:#ded9cc;
 text-shadow:0 2px 18px #02050b,0 0 35px #02050b;
}
#stellar-wave .sw-depth-copy{max-width:100%;}
#stellar-wave .sw-depth-kicker{
 display:block;font:10px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
 letter-spacing:.19em;color:#9baebc;
}
#stellar-wave .sw-depth-title{
 margin:9px 0 7px;font:300 clamp(25px,3vw,38px)/1.45 "Daguan Serif","Songti SC",serif;
 letter-spacing:.15em;color:#e4decd;overflow-wrap:anywhere;
}
#stellar-wave .sw-depth-caption{
 margin:0;max-width:34em;font:11px/1.9 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
 letter-spacing:.06em;color:#a6b4bd;overflow-wrap:anywhere;
}
#stellar-wave .sw-depth-meter{
 position:relative;width:min(220px,68%);height:1px;margin:17px 0 8px;
 background:#94a8b12b;overflow:visible;
}
#stellar-wave .sw-depth-meter i{
 display:block;width:var(--sw-depth-travel,0%);max-width:100%;height:100%;
 background:linear-gradient(90deg,#677d8a,#c7c5b2);
 box-shadow:0 0 8px #a6b6c23d;transition:width .16s linear;
}
#stellar-wave .sw-depth-actions{display:flex;align-items:center;flex-wrap:wrap;gap:2px 24px;}
#stellar-wave .sw-depth-actions button{
 pointer-events:auto;min-height:44px;min-width:44px;padding:8px 0;
 font:11px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
 letter-spacing:.08em;color:#92a5b3;transition:color .2s ease;
}
#stellar-wave .sw-depth-actions .sw-depth-read{color:#d9d1bc;}
#stellar-wave .sw-depth-actions button:hover,
#stellar-wave .sw-depth-actions button:focus-visible{color:#f2ebd9;}
#stellar-wave .sw-depth-actions button:disabled{opacity:.35;cursor:default;}
#stellar-wave[data-depth="true"] .sw-hero,
#stellar-wave[data-depth="true"] .sw-region-legend,
#stellar-wave[data-depth="true"] .sw-footer,
#stellar-wave[data-depth="true"] .sw-beacons{
 visibility:hidden;opacity:0;pointer-events:none;
}
#stellar-wave[data-depth="true"] .sw-beacons button{pointer-events:none;}
#stellar-wave[data-reading="true"] .sw-depth-hud,
#stellar-wave[data-region-reading="true"] .sw-depth-hud,
#stellar-wave[data-phase]:not([data-phase="overview"]) .sw-depth-hud{
 visibility:hidden;pointer-events:none;
}
#stellar-wave[data-reading="true"] .sw-depth-actions button,
#stellar-wave[data-region-reading="true"] .sw-depth-actions button,
#stellar-wave[data-phase]:not([data-phase="overview"]) .sw-depth-actions button{pointer-events:none;}
@media(max-width:700px){
 #stellar-wave .sw-depth-hud{left:7%;right:7%;bottom:max(18px,env(safe-area-inset-bottom,0px));width:auto;}
 #stellar-wave .sw-depth-title{font-size:28px;letter-spacing:.13em;margin:7px 0 6px;}
 #stellar-wave .sw-depth-kicker{font-size:9px;letter-spacing:.14em;}
 #stellar-wave .sw-depth-caption{font-size:10px;max-width:31em;line-height:1.8;}
 #stellar-wave .sw-depth-meter{margin-top:13px;width:150px;}
 #stellar-wave .sw-depth-actions{gap:2px 26px;}
 #stellar-wave .sw-depth-actions button{font-size:10px;}
}
@media(max-height:500px) and (min-width:500px){
 #stellar-wave .sw-depth-hud{left:5%;right:auto;bottom:max(12px,env(safe-area-inset-bottom,0px));width:min(340px,47%);}
 #stellar-wave .sw-depth-title{font-size:24px;letter-spacing:.1em;margin:4px 0;}
 #stellar-wave .sw-depth-kicker{font-size:8px;line-height:1.7;}
 #stellar-wave .sw-depth-caption{font-size:9px;line-height:1.7;}
 #stellar-wave .sw-depth-meter{margin:10px 0 3px;width:140px;}
 #stellar-wave .sw-depth-actions button{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){
 #stellar-wave .sw-depth-meter i,#stellar-wave .sw-depth-actions button{transition:none;}
}
#stellar-wave.sw-paused .sw-depth-meter i{transition:none;}

/* While flying, the archive overview stays in place for an exact return. */
#stellar-wave[data-depth="true"] .sw-region-stars:not(.sw-depth-stars),
#stellar-wave[data-depth="true"] .sw-region-panel,
#stellar-wave[data-depth="true"] .sw-region-pagination{visibility:hidden;pointer-events:none}
#stellar-wave[data-depth="true"] .sw-region-stars:not(.sw-depth-stars) button{pointer-events:none}
#stellar-wave[data-depth="true"] .sw-canvas{touch-action:none}
#stellar-wave[data-depth="true"] .sw-nebula{opacity:.23;transform:translate3d(var(--sw-px,0px),var(--sw-py,0px),0) scale(1.13);transition:opacity 1.4s ease,transform 2.5s ease}
#stellar-wave .sw-depth-start{pointer-events:auto;margin-top:14px;min-height:44px;font:11px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#c1c7c5;letter-spacing:.12em}
#stellar-wave .sw-depth-start:hover{color:#f1e9d2}
#stellar-wave .sw-depth-stars .sw-region-star{transition:opacity .18s linear}
#stellar-wave .sw-depth-stars .sw-region-star[data-kind="era"] > span{font-size:clamp(16px,calc(1.6vw + 1px),23px);max-width:200px;color:#ded8c7;letter-spacing:.12em}
#stellar-wave .sw-depth-stars .sw-region-star[data-kind="record"] > span{max-width:150px;color:#b7c3cb}
#stellar-wave .sw-depth-stars .sw-region-star small{font-size:9px;color:#8f9eaa}
@media(max-width:700px){#stellar-wave .sw-depth-stars .sw-region-star[data-kind="era"] > span{font-size:17px;width:130px;max-width:130px}#stellar-wave .sw-depth-stars .sw-region-star[data-kind="record"] > span{width:110px;max-width:110px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#stellar-wave[data-depth="true"] .sw-nebula,#stellar-wave .sw-depth-stars .sw-region-star{transition:none}}

#stellar-wave[data-depth="true"][data-reading="true"] .sw-nebula{opacity:.12}
#stellar-wave[data-depth="true"].sw-paused .sw-nebula{transition:none}

/* Keep the short-screen content stars clear of the optional travel control. */
@media(max-width:700px) and (max-height:680px){#stellar-wave .sw-depth-start{display:none}}
