:root{color-scheme:dark;--surface:#0d1826;--border:#26384d;--text:#eef4fb;--muted:#a7b7c8;--accent:#79c7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 60% 0,#192943,#07111f 58%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Noto Sans JP",sans-serif}.meteor-page{width:min(1100px,calc(100% - 28px));margin:auto;padding:30px 0 64px}.meteor-page>small{color:var(--accent);letter-spacing:.12em}.meteor-page>h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.03;margin:8px 0}.meteor-page>p,.meteor-copy p{color:var(--muted);line-height:1.65}.meteor-lab{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;margin:24px 0}.meteor-view,.meteor-controls,.meteor-copy{border:1px solid var(--border);border-radius:17px;background:var(--surface);padding:16px}.meteor-sky{height:340px;position:relative;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 20% 25%,#ffffffaa 0 1px,transparent 1.5px),radial-gradient(circle at 75% 40%,#b8d5ffaa 0 1px,transparent 1.4px),linear-gradient(#040914,#0c182a);background-size:103px 83px,149px 121px,auto}.meteor-sky:after{content:"";position:absolute;left:0;right:0;bottom:7%;height:1px;background:#ffffff33}.meteor-radiant{position:absolute;width:22px;height:22px;border:2px solid #ffb86b;border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 20px #ffb86b88}.meteor-radiant:before,.meteor-radiant:after{content:"";position:absolute;left:50%;top:50%;background:#ffb86b;transform:translate(-50%,-50%)}.meteor-radiant:before{width:34px;height:1px}.meteor-radiant:after{width:1px;height:34px}.meteor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.meteor-metrics div{padding:9px;background:#101f30;border-radius:10px;min-width:0}.meteor-metrics small{display:block;color:#8397ad}.meteor-metrics strong{display:block;margin-top:4px;overflow-wrap:anywhere}.meteor-status{font-weight:700}.meteor-warning{font-size:.76rem;line-height:1.5;color:#d7c8a7;padding:10px;border-left:3px solid #ffb86b;background:#101f30}.meteor-controls{display:grid;gap:15px}.meteor-controls label{display:grid;gap:7px;color:#b7c5d4}.meteor-controls input,.meteor-controls select{width:100%;min-height:42px;background:#091321;color:#fff;border:1px solid var(--border);border-radius:9px;padding:0 8px}.meteor-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.meteor-copy h2{margin-top:0}.meteor-links{display:flex;gap:8px;flex-wrap:wrap}.meteor-links a{color:var(--accent)}@media(max-width:760px){.meteor-page{padding-top:18px}.meteor-lab,.meteor-flow{grid-template-columns:1fr}.meteor-sky{height:280px}.meteor-metrics{grid-template-columns:1fr 1fr}.meteor-page>h1{font-size:1.85rem}}
.course-overview-image{margin:14px 0 22px;width:min(100%,560px);border:1px solid #26384d;border-radius:16px;overflow:hidden;background:#0d1826}.course-overview-image img{display:block;width:100%;height:auto;aspect-ratio:14/9;object-fit:cover}.course-overview-image figcaption{padding:9px 12px;color:#9fb0c5;font-size:.72rem;line-height:1.45}

.meteor-sky{filter:brightness(calc(.7 + var(--radiant-factor,.5)*.22));transition:filter .16s}.meteor-radiant{z-index:3}.meteor-compass{position:absolute;left:0;right:0;bottom:8px;height:18px;z-index:4;pointer-events:none}.meteor-compass span{position:absolute;transform:translateX(-50%);font-size:.62rem;font-weight:800;color:#b8c7d8;text-shadow:0 1px 4px #000}.meteor-horizon-label{position:absolute;left:12px;bottom:27px;z-index:4;font-size:.58rem;color:#91a4ba;background:#07111fcc;padding:2px 6px;border-radius:999px}.meteor-frame{position:absolute;left:50%;top:18%;bottom:18%;width:var(--meteor-frame-width,72%);transform:translateX(-50%);z-index:2;border:1px solid rgba(121,199,255,.7);border-radius:12px;box-shadow:0 0 0 1px rgba(121,199,255,.08) inset;pointer-events:none;transition:width .16s}.meteor-frame small{position:absolute;top:7px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.58rem;color:#a9cfea;background:#07111fcc;padding:2px 6px;border-radius:999px}
.meteor-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 22%,rgba(220,230,255,calc(var(--moon-interference,0)*.5)),transparent 45%);pointer-events:none}[data-radiant]{transition:left .16s,bottom .16s}


/* WTS lesson split alignment v1 — 2026-09-23 */
@media(min-width:1024px){.meteor-lab{grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);gap:22px;margin:28px 0}.meteor-lab>*{min-width:0;align-self:start}.meteor-controls{gap:16px}.meteor-metrics{gap:10px;grid-auto-rows:1fr}.meteor-flow{gap:14px;grid-auto-rows:1fr}.meteor-flow>*{height:100%}}

@media(max-width:430px){.meteor-frame small{display:none}.meteor-horizon-label{font-size:.54rem}}

.meteor-quick-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:-5px}.meteor-quick-times button{min-height:40px;border:1px solid var(--border);border-radius:9px;background:#102238;color:var(--text);font:inherit;font-size:.78rem;cursor:pointer}.meteor-quick-times button:hover,.meteor-quick-times button:focus-visible{border-color:var(--accent);outline:none}.meteor-quick-times button:active{transform:translateY(1px)}@media(max-width:430px){.meteor-quick-times{grid-template-columns:1fr}}