@charset "UTF-8";
:root{--ink:#192f3b;--paper:#f5f0e6;--orange:#ee7049;--lilac:#c6b2ed;--mint:#a4d9c8;--yellow:#f5d665;--accent:#c6b2ed;font-family:"Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:clip}button,input{font:inherit}a{color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:var(--ink);cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #195acf;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;letter-spacing:-.035em;text-wrap:balance}p{line-height:1.95}rt{font-size:.5em;font-weight:500}ruby{ruby-position:over}a{text-decoration-thickness:1px;text-underline-offset:5px}button{touch-action:manipulation}section[id],details[id]{scroll-margin-top:100px}.skip{position:fixed;top:-80px;left:16px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}
.site-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:15px clamp(20px,4vw,65px);gap:18px;border-bottom:1px solid #192f3b24;background:var(--paper);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:17px;letter-spacing:-.03em}.brand img{border-radius:50%;object-fit:cover}.brand small{display:block;font-size:9px;letter-spacing:.13em;margin-top:4px}.settings{display:flex;gap:7px}.settings button{min-height:44px;padding:7px 11px;background:transparent;border:1px solid #192f3b44;border-radius:30px;font-size:12px;font-weight:700}.settings button[aria-pressed=true]{background:var(--ink);color:white}
main{max-width:1440px;margin:auto}.home-hero{padding:70px clamp(24px,5vw,80px) 65px;display:grid;grid-template-columns:1.04fr 1fr;gap:20px;align-items:center;position:relative;min-height:650px}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:20px}.home-hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.35}.hee{display:inline-block;color:var(--orange);font-size:1.35em;transform:rotate(-5deg);letter-spacing:-.08em}.hero-copy p{margin:20px 0 28px;font-size:16px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 24px;border:2px solid var(--ink);border-radius:40px;text-decoration:none;font-weight:800;background:var(--paper);box-shadow:3px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}.pill.primary{background:var(--ink);color:var(--paper);box-shadow:4px 5px 0 var(--orange)}.pill:hover{transform:translateY(-3px);box-shadow:4px 7px 0 var(--ink)}.pill:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.pill span{font-size:22px}.hero-planet{position:relative;display:block;min-width:0;text-decoration:none;aspect-ratio:1/1;border:2px solid var(--ink);border-radius:50%;background:var(--lilac);box-shadow:12px 12px 0 #ded5c5;transform:rotate(6deg);transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}.hero-planet:hover{transform:rotate(-3deg)}.hero-planet>.space-art{position:absolute;inset:15% -8%;width:116%;height:70%}.hero-planet .orb{fill:#efc367}.sticker{position:absolute;z-index:2;top:1%;left:0;transform:rotate(-14deg);font-weight:900;font-size:clamp(15px,1.6vw,22px);line-height:1.5;padding:20px;background:var(--yellow);border:2px solid var(--ink);border-radius:18px}.hero-bubble{position:absolute;bottom:13%;left:15%;right:15%;text-align:center;background:var(--paper);padding:14px;border:2px solid var(--ink);border-radius:35px;font-weight:800;font-size:14px}.orbit-word{position:absolute;bottom:4%;left:20%;font-size:9px;letter-spacing:.14em;font-weight:800}.asterisk{position:absolute;bottom:15px;left:48%;font-size:92px;color:var(--orange);transform:rotate(-15deg);line-height:1}.ticker{overflow:hidden;background:var(--ink);color:var(--paper);transform:rotate(-2deg);padding:17px 0;font-size:20px;font-weight:800;white-space:nowrap;letter-spacing:.06em}.ticker span{display:inline-block;padding:0 25px}
.catalog{padding:95px clamp(24px,5vw,80px) 10px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-top h2,.facts>h2{font-size:clamp(27px,3vw,43px);line-height:1.5}.section-top p{font-size:14px;min-width:220px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.planet-card{border:2px solid var(--ink);border-radius:25px;overflow:hidden;text-decoration:none;background:var(--paper);position:relative;box-shadow:4px 5px 0 #192f3b;transition:transform .3s,box-shadow .3s;min-width:0}.planet-card:hover{transform:translateY(-7px) rotate(-1.3deg);box-shadow:6px 10px 0 var(--ink)}.card-art{height:180px;position:relative;background:var(--accent);border-bottom:2px solid var(--ink)}.card-art .space-art{width:100%;height:100%;transition:transform .5s}.planet-card:hover .space-art{transform:scale(1.08) rotate(5deg)}.number{position:absolute;left:15px;top:13px;font-size:11px;font-weight:900}.card-copy{padding:20px 20px 45px;min-height:165px}.tag{font-size:11px;font-weight:800;display:block;margin-bottom:9px}.card-copy h3{font-size:18px;line-height:1.65;text-wrap:initial}.card-arrow{position:absolute;bottom:15px;right:17px;font-size:23px}.visited{position:absolute;bottom:18px;left:19px;font-size:10px;font-weight:800}.history{padding-top:100px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.history .card-art{height:210px;background:var(--ink)}.grownup-home{margin:100px clamp(24px,5vw,80px);border:2px solid var(--ink);border-radius:30px;padding:40px;background:var(--mint);max-width:900px}.grownup-home>span{font-size:12px;font-weight:800}.grownup-home h2{margin:15px 0;font-size:30px}.grownup-home p{max-width:700px;margin:16px 0}.grownup-home .fine{font-size:12px;margin-bottom:0}
footer{background:var(--ink);color:var(--paper);padding:50px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-brand{font-weight:900;font-size:19px;text-decoration:none}footer p{font-size:13px}footer .fine{font-size:11px;opacity:.65;grid-column:2}.fine{font-size:12px;line-height:1.8;color:#52646d}
.article{max-width:1200px;padding:0 clamp(24px,5vw,70px)}.breadcrumb{display:flex;gap:10px;font-size:12px;padding:28px 0}.breadcrumb a{min-height:30px}.article-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:30px 0 50px}.article-hero h1{font-size:clamp(32px,4vw,53px);line-height:1.5}.article-hero .lead{margin:22px 0 25px;font-size:19px;line-height:2}.article-portrait{position:relative;aspect-ratio:1;background:var(--accent);border:2px solid var(--ink);border-radius:46% 54% 47% 53%;transform:rotate(5deg)}.article-portrait .space-art{width:120%;height:90%;position:absolute;left:-10%;top:0}.portrait-caption{position:absolute;bottom:15%;left:15%;right:15%;text-align:center;font-weight:900;font-size:22px;transform:rotate(-7deg)}.mini-star{position:absolute;right:-5%;top:0;font-size:85px;color:var(--orange)}.joke{display:flex;align-items:center;gap:20px;max-width:820px;margin:10px auto 65px;padding:22px 30px;border:2px solid var(--ink);border-radius:24px;transform:rotate(-1deg);background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.joke>span{font-size:42px}.joke p{font-size:18px;font-weight:800}.lab{border:2px solid var(--ink);border-radius:32px;overflow:hidden;margin-bottom:70px;background:var(--ink);color:var(--paper);box-shadow:7px 8px 0 var(--accent)}.lab-head{padding:35px 35px 0}.lab-head .eyebrow{color:var(--accent);margin-bottom:14px}.lab-head h2{font-size:clamp(24px,3vw,34px);line-height:1.5}.lab-head p{margin-top:12px;font-size:15px}.experiment{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;padding:15px 30px 10px}.scene{position:relative;min-width:0;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:25px;background:#223f4b}.scene .space-art{width:100%;height:auto}.scene-label{position:absolute;bottom:12px;right:16px;font-size:11px;opacity:.6}.lab-controls{padding:10px 0;min-width:0}.lab-controls .pill{background:var(--accent);color:var(--ink);box-shadow:3px 4px 0 #fff2;border-color:var(--paper);font-size:15px;width:100%}.experiment-output{min-height:95px;font-size:18px;font-weight:800;margin:22px 0 10px;line-height:1.9}.reset-button{min-height:44px;background:transparent;border:0;border-bottom:1px solid #ffffff80;color:var(--paper);font-size:12px;padding:8px}.range-label{display:flex;flex-direction:column;gap:16px;font-size:17px;font-weight:800}.range-label span{font-size:12px;font-weight:400}.range-label input{width:100%;height:44px;accent-color:var(--accent);cursor:ew-resize}.diagram-note{color:#c7d5da;padding:12px 35px 28px;font-size:11px}.facts>h2{margin-bottom:28px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:65px}.fact-card{border-top:3px solid var(--ink);padding:24px 6px}.fact-index{font-size:12px;font-weight:900;display:block;margin-bottom:22px}.fact-card h3{font-size:25px;line-height:1.6;margin-bottom:20px}.fact-card p{font-size:17px;line-height:2}.quiz{background:var(--accent);border:2px solid var(--ink);border-radius:28px;padding:35px;box-shadow:6px 7px 0 var(--ink)}.quiz h2{font-size:27px;line-height:1.65}.quiz>p{margin:16px 0 20px;font-size:14px}.choices{display:grid;gap:12px}.choices button{text-align:left;display:flex;gap:15px;align-items:center;border:2px solid var(--ink);border-radius:15px;padding:15px;background:var(--paper);min-height:64px;font-size:17px;font-weight:800;transition:transform .2s,background .2s}.choices button span{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:30px;height:30px;border-radius:50%;font-size:14px;flex-shrink:0}.choices button:hover{transform:translateX(4px)}.choices button.correct{background:#c7edb5}.choices button.wrong{border-style:dashed;background:#f5e2c9}.quiz-response{line-height:1.9;font-size:17px;font-weight:800}.quiz-response:not(:empty){border-top:2px solid #192f3b33;padding:20px 0 0;margin-top:25px}.retry{margin-top:20px;padding:12px 18px;min-height:44px;border:2px solid var(--ink);border-radius:25px;background:var(--paper);font-size:14px}.reaction{text-align:center;padding:65px 10px}.reaction button{border:2px solid var(--ink);background:var(--orange);border-radius:48% 52% 45% 55%;width:180px;height:130px;transform:rotate(-6deg);box-shadow:5px 5px 0 var(--ink);transition:transform .2s}.reaction button:hover{transform:rotate(5deg) scale(1.07)}.reaction button>span{display:block;font-size:43px;font-weight:900}.reaction small{font-size:10px;font-weight:800}.reaction p{margin-top:25px;font-size:13px}.grownups{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:10px 0 50px}.grownups summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:85px;padding:20px 5px;font-size:19px;font-weight:800}.grownups summary::-webkit-details-marker{display:none}.grownups small{display:block;font-size:11px;font-weight:400;margin-top:6px}.plus{font-size:28px;transition:transform .2s}.grownups[open] .plus{transform:rotate(45deg)}.grownups>div{padding:5px 5px 30px;max-width:850px}.grownups p{margin-bottom:20px;font-size:15px}.grownups .fine{font-size:12px}.grownups h3{font-size:15px;margin-top:28px}.grownups li{line-height:1.8;margin:14px 0;font-size:13px;overflow-wrap:anywhere}.next-read{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:70px}.next-read>div>a{font-size:23px;line-height:1.7;font-weight:900}.next-read>.pill{font-size:13px;flex-shrink:0}.not-found{min-height:60vh;display:grid;place-content:center;gap:25px;padding:50px}.not-found>span{font-size:80px}
/* A code-drawn editorial universe. Faces are a visual joke, never observations. */
.space-art{overflow:visible}.space-art .orb{fill:var(--accent,#efc367);stroke:var(--ink);stroke-width:3}.space-art .face{fill:var(--ink);stroke:var(--ink);stroke-width:3;stroke-linecap:round}.face path{fill:none}.bands,.craters,.land,.ring,.earth-line,.sunlight,.light-dot,.light-route,.tiny-earth,.water-grid,.wind,.orbit-lines,.ingredients{display:none}.scatter{opacity:.65}.space-art .grain{transition:transform .8s,opacity .8s;transform-box:view-box;transform-origin:210px 135px}.craters{fill:#192f3b20}.asteroids .orb{r:65;transform-origin:210px 135px;transform:scale(1.2,.8) rotate(-25deg)}.asteroids .craters,.moon .craters{display:block}.moon .orb{fill:#e7e2d4}.mars .orb{fill:#e88867}.mars .craters{display:block;fill:#b04b33}.earth .orb{fill:#70bfc8}.earth .land{display:block;fill:#d5e396}.neptune .orb{fill:#84c6d2}.neptune .bands{display:block;fill:none;stroke:#e5ffff4d;stroke-width:12}.saturn .orb{fill:#e9bd72}.saturn .ring{display:block;fill:none;stroke:#aa7545;stroke-width:22}.saturn .bands,.jupiter .bands{display:block;fill:none;stroke:#d58a59;stroke-width:18}.jupiter .orb{fill:#efc295}.sun .orb{fill:#ffce57;stroke:#e77b44;stroke-width:10}.sun .scatter .grain{fill:#ffc955}.expansion .body,.atoms .body,.elements .body,.disk .face{display:none}.expansion .grain{r:5}.atoms .scatter{opacity:.45}.atoms .grain{r:10;stroke:var(--paper);stroke-width:1}.first-stars .orb{r:28;fill:#ffe293;filter:drop-shadow(0 0 15px #ffdf7e)}.first-stars .face{display:none}.first-stars .scatter{opacity:1}.elements .ingredients{display:block;fill:#f5f0e6;font-size:28px;font-weight:900}.disk .orb{r:42;fill:#ffce57}.disk .orbit-lines{display:block;fill:none;stroke:#b6a4e6;stroke-width:7;stroke-dasharray:8 10}.early-earth .orb{fill:#a94f39;stroke:#fba65a;stroke-width:10}.early-earth .craters{display:block;fill:#ffcb6b}
.interactive .orb,.interactive .body,.interactive .ring,.interactive .scatter,.interactive .craters,.interactive .face,.interactive .ingredients,.interactive .orbit-lines{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s,fill .7s,r .7s}.interactive .body,.interactive .ring,.interactive .scatter{transform-origin:210px 135px}.interactive.asteroids .body{transform:rotate(calc(var(--p,0)*145deg))}.interactive.moon .sunlight{display:block;opacity:var(--p,0)}.interactive.moon .orb{fill:color-mix(in srgb,#43535d calc(100% - var(--p,0)*100%),#e7e2d4)}.interactive.moon .face{opacity:var(--p,0)}.interactive.mars .body{transform:scale(calc(1 + var(--p,0)*.35))}.interactive.mars .craters{fill:#b04b33}.interactive.mars .face{opacity:calc(1 - var(--p,0))}.interactive.earth .body{opacity:calc(1 - var(--p,0)*2)}.interactive.earth .water-grid{display:block;opacity:clamp(0,calc(var(--p,0)*5),1)}.water-grid rect{fill:#d4c397;stroke:#f5f0e6;stroke-width:2;transition:fill .2s}.water-grid rect.wet{fill:#77c5df}.interactive.neptune .wind{display:block;fill:none;stroke:#edffff;stroke-width:5;stroke-linecap:round;opacity:0}.active .interactive.neptune .wind{opacity:1;animation:wind 1s ease-in-out 3}.interactive.saturn .ring{transform:scale(calc(1 + var(--p,0)*.7));opacity:calc(1 - var(--p,0))}.interactive.saturn .body{transform:scale(calc(1 - var(--p,0)*.75));opacity:calc(1 - var(--p,0))}.interactive.saturn .scatter{opacity:calc(.3 + var(--p,0)*.7);transform:scale(calc(1 + var(--p,0)*.25))}.interactive.saturn .grain{fill:#e9e5ce;r:calc(3px + var(--p,0)*5px)}.interactive.jupiter .earth-line{display:block;fill:#79c9d4;stroke:#ceec96;stroke-width:1;opacity:var(--p,0)}.interactive.sun .body{transform:translate(-120px,-50px) scale(.45)}.interactive.sun .tiny-earth{display:block;fill:#79c9d4}.interactive.sun .light-route{display:block;stroke:#fff4;stroke-dasharray:4 8;fill:none}.interactive.sun .light-dot{display:block;opacity:0}.active .interactive.sun .light-dot{opacity:1;animation:travel 2s ease-out both}.interactive.expansion .scatter{transform:scale(calc(.3 + var(--p,0)*.7));opacity:1}.interactive.atoms .scatter{opacity:calc(.65 - var(--p,0)*.5)}.interactive.atoms .light-route,.interactive.atoms .light-dot{display:block}.interactive.atoms .light-route{stroke:#ffdf72;stroke-width:3}.active .interactive.atoms .light-dot{animation:travel 2s ease-out both}.interactive.atoms .grain{transform:scale(calc(1 - var(--p,0)*.5))}.interactive.first-stars .scatter{transform:scale(calc(1 - var(--p,0)*.8))}.interactive.first-stars .orb{r:calc(8px + var(--p,0)*50px);opacity:var(--p,0)}.interactive.elements .ingredients{transform-origin:210px 135px;transform:scale(calc(1 + var(--p,0)*.2))}.active .interactive.elements .ingredients{animation:ingredient 1.8s ease-in-out both}.interactive.disk .scatter{transform:scale(1,calc(1 - var(--p,0)*.7))}.interactive.disk .orbit-lines{opacity:var(--p,0)}.interactive.early-earth .body{transform:scale(calc(.35 + var(--p,0)*.65))}.interactive.early-earth .scatter{transform:scale(calc(1 - var(--p,0)*.8));opacity:calc(1 - var(--p,0))}.interactive .face{pointer-events:none}
@keyframes wind{0%,100%{transform:translateX(-25px)}50%{transform:translateX(25px)}}@keyframes travel{from{transform:translateX(0)}to{transform:translateX(330px)}}@keyframes ingredient{0%{transform:scale(1)}50%{transform:scale(.6) rotate(15deg)}100%{transform:scale(1.2)}}@keyframes pop{0%{transform:scale(.85) rotate(-8deg)}65%{transform:scale(1.07) rotate(3deg)}100%{transform:scale(1)}}@keyframes enter{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.popped{animation:pop .5s cubic-bezier(.2,.8,.2,1)}.revealed{animation:enter .6s both}.burst-layer{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.burst-layer i{position:absolute;width:9px;height:9px;background:var(--orange);border-radius:2px}.burst-layer i:nth-child(3n){background:var(--lilac);border-radius:50%}.burst-layer i:nth-child(3n+1){background:var(--yellow)}
@media(min-width:1400px){.hero-planet{max-width:510px}}@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,1fr)}.home-hero{min-height:580px;padding-top:45px}.home-hero h1{font-size:51px}.hero-copy p{font-size:14px}.history-grid{grid-template-columns:repeat(2,1fr)}.card-art{height:210px}.article-hero{gap:20px}.article-hero h1{font-size:36px}.article-hero .lead{font-size:17px}.experiment{grid-template-columns:1fr 1fr}.experiment-output{font-size:16px}.pill{padding:12px 18px;font-size:14px}}
@media(max-width:650px){html{scroll-padding-top:20px}.site-header{padding:14px 18px;gap:10px;min-height:78px;flex-wrap:wrap}.brand{font-size:14px;gap:8px}.brand img{width:34px;height:34px}.brand small{font-size:7px}.settings{margin-left:auto}.settings button{font-size:11px;padding:6px 10px}.home-hero{padding:38px 25px 58px;grid-template-columns:1fr;gap:38px}.home-hero h1{font-size:clamp(38px,10vw,59px)}.hero-copy p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:13px}.hero-planet{width:82%;max-width:360px;margin:0 auto}.sticker{padding:13px;font-size:15px;left:-8%}.hero-bubble{font-size:11px;padding:10px;left:9%;right:9%}.orbit-word{font-size:7px;left:15%}.asterisk{left:auto;right:15px;bottom:5px;font-size:60px}.ticker{font-size:15px;padding:13px 0}.catalog{padding:60px 24px 0}.section-top{display:block;margin-bottom:25px}.section-top p{margin-top:15px;font-size:13px}.section-top h2,.facts>h2{font-size:29px}.card-grid,.history-grid{gap:17px}.card-art,.history .card-art{height:130px}.card-copy{padding:14px 12px 40px;min-height:150px}.card-copy h3{font-size:14px;letter-spacing:-.03em;line-height:1.65}.card-arrow{right:12px;font-size:21px}.tag{font-size:10px;margin-bottom:9px}.number{font-size:9px;left:10px;top:10px}.planet-card{border-radius:19px;box-shadow:3px 4px 0 var(--ink)}.visited{left:12px;font-size:8px}.grownup-home{margin:60px 24px;padding:25px 22px}.grownup-home h2{font-size:24px}.grownup-home p{font-size:14px}footer{grid-template-columns:1fr;padding:35px 24px;gap:20px}footer .fine{grid-column:auto}.article{padding:0 24px}.breadcrumb{padding:23px 0 12px;font-size:10px}.article-hero{padding:20px 0 35px;grid-template-columns:1fr;gap:28px}.article-hero h1{font-size:33px;line-height:1.55}.article-hero .lead{font-size:17px;line-height:2}.article-portrait{width:73%;max-width:320px;margin:auto}.portrait-caption{font-size:18px}.mini-star{font-size:65px}.joke{padding:18px;gap:13px;margin:15px 0 45px}.joke>span{font-size:33px}.joke p{font-size:15px;line-height:1.9}.lab{margin:0 -7px 50px;border-radius:25px;box-shadow:4px 5px 0 var(--accent)}.lab-head{padding:25px 22px 0}.lab-head h2{font-size:25px}.lab-head p{font-size:13px}.experiment{grid-template-columns:1fr;padding:20px 20px 10px;gap:12px}.scene{min-height:0;aspect-ratio:1.5}.lab-controls{padding:0}.experiment-output{font-size:16px;min-height:75px;margin:20px 0 5px}.diagram-note{padding:10px 22px 24px;font-size:10px}.fact-grid{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.fact-card h3{font-size:24px}.fact-card p{font-size:17px}.fact-index{margin-bottom:15px}.quiz{padding:25px 20px;box-shadow:4px 5px 0 var(--ink)}.quiz h2{font-size:23px}.choices button{font-size:15px;padding:14px 12px;gap:10px;min-height:65px}.quiz-response{font-size:16px}.reaction{padding:50px 0}.grownups p{font-size:14px}.next-read{display:block;margin-bottom:50px}.next-read>div>a{font-size:22px}.next-read>.pill{margin-top:25px}.space-art .face{stroke-width:2.5}}
@media(max-width:360px){.site-header{justify-content:center}.settings{margin-left:0}.card-grid,.history-grid{grid-template-columns:1fr}.card-art,.history .card-art{height:185px}.card-copy{min-height:0;padding-bottom:45px}.card-copy h3{font-size:18px}.home-hero h1{font-size:39px}.article-hero h1{font-size:29px}.section-top h2{font-size:26px}}
.era{display:inline-block;border:1px solid #192f3b44;border-radius:30px;font-size:12px;padding:5px 13px;margin-top:18px;line-height:1.7}.interactive.sun .body{transform-origin:210px 135px;transform:translate(-150px,75px) scale(.3)}.interactive.sun .light-dot{--travel:270px}.interactive.atoms .light-dot{opacity:0}.active .interactive.atoms .light-dot{opacity:1}@keyframes travel{from{transform:translateX(0)}to{transform:translateX(var(--travel,330px))}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .active .light-dot{transform:translateX(var(--travel,330px))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.active .light-dot{transform:translateX(var(--travel,330px))}}
.interactive.expansion .scatter{transform:none}.interactive.expansion .grain{r:5;transition:cx .15s,cy .15s}
.sun-merger .body{display:none}.merger-suns circle{fill:#ffd480;stroke:#e58a55;stroke-width:5;transition:cx 1.1s,r 1.1s,opacity 1.1s}.merge-b{fill:#ffad78!important}.escaped-gas{fill:none;stroke:#f1b591;stroke-width:15;opacity:0;transition:opacity 1s,rx 1.2s,ry 1.2s;stroke-dasharray:10 9}.experiment[data-stage="1"] .merge-a{cx:185px}.experiment[data-stage="1"] .merge-b{cx:235px}.experiment[data-stage="1"] .escaped-gas{opacity:.8}.experiment[data-stage="2"] .merge-a{cx:210px;r:69px}.experiment[data-stage="2"] .merge-b{cx:210px;opacity:0}.experiment[data-stage="2"] .escaped-gas{opacity:.25;rx:180px;ry:110px}
.reaction{position:relative;margin:42px 0 56px;padding:44px 24px;background:var(--yellow);border:2px solid var(--ink);border-radius:30px;box-shadow:6px 7px 0 var(--ink);overflow:hidden}.reaction h2{font-size:clamp(20px,3vw,29px);line-height:1.6;margin:0 0 22px}.reaction>.eyebrow{font-size:11px}.hee-total{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 auto 24px;max-width:100%}.hee-total>span{font-size:13px;font-weight:800;line-height:1.5}.hee-total strong{font-size:clamp(46px,8vw,72px);line-height:1.15;letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.hee-action{display:inline-block;position:relative}.reaction #hee-button{background:var(--orange);color:var(--ink);box-shadow:0 7px 0 var(--ink);min-width:184px;transition:transform .16s,box-shadow .16s}.reaction #hee-button:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}.reaction #hee-button:disabled{cursor:default;opacity:.72}.reaction #hee-button[aria-busy=true]{opacity:.85}.hee-plus{position:absolute;top:5px;right:-26px;font-size:28px;font-weight:900;border-radius:50%;background:var(--ink);color:var(--yellow);width:50px;height:50px;display:grid;place-items:center;opacity:0;pointer-events:none}.hee-plus.popped{animation:hee-plus .7s ease-out both}#hee-personal{font-size:13px;font-weight:800;margin:23px 0 0}#hee-response{max-width:570px;margin:12px auto;min-height:3.4em;font-size:14px;line-height:1.7}.reaction #hee-note{font-size:11px;line-height:1.8}.hee-about{max-width:520px;margin:24px auto 0;border-top:1px solid #192f3b55;padding-top:14px;text-align:left}.hee-about summary{cursor:pointer;min-height:44px;display:list-item;font-size:12px;text-align:center;font-weight:700}.hee-about p{font-size:12px;line-height:1.9;margin:8px 0}.reaction :focus-visible{outline:3px solid var(--ink);outline-offset:5px}@keyframes hee-plus{0%{opacity:0;transform:translateY(15px) scale(.7) rotate(-15deg)}25%{opacity:1;transform:translateY(-5px) scale(1.12) rotate(8deg)}70%{opacity:1}100%{opacity:0;transform:translateY(-45px) scale(1)}}@media(max-width:650px){.reaction{padding:32px 18px;box-shadow:4px 5px 0 var(--ink)}.hee-total{gap:8px}.hee-total>span{font-size:11px}.reaction h2{font-size:20px}.reaction>.eyebrow{font-size:9px}}html[data-motion=off] .hee-plus{display:none}@media(prefers-reduced-motion:reduce){.hee-plus{display:none}}