*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#0d0d0d;min-height:100vh;font-family:sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#2a2a2a 1px,#0000 1px);background-size:20px 20px;position:fixed;inset:0}.hero{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.doodle{color:#fe5;pointer-events:none;z-index:0;white-space:nowrap;font-family:Boogaloo,cursive;position:absolute}.doodle.red{color:#f44}.doodle.dim{opacity:.35}.d1{font-size:.8rem;top:6%;left:3%;transform:rotate(-12deg)}.d2{color:#f44;opacity:.6;font-size:.7rem;top:10%;left:18%;transform:rotate(6deg)}.d3{font-size:1rem;top:3%;right:8%;transform:rotate(8deg)}.d4{color:#f44;opacity:.5;font-size:.75rem;top:15%;right:3%;transform:rotate(-5deg)}.d5{font-size:.85rem;bottom:12%;left:2%;transform:rotate(10deg)}.d6{color:#f44;opacity:.55;font-size:.7rem;bottom:6%;left:22%;transform:rotate(-8deg)}.d7{font-size:.8rem;bottom:18%;right:4%;transform:rotate(15deg)}.d8{color:#f44;opacity:.5;font-size:.75rem;bottom:5%;right:18%;transform:rotate(-10deg)}.d9{font-size:.9rem;top:40%;left:1%;transform:rotate(-20deg)}.d10{color:#f44;opacity:.6;font-size:.8rem;top:55%;right:2%;transform:rotate(12deg)}.d11{opacity:.4;font-size:.65rem;top:28%;left:8%;transform:rotate(3deg)}.d12{opacity:.35;font-size:.7rem;top:72%;right:10%;transform:rotate(-6deg)}.bg-scribble{pointer-events:none;z-index:0;opacity:.1;position:absolute}.bg-scribble.s1{width:120px;top:5%;left:30%}.bg-scribble.s2{width:90px;bottom:10%;right:25%}.bg-scribble.s3{opacity:.07;width:70px;top:45%;left:45%}.hero-inner{z-index:2;justify-content:space-between;align-items:center;gap:6rem;width:100%;max-width:1100px;display:flex;position:relative}.hero-left{flex:1;min-width:0;position:relative}.cloud-wrap{width:100%;display:inline-block;position:relative}.cloud-svg{z-index:0;pointer-events:none;width:calc(100% + 80px);height:calc(100% + 36px);position:absolute;inset:-18px -40px;overflow:visible}.cloud-svg path{fill:#fff06412}.cloud-content{z-index:1;position:relative}.stars-top{color:#fe5;letter-spacing:1.2rem;opacity:.6;margin-bottom:.5rem;font-size:1rem;display:block}.stars-bottom{color:#fe5;letter-spacing:1rem;opacity:.4;text-align:right;margin-top:.5rem;font-size:.85rem;display:block}.name-wrap{display:inline-block;position:relative}.annotation{color:#fff;white-space:nowrap;z-index:3;background:#f44;border-radius:3px;padding:3px 9px;font-family:Boogaloo,cursive;font-size:clamp(.8rem,1.2vw,1rem);position:absolute;box-shadow:2px 2px #000}.ann1{background:#f44;top:-1.4rem;left:0;transform:rotate(-4deg)}.ann2{color:#111;background:#fe5;bottom:-1.4rem;right:0;transform:rotate(3deg)}.hero-left h1{color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;filter:drop-shadow(4px 4px #fe5)drop-shadow(-1px -1px #f44);letter-spacing:1px;font-family:Kranky,cursive;font-size:clamp(2.8rem,6vw,7rem);line-height:1.15}.hatched{color:#0000;-webkit-text-stroke:2px #fff;background-image:repeating-linear-gradient(45deg,#fff 0 1px,#0000 1px 6px);-webkit-background-clip:text;background-clip:text}svg.underline{width:100%;height:16px;margin-top:4px;display:block;overflow:visible}.speech-bubble{color:#111;white-space:nowrap;background:#fe5;border:2.5px solid #111;border-radius:999px;margin-top:1.5rem;padding:.45rem 1rem;font-family:Boogaloo,cursive;font-size:clamp(.9rem,1.6vw,1.2rem);display:inline-block;position:relative;transform:rotate(-1.5deg);box-shadow:3px 3px #111}.speech-bubble:before{content:"";border:7px solid #0000;border-bottom-color:#111;position:absolute;top:-14px;left:1.5rem}.speech-bubble:after{content:"";border:6px solid #0000;border-bottom-color:#fe5;position:absolute;top:-10px;left:1.6rem}.sidenote{color:#f44;vertical-align:middle;opacity:.8;margin-left:.6rem;font-family:Boogaloo,cursive;font-size:.7rem;display:inline-block;transform:rotate(8deg)}.hero-right{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.speed-lines{z-index:0;pointer-events:none;width:160%;height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pic-badge{white-space:nowrap;z-index:3;border:2px solid #000;border-radius:999px;padding:4px 12px;font-family:Boogaloo,cursive;font-size:clamp(.8rem,1.2vw,1rem);position:absolute;box-shadow:2px 2px #000}.pb1{color:#fff;background:#f44;top:0;right:-2rem;transform:rotate(8deg)}.pb2{color:#111;background:#fe5;bottom:8%;left:-3rem;transform:rotate(-6deg)}.pb3{color:#fe5;background:#0d0d0d;border-color:#fe5;font-size:.7rem;top:30%;left:-3.5rem;transform:rotate(4deg);box-shadow:2px 2px #fe5}.profile-placeholder{z-index:1;border:4px solid #fff;border-radius:50%;outline:5px solid #000;width:clamp(160px,26vw,320px);height:clamp(160px,26vw,320px);position:relative;overflow:hidden;box-shadow:6px 6px #fe5,9px 9px #000}.profile-placeholder img{object-fit:cover;width:100%;height:100%;display:block}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes wiggle2{0%,to{transform:rotate(6deg)}50%{transform:rotate(-4deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-red{0%,to{opacity:.6}50%{opacity:1}}.d1{animation:3.5s ease-in-out infinite wiggle}.d3{animation:2.8s ease-in-out infinite bob}.d5{animation:4s ease-in-out infinite wiggle2}.d7{animation:3.2s ease-in-out infinite bob}.d9{animation:5s ease-in-out infinite wiggle}.d10{animation:2.5s ease-in-out infinite pulse-red}.pb1{animation:3s ease-in-out infinite wiggle}.pb2{animation:2.6s ease-in-out infinite bob}.ann1{animation:4s ease-in-out infinite wiggle2}.speech-bubble{animation:3.5s ease-in-out infinite bob}@media (width<=768px){.hero{padding:5rem 1.5rem 4rem}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:4rem}.hero-left{flex-direction:column;align-items:center;width:100%;display:flex}.cloud-wrap{width:auto}.stars-top,.stars-bottom{text-align:center}.speech-bubble{white-space:normal;text-align:center;border-radius:16px}.speech-bubble:before,.speech-bubble:after,.pb3,.d11,.d12,.d2,.d4{display:none}.ann1{top:-1.6rem}.ann2{bottom:-1.8rem}}@media (width<=480px){.hero-inner{gap:2.5rem}.hero-left h1{font-size:clamp(2.2rem,11vw,3rem)}.profile-placeholder{width:160px;height:160px}.pb1{font-size:.65rem;right:-.5rem}.pb2{font-size:.65rem;left:-1rem}.d1,.d3,.d5,.d7,.d8,.d9,.d10{font-size:.6rem}}.abstractions{z-index:1;border-top:2px dashed #222;justify-content:center;align-items:center;min-height:80vh;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.ab-doodle{pointer-events:none;z-index:0;white-space:nowrap;font-family:Boogaloo,cursive;position:absolute}.ad1{color:#fe5;opacity:.6;font-size:.8rem;animation:4s ease-in-out infinite wiggle;top:8%;left:2%;transform:rotate(-8deg)}.ad2{color:#f44;opacity:.55;font-size:.75rem;animation:3s ease-in-out infinite bob;top:15%;right:4%;transform:rotate(5deg)}.ad3{color:#fe5;opacity:.4;font-size:1.2rem;animation:5s ease-in-out infinite wiggle;bottom:20%;left:5%;transform:rotate(15deg)}.ad4{color:#fe5;opacity:.5;font-size:.8rem;animation:3.5s ease-in-out infinite bob;bottom:10%;right:6%;transform:rotate(-10deg)}.ad5{color:#f44;opacity:.35;font-size:1rem;top:50%;left:1%;transform:rotate(8deg)}.ad6{color:#f44;opacity:.5;font-size:.75rem;animation:4.5s ease-in-out infinite wiggle;top:60%;right:2%;transform:rotate(-6deg)}.ab-inner{z-index:2;width:100%;max-width:1000px;position:relative}.ab-title-wrap{margin-bottom:3.5rem;display:inline-block;position:relative}.ab-title{color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;filter:drop-shadow(3px 3px #fe5)drop-shadow(-1px -1px #f44);font-family:Kranky,cursive;font-size:clamp(2.8rem,6.5vw,6rem);display:inline-block}.ab-strikethrough{pointer-events:none;width:calc(100% + 8px);height:30px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.ab-correction{color:#fe5;opacity:.9;margin-top:.3rem;font-family:Boogaloo,cursive;font-size:clamp(1rem,2vw,1.4rem);display:block;transform:rotate(-3deg)translate(1rem)}.ab-correction:before{content:"↳ ";color:#f44}.ab-rant{flex-direction:column;gap:2.2rem;display:flex}.ab-line{color:#ddd;font-family:Boogaloo,cursive;font-size:clamp(1.2rem,2.6vw,1.9rem);line-height:1.6;position:relative}.l1{transform:rotate(-.5deg)}.l2{padding-left:1rem;transform:rotate(.8deg)}.l3{padding-left:2rem;transform:rotate(-1deg)}.l4{transform:rotate(.4deg)}.ab-highlight{border-radius:3px;padding:1px 6px;font-weight:700}.ab-highlight.yellow{color:#111;background:#fe5}.ab-highlight.red{color:#fff;background:#f44}.ab-aside{color:#fe5;opacity:.8;margin-left:.4rem;font-size:.8em;font-style:italic}.ab-aside.red{color:#f44}.ab-scribble{color:#f44;opacity:.85;margin-left:.5rem;font-family:Boogaloo,cursive;font-size:.8em;display:inline-block;transform:rotate(2deg)}.ab-bigword{color:#f44;-webkit-text-stroke:1px #000;paint-order:stroke fill;filter:drop-shadow(2px 2px #fe5);font-family:Kranky,cursive;font-size:1.4em}.ab-proof{flex-wrap:wrap;gap:.8rem;margin-top:2.5rem;display:flex}.ab-badge{white-space:nowrap;border:2.5px solid #000;border-radius:999px;padding:5px 14px;font-family:Boogaloo,cursive;font-size:clamp(.8rem,1.4vw,1rem);box-shadow:3px 3px #000}.b1{color:#111;background:#fe5;transform:rotate(-2deg)}.b2{color:#fff;background:#f44;animation:4s ease-in-out infinite wiggle;transform:rotate(1.5deg)}.b3{color:#fe5;background:#0d0d0d;border-color:#fe5;transform:rotate(-1deg);box-shadow:3px 3px #fe5}.b4{color:#fff;background:#f44;font-style:italic;animation:3s ease-in-out infinite bob;transform:rotate(2deg)}@media (width<=768px){.abstractions{padding:4rem 1.5rem}.l2,.l3{padding-left:0}.ab-scribble{margin-top:.3rem;margin-left:0;display:block}.ad1,.ad3,.ad5{display:none}}@media (width<=480px){.ab-proof{gap:.6rem}.ab-badge{font-size:.78rem}}
