/* ===== Learn More Facts: cosmic dark theme, 3D viewer, explorer ===== */
html[data-theme=dark]{--ink:#f1f5fb;--tx:#cdd6e4;--bg:rgba(255,255,255,.055);--line:rgba(255,255,255,.14);--mute:#98a6bb;--paper:#04060f;color-scheme:dark;background:#04060f url(img/stars.svg) center top/700px repeat}
html[data-theme=dark] body{background:transparent;color:var(--tx)}
#cosmic{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;pointer-events:none}
html[data-theme=light] #cosmic{display:none}
html[data-theme=dark] .logo-light{display:none}html[data-theme=dark] .logo-dark{display:block}
.theme-btn{width:40px;height:40px;padding:0!important;display:grid;place-items:center}.theme-btn svg{width:18px;height:18px}.theme-btn .i-sun{display:none}html[data-theme=dark] .theme-btn .i-moon{display:none}html[data-theme=dark] .theme-btn .i-sun{display:block}
/* dark components */
html[data-theme=dark] .site-h{background:rgba(5,8,18,.72);border-bottom-color:var(--line)}
html[data-theme=dark] .mega,html[data-theme=dark] .h-search,html[data-theme=dark] .s-panel{background:#0a1224;border-color:var(--line)}
@media(max-width:1100px){html[data-theme=dark] .nav{background:#070c1a}html[data-theme=dark] .mega{background:rgba(255,255,255,.05)}}
html[data-theme=dark] .btn{background:var(--em);border-color:var(--em);color:#fff}html[data-theme=dark] .btn:hover{background:#00a584;border-color:#00a584}
html[data-theme=dark] .btn-w{background:#fff;color:#0b1220;border-color:#fff}html[data-theme=dark] .btn-w:hover{background:var(--em);border-color:var(--em);color:#fff}
html[data-theme=dark] .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}html[data-theme=dark] .btn-o:hover{background:#fff;color:#0b1220}
html[data-theme=dark] .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .more:hover,html[data-theme=dark] .chips a:hover,html[data-theme=dark] .sp-chip:hover,html[data-theme=dark] .sp-chip.on,html[data-theme=dark] .share a:hover,html[data-theme=dark] .share button:hover,html[data-theme=dark] .s-close:hover,html[data-theme=dark] .pager .current{background:var(--em);color:#fff;border-color:var(--em)}
html[data-theme=dark] .card,html[data-theme=dark] .coupon,html[data-theme=dark] .store{background:rgba(255,255,255,.05);border-color:var(--line)}
html[data-theme=dark] .wish{background:rgba(5,8,18,.85);color:#fff}
html[data-theme=dark] .code{background:transparent}
html[data-theme=dark] .share a,html[data-theme=dark] .share button{background:rgba(255,255,255,.06);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .prose,html[data-theme=dark] .lede,html[data-theme=dark] .fact p{color:var(--tx)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:rgba(255,255,255,.07);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .nl-form input[type=email]{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
html[data-theme=dark] .news-in .nl-form input[type=email]{background:#fff;color:#111}
html[data-theme=dark] .nl-box .nl-msg.ok{color:#7fe3c9}html[data-theme=dark] .nl-box .nl-msg.err{color:#ffb4a8}
html[data-theme=dark] .site-f{background:rgba(2,4,10,.86);border-top:1px solid var(--line)}
html[data-theme=dark] .toast{background:#fff;color:#0b1220}
html[data-theme=dark] .band,html[data-theme=dark] .mag,html[data-theme=dark] .shop-strip{background:rgba(255,255,255,.03)}
html[data-theme=dark] .hero-f{background-image:none!important;background-color:transparent}
html[data-theme=dark] .fact{background:linear-gradient(160deg,hsl(var(--h) 45% 16% / .72),hsl(var(--h) 40% 9% / .6));border-color:hsl(var(--h) 45% 32% / .6);backdrop-filter:blur(6px)}
html[data-theme=dark] .fact::after{color:hsl(var(--h) 80% 70%);opacity:.12}html[data-theme=dark] .fact .kicker,html[data-theme=dark] .fact-more{color:hsl(var(--h) 85% 74%)}
html[data-theme=dark] .story .meta:first-child{background:rgba(0,139,112,.18);color:#7fe3c9}
html[data-theme=dark] .ph{background:linear-gradient(145deg,hsl(var(--h) 25% 22%),hsl(var(--h) 25% 12%))}html[data-theme=dark] .ph span{color:hsl(var(--h) 60% 70%)}
html[data-theme=dark] .sp-img{background:linear-gradient(135deg,#123a4a,#0a2a3a);color:#7fe3c9}html[data-theme=dark] .sp-panel mark,html[data-theme=dark] .s-panel mark{background:rgba(0,139,112,.35)}
html[data-theme=dark] .logo-chip{box-shadow:0 0 0 1px var(--line)}
/* 3D viewer */
.v3d{position:relative;height:var(--vh,440px);border-radius:var(--rc);overflow:hidden;background:radial-gradient(120% 100% at 30% 20%,#14284f 0,#070d1f 55%,#03050c 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -30px rgba(0,0,0,.7);isolation:isolate}
.v3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;outline:none}.v3d-canvas:active{cursor:grabbing}.v3d-canvas:focus-visible{outline:2px solid var(--em);outline-offset:-4px}
.v3d-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#9fb3d1;font:600 14px var(--f);transition:opacity .4s;z-index:1;text-align:center;padding:20px}
.v3d-loading span{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--em);animation:v3dspin 1s linear infinite}@keyframes v3dspin{to{transform:rotate(360deg)}}
.v3d-ready .v3d-loading{opacity:0;pointer-events:none}.v3d-fail .v3d-loading span{display:none}
.v3d-ui{position:absolute;right:12px;top:12px;display:flex;gap:6px;z-index:2}
.v3d-ui button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(10,18,36,.72);color:#fff;font:600 18px var(--f);cursor:pointer;backdrop-filter:blur(8px);padding:0}.v3d-ui button:hover,.v3d-ui button[aria-pressed=true]{background:var(--em);border-color:var(--em)}
.v3d-hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;margin:0;color:rgba(255,255,255,.65);font-size:12px;pointer-events:none;transition:opacity .4s;padding:0 12px}.v3d-active .v3d-hint{opacity:0}
.v3d:fullscreen{height:100vh!important;border-radius:0}.v3d:-webkit-full-screen{height:100vh!important;border-radius:0}
.explorer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.explorer .v3d{--vh:520px}
.ex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.ex-chip{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:9px 16px;font:700 14px var(--fh);cursor:pointer}.ex-chip.on,.ex-chip:hover{background:var(--em);border-color:var(--em);color:#fff}
.ex-title{font:700 clamp(1.5rem,2.6vw,2.2rem)/1.1 var(--fs);letter-spacing:-.02em;margin:0 0 10px}.ex-text{color:var(--tx);margin:0 0 20px}.sec-sub{color:var(--mute);font-size:14px}
.fact-3d{margin:36px 0}.fact-3d h2{font:700 1.6rem var(--fs);margin-bottom:14px}
@media(max-width:900px){.explorer-grid{grid-template-columns:1fr}.explorer .v3d{--vh:380px}}
@media(max-width:640px){.v3d-ui button{width:44px;height:44px}.v3d{--vh:340px}}
html[data-theme=dark] .more{background:rgba(5,8,18,.6);backdrop-filter:blur(6px)}
html[data-theme=dark] .news-in .btn-w:hover{background:#06201b;border-color:#06201b;color:#fff}