.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:40;pointer-events:none}.reading-progress>span{display:block;width:100%;height:100%;background:var(--pink);transform:scaleX(0);transform-origin:left}.tiny-lab{margin-top:30px;max-width:435px;border:1px solid black;background:#000;color:var(--paper);box-shadow:5px 5px 0 var(--violet);font-family:'Geist Mono',monospace}.lab-top{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #383838;font-size:10px}.lab-top>span:first-child{display:flex;gap:5px}.lab-top i{width:6px;height:6px;background:var(--violet)}.lab-top i:nth-child(2){background:var(--pink)}.lab-top i:nth-child(3){background:var(--lime)}.lab-body{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 8px;gap:15px;min-height:140px}.lab-code{font-size:12px;line-height:1.7;margin:0 0 10px;color:var(--lime)}.lab-code>span{color:var(--pink)}.lab-hint{font-size:9px;max-width:170px;min-height:28px;line-height:1.5;margin:0;color:#cec7ee}.lab-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #383838;font-size:8px}.status-light{width:5px;height:5px;background:var(--lime);flex-shrink:0;animation:signal 4s ease-in-out infinite}.mascot-button{padding:0;border:0;background:transparent;display:inline-block;position:relative;touch-action:manipulation;isolation:isolate}.mascot-button img{height:auto;width:100%;pointer-events:none;transform-origin:50% 90%;will-change:transform}.mascot-button:focus-visible{outline-offset:8px;border-radius:5px}.hero-mascot{width:177px;flex-shrink:0;transform:perspective(500px) rotateY(var(--turn,0deg));transition:transform .25s}.hero-mascot img{animation:float 5s ease-in-out infinite}.mascot-shadow{display:block;background:var(--violet);opacity:.3;filter:blur(5px);width:65%;height:7px;border-radius:50%;margin:8px auto 0;animation:shadow 5s ease-in-out infinite}.hero-mascot:hover img{animation:wiggle .6s ease-in-out}.mascot-button.boop img{animation:boop .75s ease-in-out!important}.portrait-panel{overflow:visible}.portrait-panel .p1{animation:pixel-drift 7s steps(4,end) infinite}.portrait-panel .p2{animation:pixel-drift 9s steps(4,end) infinite reverse}.community-stamp{transition:transform .3s}.community-stamp:hover{transform:rotate(3deg) scale(1.04)}.mascot-shelf{display:flex;align-items:flex-end;gap:25px;border-bottom:1px solid black;margin-bottom:23px;min-height:120px}.reader-mascot{width:160px;margin-bottom:-3px}.reader-mascot img{animation:read-bob 6s ease-in-out infinite}.mascot-shelf>span{font:10px 'Geist Mono',monospace;margin-bottom:20px;transform:rotate(-4deg)}.podcast-mascot{display:flex;gap:20px;align-items:center;margin-bottom:26px}.podcast-mascot .mascot-button{width:90px}.podcast-mascot .mascot-button img{animation:groove 2.4s ease-in-out infinite}.podcast-mascot .eyebrow{font-size:9px;margin:0}.sound-bars{display:flex;align-items:center;gap:4px;height:30px}.sound-bars i{width:4px;height:25px;background:var(--pink);transform-origin:bottom;animation:equalize 1.3s ease-in-out infinite}.sound-bars i:nth-child(2){animation-delay:-.2s;height:17px;background:var(--violet)}.sound-bars i:nth-child(3){animation-delay:-.8s;height:30px}.sound-bars i:nth-child(4){animation-delay:-.5s;height:18px;background:var(--violet)}.sound-bars i:nth-child(5){animation-delay:-1s;height:23px}.episode{transition:transform .3s}.episode:hover{transform:translateY(-5px)}.episode-image img{transition:transform .4s}.episode:hover .episode-image img{transform:scale(1.025)}.episode:hover .play{transform:rotate(-8deg)}.play{transition:transform .3s,background .3s}.newsletter{padding-right:155px}.book-balancer{position:absolute;right:22px;bottom:33px;width:112px;height:auto;transform-origin:50% 95%;animation:balance 6s ease-in-out infinite}.newsletter h3{font-size:40px}.newsletter .button{gap:17px}.contact>.wrap{position:relative}.contact-grid{padding-right:80px}.idea-mascot{position:absolute;right:20px;top:10px;width:165px}.idea-mascot img{animation:float 4s ease-in-out infinite}.contact .contact-grid{max-width:100%}.contact .contact-grid>div{max-width:680px}.sidekick{position:fixed;bottom:23px;right:23px;z-index:25;width:100px;filter:drop-shadow(0 6px 6px #0002);transition:opacity .25s,transform .25s}.sidekick-button{width:90px;display:block;margin:auto}.sidekick-button img{animation:sidekick-bob 5s ease-in-out infinite}.sidekick-bubble{position:absolute;bottom:115px;right:0;border:1px solid #000;background:var(--paper);padding:11px 13px;width:175px;font:10px/1.6 'Geist Mono',monospace;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:3px 3px 0 #000}.sidekick-bubble:after{content:'';position:absolute;right:30px;bottom:-7px;width:12px;height:12px;background:var(--paper);border-right:1px solid black;border-bottom:1px solid black;transform:rotate(45deg)}.sidekick:hover .sidekick-bubble,.sidekick:focus-within .sidekick-bubble,.sidekick.chatting .sidekick-bubble{opacity:1;transform:translateY(0)}.sidekick-close{position:absolute;top:-20px;right:0;font-size:19px;width:25px;height:25px;border:1px solid black;border-radius:50%;background:var(--paper);line-height:1;z-index:2;opacity:0;transition:opacity .2s}.sidekick:hover .sidekick-close,.sidekick:focus-within .sidekick-close{opacity:1}.mascot-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);background:var(--ink);color:var(--lime);padding:12px 20px;font:11px/1.5 'Geist Mono',monospace;z-index:35;opacity:0;pointer-events:none;border:1px solid var(--lime);max-width:calc(100vw - 40px);text-align:center}.mascot-toast.visible{opacity:1;transform:translate(-50%,0);transition:opacity .2s,transform .2s}.pixel-particle{position:fixed;left:var(--x);top:var(--y);width:7px;height:7px;background:var(--color);z-index:45;pointer-events:none;animation:pixel-pop .8s ease-out forwards}.play-controls{display:flex;gap:14px;flex-wrap:wrap}.play-controls button{background:none;padding:4px 0;border:0;border-bottom:1px dotted currentColor;font:10px 'Geist Mono',monospace;color:inherit}.js-motion .reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js-motion .reveal-ready.is-visible{opacity:1;transform:translateY(0)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal-ready{opacity:1!important;transform:none!important}.motion-paused .hero-mascot{transform:none}.motion-paused .pixel-particle{display:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.3}50%{transform:scaleX(.75);opacity:.15}}
@keyframes signal{0%,80%,100%{opacity:1}90%{opacity:.3}}
@keyframes pixel-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes read-bob{0%,100%{transform:rotate(0)}40%{transform:rotate(-3deg)}70%{transform:rotate(1deg)}}
@keyframes groove{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}
@keyframes equalize{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes balance{0%,100%{transform:rotate(-4deg)}35%{transform:rotate(3deg)}65%{transform:rotate(-1deg)}}
@keyframes sidekick-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
@keyframes boop{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(5px) scale(1.08,.9)}50%{transform:translateY(-26px) rotate(8deg) scale(.94,1.06)}75%{transform:translateY(0) scale(1.05,.96)}}
@keyframes pixel-pop{to{transform:translate(var(--dx),var(--dy)) rotate(100deg);opacity:0}}
@media(min-width:1101px){.hero{padding-top:40px}.hero h1{font-size:clamp(65px,6.4vw,92px)}.hero h2{font-size:30px}.portrait-panel{height:720px}.hero-copy{padding-bottom:36px}.hero .intro{font-size:16px}.hero .actions{margin-top:21px}.hero .eyebrow{margin-bottom:22px}}
@media(max-width:1100px){.tiny-lab{max-width:380px}.lab-body{padding:12px;gap:5px}.hero-mascot{width:145px}.lab-code{font-size:11px}.portrait-panel{height:720px}.newsletter{padding-right:130px}.newsletter h3{font-size:33px}.book-balancer{width:88px;right:16px}.idea-mascot{width:135px;right:0}.contact-grid{padding-right:135px}.contact .contact-grid>div{max-width:550px}.sidekick{right:15px;width:78px}.sidekick-button{width:72px}.sidekick-bubble{bottom:95px}}
@media(max-width:760px){.tiny-lab{max-width:none;margin-top:25px}.hero-mascot{width:155px}.hero .portrait-panel{height:470px}.lab-status{font-size:8px}.mascot-shelf{min-height:115px}.reader-mascot{width:145px}.podcast-mascot .mascot-button{width:80px}.podcast-mascot{margin-bottom:22px}.newsletter{padding-right:130px}.newsletter h3{font-size:31px}.newsletter .button{font-size:12px;padding:12px 15px;gap:12px}.book-balancer{width:88px;bottom:36px}.idea-mascot{position:relative;right:auto;top:auto;width:120px;margin-bottom:25px}.contact-grid{padding-right:0}.sidekick{bottom:13px;right:12px;width:63px}.sidekick-button{width:58px}.sidekick-close{opacity:1;top:-12px;width:21px;height:21px;font-size:16px}.sidekick-bubble{bottom:79px;width:150px;font-size:9px}.play-controls{flex-basis:100%}.mascot-toast{bottom:14px;font-size:10px;max-width:calc(100vw - 105px);left:20px;transform:translateY(15px)}.mascot-toast.visible{transform:translateY(0)}footer{padding-bottom:65px}.hero .portrait{height:100%}}
@media(max-width:360px){.hero-mascot{width:110px}.lab-code{font-size:10px}.lab-hint{font-size:8px}.lab-status{font-size:7px}.newsletter{padding-right:95px}.book-balancer{width:65px;right:14px}.newsletter h3{font-size:27px}.newsletter .button{font-size:11px;padding:10px;gap:9px}.newsletter p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal-ready{opacity:1;transform:none}.hero-mascot{transform:none}.pixel-particle{display:none}}