:root{--bg:#05060f;--fg:#e8ecf8;--muted:#b4bcd6;--accent:#7cc4ff;--panel:#0d1126}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);margin:0;font:18px/1.6 system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;overflow-x:clip}a{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2.4rem,8vw,5.5rem)}h2{color:var(--accent);font-size:clamp(1.8rem,5vw,3.2rem)}.lead{color:var(--fg);max-width:40ch;margin-inline:auto;font-size:clamp(1.1rem,2.6vw,1.6rem)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}.hint{color:var(--muted);margin-top:3rem}.ph small{color:var(--muted)}.skip{z-index:10;background:var(--panel);border:1px solid var(--accent);border-radius:999px;padding:.5rem .9rem;text-decoration:none;position:fixed;top:12px;right:12px}.stars{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stars>div{width:100%;height:200%;position:absolute;top:0;left:0}.stars-far{opacity:.6;background-image:radial-gradient(1px 1px at 20px 30px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 120px 90px,#cfe 50%,#0000 51%),radial-gradient(1px 1px at 200px 160px,#fff 50%,#0000 51%);background-size:240px 200px}.stars-near{background-image:radial-gradient(2px 2px at 60px 70px,#fff 50%,#0000 51%),radial-gradient(2px 2px at 260px 40px,#9cf 50%,#0000 51%),radial-gradient(1.5px 1.5px at 150px 220px,#fff 50%,#0000 51%);background-size:340px 280px}.station{text-align:center;place-items:center;min-height:100svh;padding:6rem 1.25rem;display:grid}.layer{width:100%;max-width:62rem}.chips,.links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--accent);background:var(--panel);border-radius:999px;padding:.4rem 1rem}.links a,.links .ph{border:1px solid var(--accent);background:var(--panel);border-radius:8px;padding:.6rem 1.2rem;display:inline-block}.cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.card{background:var(--panel);border:1px solid #263055;border-radius:12px;padding:1.1rem}.card h3{font-size:1.25rem}.card p{margin:.4rem 0}.tech{color:var(--muted)}.tl{text-align:left;margin:0;border-left:2px solid var(--accent);gap:1rem;max-width:40rem;margin-inline:auto;padding:0 0 0 1.25rem;list-style:none;display:grid}.tl li{gap:.15rem;display:grid}.period{color:var(--accent)}.summary{border-top:1px solid #263055;max-width:42rem;margin:0 auto;padding:5rem 1.25rem 6rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes fly{0%{opacity:0;transform:scale(.35)}35%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.station .layer{will-change:transform, opacity;animation:linear both fly;animation-timeline:view()}#hero .layer{animation-name:fly-hero}@keyframes fly-hero{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes drift-far{to{transform:translateY(-12%)}}@keyframes drift-near{to{transform:translateY(-40%)}}.stars-far{animation:linear both drift-far;animation-timeline:scroll(root)}.stars-near{animation:linear both drift-near;animation-timeline:scroll(root)}}}