#root{width:100%;overflow:hidden}.site-header,.site-footer{justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);margin-inline:auto;display:flex}.site-header{height:92px}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--cream);background:var(--terracotta);border-radius:50%;place-items:center;display:inline-grid;position:relative}.brand-moon{font-family:var(--font-comic);font-size:24px;line-height:1;transform:rotate(-24deg)}.brand-star{color:var(--gold);font-size:9px;position:absolute;top:5px;right:4px}.brand-ampersand{color:var(--terracotta)}.site-header nav{gap:34px;display:flex}.site-header nav a,.header-note,.back-to-top{font-size:12px;font-weight:700;text-decoration:none}.site-header nav a{color:var(--muted);transition:color .16s}.site-header nav a:hover,.back-to-top:hover{color:var(--terracotta)}.header-note{color:var(--muted);border:1px solid #e6decb;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.status-dot{background:#8d9d65;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #8d9d6520}.hero{background:var(--paper);border-radius:20px;grid-template-columns:1.05fr .95fr;align-items:center;width:min(1120px,100% - 64px);min-height:570px;margin:0 auto;padding:44px 48px 80px;display:grid;position:relative}.hero-copy{z-index:1;max-width:520px;position:relative}.eyebrow{color:var(--terracotta);letter-spacing:1.35px;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 22px;font-size:11px;font-weight:800;display:flex}.eyebrow-icon{font-size:15px}.hero h1{color:var(--ink);font-family:var(--font-comic);letter-spacing:-3px;margin:0;font-size:clamp(72px,9.2vw,118px);font-weight:900;line-height:.84}.title-sparkle{color:var(--terracotta);font-family:var(--font-comic);letter-spacing:-4px;vertical-align:.16em;font-size:.66em}.title-period{color:var(--terracotta)}.welcome{max-width:430px;color:var(--muted);margin:28px 0 24px;font-size:15px;line-height:1.85}.primary-button{color:#fffaf0;background:var(--terracotta);border-radius:8px;align-items:center;gap:17px;padding:14px 19px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px #9c624a}.primary-button:hover{transform:translateY(3px);box-shadow:0 2px #9c624a}.primary-button span{font-size:18px;line-height:.7}.tiny-note{color:#9c9382;margin:20px 0 0;font-size:11px}.tiny-note span{color:var(--terracotta);font-size:14px}.high-five{z-index:50;align-items:center;gap:10px;animation:.7s cubic-bezier(.2,1.6,.4,1) .6s both high-five-enter;display:flex;position:fixed;top:20px;right:22px}.high-five-button{border:2px solid var(--gold);cursor:pointer;background:#fbefc7;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:transform .14s,box-shadow .14s;display:grid;position:relative;box-shadow:0 4px #c9a94f,0 10px 22px #3d392f26}.high-five:not(.is-done) .high-five-button{animation:4s ease-in-out 2s infinite high-five-wiggle}.high-five-button:hover{transform:translateY(-2px)rotate(-8deg)scale(1.06);animation:none!important}.high-five-button:active{transform:translateY(3px)scale(.94);box-shadow:0 1px #c9a94f,0 4px 10px #3d392f26}.high-five.is-done .high-five-button{background:var(--sage);border-color:#b6c09a;box-shadow:0 4px #a3ad86,0 10px 22px #3d392f26}.high-five-face{place-items:center;display:grid}.high-five-hand{font-size:28px;line-height:1;display:inline-block}.high-five-face.is-smashed{animation:.42s ease-out high-five-shake}.high-five-face.is-smashed .high-five-hand{animation:.52s cubic-bezier(.2,1.6,.4,1) high-five-slap}.high-five-badge{border:2px solid var(--paper);color:#fffaf0;background:var(--terracotta);border-radius:99px;min-width:24px;padding:3px 7px;font-size:11px;font-weight:800;line-height:1.1;animation:.5s cubic-bezier(.2,1.6,.4,1) high-five-bump;position:absolute;top:-6px;left:-8px}.high-five-bubble{color:var(--ink);background:var(--paper);white-space:nowrap;border:1px solid #e6decb;border-radius:14px;padding:7px 12px;font-size:13px;font-weight:800;animation:.4s cubic-bezier(.2,1.6,.4,1) high-five-bubble-in;position:relative;box-shadow:0 6px 16px #3d392f1f}.high-five-bubble:after{background:var(--paper);content:"";border-top:1px solid #e6decb;border-right:1px solid #e6decb;width:10px;height:10px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.high-five-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;right:29px}.high-five-ring{border:4px solid var(--gold);opacity:0;border-radius:50%;width:80px;height:80px;animation:.6s ease-out high-five-ring;position:absolute;top:-40px;left:-40px}.high-five-particle{font-size:var(--size);opacity:0;animation:high-five-fly .9s cubic-bezier(.15, .8, .3, 1) var(--delay) forwards;line-height:1;position:absolute;top:0;left:0}.high-five-word{color:var(--terracotta);letter-spacing:1px;text-shadow:2px 2px 0 var(--gold);white-space:nowrap;opacity:0;font-size:26px;font-weight:900;animation:1s cubic-bezier(.2,1.6,.4,1) forwards high-five-pop;position:absolute;top:36px;right:10px}.high-five-plus{color:#6f8a45;opacity:0;font-size:22px;font-weight:900;animation:1.1s ease-out .12s forwards high-five-drop;position:absolute;top:34px;left:-14px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes high-five-enter{0%{opacity:0;transform:scale(.3)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes high-five-wiggle{0%,72%,to{transform:rotate(0)scale(1)}76%{transform:rotate(-16deg)scale(1.12)}80%{transform:rotate(14deg)scale(1.12)}84%{transform:rotate(-10deg)scale(1.08)}88%{transform:rotate(6deg)scale(1.04)}92%{transform:rotate(0)scale(1)}}@keyframes high-five-bubble-in{0%{opacity:0;transform:translate(10px)scale(.6)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes high-five-slap{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.9)rotate(-22deg)translateY(-6px)}55%{transform:scale(.85)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes high-five-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)rotate(-3deg)}40%{transform:translate(5px,-2px)rotate(3deg)}60%{transform:translate(-3px,1px)rotate(-1deg)}80%{transform:translate(2px)rotate(1deg)}}@keyframes high-five-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}@keyframes high-five-fly{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(0) rotate(0deg) scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) rotate(var(--spin)) scale(1)}}@keyframes high-five-pop{0%{opacity:0;transform:scale(.2)rotate(-20deg)}25%{opacity:1;transform:scale(1.25)rotate(-8deg)}70%{opacity:1;transform:scale(1)rotate(-8deg)}to{opacity:0;transform:scale(.9)rotate(-8deg)}}@keyframes high-five-drop{0%{opacity:0;transform:translateY(-10px)scale(.6)}25%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(30px)scale(1)}}@keyframes high-five-rise{0%{opacity:0;transform:translateY(10px)scale(.6)}25%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-30px)scale(1)}}@keyframes high-five-bump{0%{transform:scale(1)}40%{transform:scale(1.5)rotate(-6deg)}to{transform:scale(1)}}@media (width>=761px) and (width<=1300px){.site-header{padding-right:72px}}@media (width>=761px){.high-five-bubble{transform-origin:100% 0;animation-name:high-five-bubble-drop;position:absolute;top:calc(100% + 12px);right:0}.high-five-bubble:after{border-left:1px solid #e6decb;border-right:0;top:-6px;right:22px;transform:rotate(45deg)}.high-five-word{top:-22px;right:44px}.high-five-plus{top:14px;left:-66px}}@keyframes high-five-bubble-drop{0%{opacity:0;transform:translateY(-8px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.high-five{top:auto;right:16px;bottom:calc(18px + env(safe-area-inset-bottom))}.high-five-word{top:auto;bottom:36px}.high-five-plus{animation-name:high-five-rise;top:auto;bottom:34px}}.hero-art{aspect-ratio:1;justify-self:center;width:min(100%,410px);margin-top:-6px;position:relative}.art-sun{background:#f4e9cd;border-radius:50%;position:absolute;inset:12%}.art-orbit{border:1px solid #dfd4bb;border-radius:50%;position:absolute;inset:5%}.orbit-two{border-style:dashed;border-color:#dfd4bb90;inset:0}.moon-disc{background:#c28b61;border-radius:50%;width:43%;height:58%;position:absolute;top:19%;left:32%;overflow:hidden;transform:rotate(-31deg)}.moon-cutout{background:#f4e9cd;border-radius:50%;width:100%;height:95%;position:absolute;top:-8%;left:30%}.sparkle{color:#c28b61;position:absolute}.sparkle-one{width:31px;top:20%;right:16%}.sparkle-two{color:#d9b866;width:21px;bottom:23%;right:22%}.sparkle-three{color:#d9b866;width:15px;top:40%;left:12%}.floating-star{color:#9b7955;position:absolute}.star-one{font-size:20px;top:13%;left:25%}.star-two{font-size:22px;top:28%;right:7%}.star-three{font-size:18px;bottom:17%;left:27%}.art-caption{color:var(--muted);background:var(--paper);font-family:var(--font-comic);border:1px solid #dfd4bb;border-radius:99px;padding:7px 12px;font-size:12px;font-style:italic;position:absolute;bottom:11%;right:10%;transform:rotate(-5deg)}.hero-bottom-note{color:#9c9382;letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:29px;left:50%;transform:translate(-50%)}.hero-bottom-note span{color:var(--terracotta);font-size:16px}.coming-section{width:min(1010px,100% - 64px);margin:0 auto;padding:115px 0 120px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2,.about-copy h2{color:var(--ink);letter-spacing:-2.7px;margin:0;font-size:clamp(34px,5vw,54px);font-weight:900;line-height:1.05}.section-heading h2 span{color:var(--terracotta);font-family:var(--font-comic);font-style:italic;font-weight:500}.section-intro{max-width:390px;color:var(--muted);margin:20px auto 0;font-size:13px;line-height:1.8}.topic-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:48px;display:grid}.topic-card{border-radius:12px;min-height:223px;padding:23px 23px 25px;position:relative;overflow:hidden}.topic-card.peach{background:#eed9c4}.topic-card.sage{background:#d7ddc4}.topic-card.yellow{background:#f0dfab}.card-topline{justify-content:space-between;align-items:flex-start;display:flex}.card-number{color:#736b5e;letter-spacing:1px;font-size:10px;font-weight:800}.card-symbol{color:#635b4c;width:36px;height:36px;font-family:var(--font-comic);border:1px solid #3d392f30;border-radius:50%;place-items:center;font-size:21px;display:grid}.topic-card h3{color:var(--ink);letter-spacing:-.5px;margin:24px 0 8px;font-size:18px}.topic-card p{color:#645e52;max-width:235px;margin:0;font-size:12px;line-height:1.75}.card-scribble{color:#3d392f20;font-size:28px;position:absolute;bottom:10px;right:18px;transform:rotate(14deg)}.about-section{background:#e9e9dc;border-radius:18px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;width:min(900px,100% - 64px);min-height:330px;margin:0 auto 100px;padding:54px 70px;display:grid}.about-sticker{color:#5f6650;letter-spacing:3px;border:1px solid #b1ae91;border-radius:50%;flex-direction:column;justify-content:center;justify-self:center;align-items:center;width:175px;height:175px;font-size:14px;font-weight:900;display:flex;transform:rotate(-11deg)}.sticker-heart{color:var(--terracotta);font-family:var(--font-comic);margin:1px 0;font-size:43px;line-height:1}.about-copy .eyebrow{margin-bottom:15px}.about-copy h2{letter-spacing:-2px;max-width:430px;font-size:clamp(30px,4vw,42px)}.about-copy>p:not(.eyebrow,.insha-note){max-width:460px;color:var(--muted);margin:17px 0 0;font-size:13px;line-height:1.85}.insha-note{color:var(--terracotta);font-family:var(--font-comic);margin:16px 0 0;font-size:14px;font-style:italic}.site-footer{border-top:1px solid #ded9cb;min-height:100px}.footer-brand{font-size:14px}.footer-brand .brand-mark{width:29px;height:29px}.footer-brand .brand-moon{font-size:20px}.site-footer>p{color:#918a7d;font-family:var(--font-comic);font-size:12px;font-style:italic}.back-to-top{color:var(--muted);font-size:11px}@media (width<=760px){.site-header,.site-footer{width:calc(100% - 36px)}.site-header{height:76px}.site-header nav{gap:17px}.site-header nav a{font-size:11px}.header-note{display:none}.hero{grid-template-columns:1fr;width:calc(100% - 36px);min-height:auto;padding:57px 32px 72px}.hero-copy{max-width:550px;margin-inline:auto}.hero h1{font-size:clamp(78px,16vw,112px)}.welcome{max-width:500px}.hero-art{width:min(330px,84%);margin:38px auto 0}.hero-bottom-note{bottom:24px}.coming-section{width:calc(100% - 40px);padding:87px 0}.topic-grid{gap:12px}.topic-card{min-height:225px;padding:18px 16px}.about-section{gap:40px;width:calc(100% - 40px);margin-bottom:65px;padding:42px 38px}}@media (width<=540px){.brand{gap:7px;font-size:14px}.brand-mark{width:29px;height:29px}.brand-moon{font-size:21px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.hero{padding:46px 23px 65px}.hero h1,.title-sparkle{letter-spacing:-2px}.welcome{margin-top:23px;font-size:13px;line-height:1.8}.hero-art{width:min(280px,90%)}.topic-grid{grid-template-columns:1fr;max-width:370px;margin-inline:auto}.topic-card{min-height:188px;padding:22px}.topic-card h3{margin-top:17px}.about-section{grid-template-columns:1fr;gap:30px;padding:38px 28px}.about-sticker{width:130px;height:130px;font-size:11px}.sticker-heart{font-size:33px}.site-footer{flex-wrap:wrap;gap:6px 12px;min-height:90px;padding-block:18px}.site-footer>p{text-align:center;order:1;width:100%;margin:0}}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/comic-neue-latin-400-normal-BdhG8RSD.woff2)format("woff2"),url(/assets/comic-neue-latin-400-normal-CU7kPFAv.woff)format("woff")}@font-face{font-family:Comic Neue;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/comic-neue-latin-400-italic-M4xWX4-3.woff2)format("woff2"),url(/assets/comic-neue-latin-400-italic-CBav0m9T.woff)format("woff")}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2)format("woff2"),url(/assets/comic-neue-latin-700-normal-yR9qu__P.woff)format("woff")}:root{font-family:var(--font-comic);color:#3d392f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--cream:#f5f2e7;--paper:#fffaf0;--ink:#3d392f;--muted:#777064;--terracotta:#b8795b;--peach:#eed9c4;--sage:#d7ddc4;--gold:#e7c976;--font-comic:"Comic Sans MS", "Comic Sans", "Comic Neue", sans-serif;background:#f5f2e7}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;margin:0}body,button,a{font-family:var(--font-comic)}a{color:inherit}::selection{color:var(--ink);background:var(--gold)}:focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
