body{background:var(--bg);color:var(--ink);font-family:var(--font-display)}#select-screen{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 64px;text-align:center}.select-eyebrow{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:18px}.select-title{font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin-bottom:18px;background:linear-gradient(135deg,var(--accent-red) 0%,var(--astro-star) 35%,var(--accent-blue) 70%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.select-sub{font-family:var(--font-body);font-size:.9rem;color:var(--ink-dim);max-width:520px;margin:0 auto 8px;line-height:1.75}.select-hint{font-family:var(--font-body);font-size:.72rem;color:var(--ink-dim);opacity:.6;margin-bottom:44px}.select-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:16px;max-width:900px;width:100%}.select-card{--sc:var(--astro-star);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px;text-align:left;cursor:pointer;color:inherit;font-family:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}.select-card:hover,.select-card:focus-visible{border-color:var(--sc);transform:translateY(-3px);box-shadow:0 10px 26px -12px #00000080;outline:none}.select-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.select-dot{width:36px;height:36px;border-radius:50%;flex-shrink:0}.select-mass{font-size:1.05rem;font-weight:600;color:var(--ink);display:block}.select-class{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sc)}.select-teaser{font-family:var(--font-body);font-size:.75rem;color:var(--ink-dim);line-height:1.65;margin-bottom:10px}.select-example{font-size:.6rem;color:var(--ink-dim);opacity:.55;margin-bottom:16px}.select-cta{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sc);display:inline-flex;align-items:center;gap:6px}@media (max-width:680px){.select-grid{grid-template-columns:1fr}}#scroll-app{display:none;position:relative;z-index:1}.app-topbar{position:fixed;top:64px;left:20px;right:20px;z-index:40;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.app-badge{pointer-events:auto;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:6px 14px 6px 8px}.app-badge-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.app-badge-txt{font-size:.68rem;color:var(--ink-dim)}.app-badge-txt strong{color:var(--ink);font-weight:600}.app-restart{pointer-events:auto;background:transparent;border:1px solid var(--line);border-radius:20px;color:var(--ink-dim);font-family:var(--font-display);font-size:.62rem;letter-spacing:.05em;padding:8px 14px;cursor:pointer;transition:border-color .2s,color .2s}.app-restart:hover{border-color:var(--ink-dim);color:var(--ink)}.scene-dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:12px}.scene-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink-dim);background:transparent;padding:0;cursor:pointer;transition:background .25s,transform .25s,border-color .25s}.scene-dot:hover{border-color:var(--ink)}.scene-dot.active{background:var(--sd-color,var(--astro-star));border-color:var(--sd-color,var(--astro-star));transform:scale(1.35)}@media (max-width:880px){.scene-dots{display:none}}.layout{display:flex;align-items:flex-start}.visual-panel{position:sticky;top:0;height:100vh;width:44%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 32%,var(--panel) 0%,transparent 70%)}.visual-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px}.star-visual-wrap{width:100%;max-width:260px;aspect-ratio:1/1}#star-visual{width:100%;height:100%;display:block;transition:opacity .35s ease}.viz-block{width:100%;max-width:300px}.viz-label{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px;display:flex;justify-content:space-between;align-items:baseline}.viz-label span:last-child{font-family:var(--font-display);color:var(--ink);font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0}.comp-track{display:flex;height:13px;border-radius:5px;overflow:hidden;background:var(--line)}.comp-seg{height:100%;transition:flex 1s ease,background 1s ease}.comp-legend{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:9px}.comp-leg{display:flex;align-items:center;gap:5px;font-size:.56rem;color:var(--ink-dim);opacity:.28;transition:opacity .35s}.comp-leg.on{opacity:1}.comp-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.comp-note{font-family:var(--font-body);font-size:.64rem;color:var(--ink-dim);line-height:1.6;font-style:italic}.lum-track{position:relative;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--line),var(--line));margin-top:4px}.lum-marker{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);transition:left 1s ease,background 1s ease;box-shadow:0 0 10px currentColor}.lum-ticks{display:flex;justify-content:space-between;font-size:.48rem;color:var(--ink-dim);opacity:.45;margin-top:5px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;width:100%;max-width:300px;border-top:1px solid var(--line);padding-top:14px}.stat-row div{display:flex;flex-direction:column;gap:2px}.stat-row dt{font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.stat-row dd{margin:0;font-size:.68rem;font-family:var(--font-display);color:var(--ink)}.text-panel{width:56%;position:relative;padding:0 6vw}.chapter{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:9vh 0;max-width:52ch}.chapter-hero{max-width:34ch}.ch-eyebrow{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--st-color,var(--astro-star));margin-bottom:.9em}.chapter h1{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:0 0 .55em;color:var(--ink)}.chapter h2{font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:600;letter-spacing:-.02em;margin:0 0 .6em;color:var(--ink)}.chapter p{font-family:var(--font-body);font-size:.86rem;color:var(--ink-dim);line-height:1.8;margin:0 0 1em;max-width:56ch}.chapter .lead{font-family:var(--font-body);font-size:1rem;color:var(--ink-dim);line-height:1.75}.scroll-hint{font-family:var(--font-display);font-size:.72rem;color:var(--ink-dim);margin-top:1.8em;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.change-box{border-left:3px solid var(--st-color,var(--astro-star));background:color-mix(in srgb,var(--st-color,var(--astro-star)) 7%,var(--panel));border-radius:0 10px 10px 0;padding:14px 16px;margin-top:6px;max-width:56ch}.change-row{display:flex;gap:10px;font-family:var(--font-body);font-size:.72rem;color:var(--ink-dim);line-height:1.6;margin-bottom:6px}.change-row:last-child{margin-bottom:0}.change-row b{color:var(--st-color,var(--astro-star));flex-shrink:0;font-weight:600}.mob-slot{display:none}@media (max-width:880px){.layout{flex-direction:column}.visual-panel{display:none}.text-panel{width:100%;padding:0 5vw}.chapter{max-width:none;min-height:unset;padding:5vh 0}.app-topbar{top:60px}.mob-slot{display:block;width:100%;min-height:52vh;position:relative;background:radial-gradient(ellipse at 50% 32%,var(--panel) 0%,transparent 75%);border-bottom:1px solid var(--line);padding:24px 0 4px;margin-top:6vh}.mob-slot .visual-stage{position:relative}}