/* Página: Cosmos (usa camera.css + cores.css) */
.cosmo-hero{background:radial-gradient(1200px 600px at 75% 40%,rgba(130,57,238,.22),transparent 60%),radial-gradient(900px 500px at 20% 90%,rgba(74,184,245,.14),transparent 60%),#04050c}
.cosmo-hero::after{background:linear-gradient(90deg,color-mix(in oklch,#04050c 80%,transparent),transparent 60%),linear-gradient(transparent 65%,var(--bg-base))}
.sec{margin-top:var(--space-8)}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}
.srow.wide{max-width:640px;width:100%}
.stage.clickable canvas{cursor:pointer}.stage canvas{width:100%;height:auto}
.quote{margin:0;padding:var(--space-6);border-left:4px solid var(--accent-3,#8239EE);background:var(--surface-1);border-radius:var(--radius-lg)}
.quote p{margin:0 0 8px;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.3}
.quote cite{font-size:var(--text-sm);color:var(--text-secondary);font-style:normal}
.orrery-lab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}
.orrery-lab .stage{background:#04050c;border-radius:var(--radius-xl)}
.drake-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:center}
.drake-lab .sliders .srow{grid-template-columns:150px minmax(0,1fr) 70px}
.formula{font-family:var(--font-mono);font-size:var(--text-lg);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1);text-align:center;margin:var(--space-3) 0 0;overflow-x:auto}
.speed-lab{display:flex;flex-direction:column;gap:var(--space-4)}
.speed-rows{display:flex;flex-direction:column;gap:6px}
.spd{display:grid;grid-template-columns:170px minmax(0,1fr) 150px;gap:12px;align-items:center;padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface-1);cursor:pointer;font-size:var(--text-sm);text-align:left;color:var(--text-primary);width:100%;font-family:inherit}
.spd:hover,.spd.on{border-color:var(--border-accent);background:var(--accent-soft)}
.spd .nm{font-weight:600}.spd .nm small{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);font-weight:400}
.spd .bar2{height:12px;border-radius:6px;background:var(--surface-3);overflow:hidden}.spd .bar2 b{display:block;height:100%;border-radius:6px}
.spd .tm{font-family:var(--font-mono);font-size:var(--text-xs);text-align:right;color:var(--blue-300)}
@media (max-width:900px){.orrery-lab,.drake-lab{grid-template-columns:minmax(0,1fr)}.spd{grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"nm tm" "bar bar"}.spd .nm{grid-area:nm}.spd .tm{grid-area:tm}.spd .bar2{grid-area:bar}.drake-lab .sliders .srow{grid-template-columns:110px minmax(0,1fr) 60px}}

.three .quote p{font-size:var(--text-lg)}
.cal{display:flex;flex-direction:column;gap:var(--space-5)}
.cal-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.cal-kicker{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary)}
.cal-clock{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,5vw,3rem);line-height:1.1;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.cal-clock span{font-family:var(--font-mono);font-weight:500;color:var(--orange-300,#ff9b72);font-size:.62em}
.cal-sub{margin:4px 0 0;color:var(--text-secondary)}
.cal-bar{position:relative;display:flex;height:46px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-1);border:1px solid var(--border-default)}
.cal-bar span{display:flex;align-items:flex-end;padding:0 0 4px 6px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);border-left:1px solid rgba(255,255,255,.08)}.cal-bar span:first-child{border-left:0}
.cal-bar #cal-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(130,57,238,.5),rgba(74,184,245,.4) 60%,rgba(235,77,29,.6));pointer-events:none}
.cal-bar #cal-dot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--accent),0 0 14px var(--accent)}
.cal-list{display:flex;flex-direction:column;position:relative}
.cev{display:grid;grid-template-columns:92px 22px minmax(0,1fr);gap:12px;align-items:start;padding:10px 6px;text-align:left;background:none;border:0;color:var(--text-secondary);font:inherit;cursor:pointer;opacity:.45;transition:opacity .25s,background .25s;border-radius:var(--radius-md)}
.cev.past{opacity:.85}.cev.on{opacity:1;background:color-mix(in oklch,var(--c) 14%,transparent)}
.cev .cdate{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);text-align:right}.cev .cdate small{display:block;font-size:var(--text-xs);color:var(--text-secondary)}
.cev .cdot{position:relative;align-self:stretch}.cev .cdot::before{content:"";position:absolute;left:10px;top:0;bottom:-10px;width:2px;background:rgba(255,255,255,.12)}.cev .cdot::after{content:"";position:absolute;left:4px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg-base);border:2px solid var(--c)}
.cev.past .cdot::after{background:var(--c)}
.cev:last-child .cdot::before{display:none}
.cev .cname b{display:block;color:var(--text-primary);font-size:var(--text-md)}
.cev .cname em{display:none;font-style:normal;font-size:var(--text-sm);line-height:1.6;margin-top:4px}.cev.on .cname em{display:block}
.cev .cname small{color:var(--text-secondary);font-family:var(--font-mono)}
@media (max-width:600px){.cev{grid-template-columns:64px 20px minmax(0,1fr);gap:8px}}