:root{font-family:Comic Neue,Comic Sans MS,Trebuchet MS,sans-serif;color:#2d3931;background:#fffdf5;font-synthesis:none;font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body,h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #7151b2;outline-offset:6px}.page[data-tv-mode=true] a:focus,.page[data-tv-mode=true] button:focus{outline:3px solid #7151b2;outline-offset:3px}.page{overflow:hidden;min-height:100vh;background:radial-gradient(#dedfcf .8px,transparent .8px) 0 0/22px 22px,#fffdf5}.page-container{width:min(1080px,100% - 80px);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:12px;background:#fff}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid #e8e7da;background:#fffdf5}.navigation{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:31px;line-height:.85;letter-spacing:-1.5px}.brand-icon{display:grid;place-items:center;width:46px;height:48px;border:2px solid #3b694c;border-radius:15px;background:#e1edc8;transform:rotate(-9deg);color:#397b55}.brand-icon svg{width:30px}.brand-subtitle{display:block;margin-top:10px;font-size:10px;letter-spacing:2.7px}.nav-link{text-decoration:none;font-size:16px;display:flex;align-items:center;gap:15px}.nav-link span{background:#eeeede;border:1px solid #d8d9c7;border-radius:50%;padding:5px 9px;font-size:20px}.hero{position:relative;text-align:center;padding-top:62px;padding-bottom:55px}.welcome-pill{display:inline-flex;gap:9px;align-items:center;padding:8px 16px;border:1px solid #dcdfc7;border-radius:30px;background:#f0f3df;color:#50653d;font-size:14px}.welcome-pill span{color:#7b8e45;font-size:20px}h1{margin:22px auto 20px;font-size:clamp(40px,5.7vw,68px);letter-spacing:-2.4px;line-height:1.15}h1>span{color:#417f58;display:inline-block;position:relative}h1 svg{position:absolute;width:100%;height:15px;bottom:-7px;left:0;fill:none;stroke:#eab55f;stroke-width:5;stroke-linecap:round}.lead{font-size:21px;line-height:1.5;color:#657165;font-weight:400}.browse-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;margin-top:25px;min-height:54px;padding:12px 24px;background:#f6c968;border:2px solid #695536;border-radius:16px;box-shadow:0 4px #695536;text-decoration:none;font-size:20px;transition:transform .2s,box-shadow .2s}.browse-button:hover{transform:translateY(-3px);box-shadow:0 7px #695536}.browse-button:active{transform:translateY(3px);box-shadow:0 1px #695536}.hero-note{font-size:13px;color:#737b6d;margin-top:17px;font-weight:400}.hero-doodle{position:absolute;width:39px;color:#e4b155;animation:sway 4s ease-in-out infinite}.doodle-one{left:5%;top:92px;transform:rotate(-14deg)}.doodle-two{right:4%;top:195px;width:27px;color:#a696c8;animation-delay:-2s}.orbit{position:absolute;left:8%;bottom:87px;width:29px;height:29px;border:3px solid #afc7b5;border-radius:50%;border-style:dashed;transform:rotate(-20deg)}.app-library{padding-top:19px;scroll-margin-top:28px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:2px;color:#78836f;margin-bottom:9px}h2{font-size:32px;letter-spacing:-.8px;line-height:1.2}.app-count{white-space:nowrap;background:#fffdf5;border:1px solid #dfdfcf;border-radius:24px;padding:9px 14px;font-size:14px;color:#6a735f}.app-count span{margin-left:10px;color:#c28d32}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.app-card{--card-color: #397a5b;--card-border: #c0d5bd;background:#fffef9;border:2px solid var(--card-border);border-radius:26px;box-shadow:0 6px #e0e5d4;transition:transform .25s,box-shadow .25s}.app-moon{--card-color: #795eaa;--card-border: #d1c7e6;box-shadow:0 6px #e7e1ef}.app-card:hover,.app-card:focus-within{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 12px #e0e5d4}.app-moon:hover,.app-moon:focus-within{transform:translateY(-6px) rotate(.5deg);box-shadow:0 12px #e7e1ef}.app-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;border-radius:24px}.card-art{position:relative;background:#e4f0df;border-radius:24px 24px 0 0;border-bottom:2px solid var(--card-border);display:grid;place-items:center;height:223px;overflow:hidden}.app-moon .card-art{background:#eee9fa}.card-art:before,.card-art:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff80;border-radius:50%}.card-art:before{width:250px;height:250px}.card-category{position:absolute;left:20px;top:17px;z-index:1;padding:6px 10px;border:1px solid var(--card-border);border-radius:20px;color:var(--card-color);background:#fffef9c9;font-size:12px}.card-number{position:absolute;right:20px;top:21px;color:var(--card-color);font-size:12px;letter-spacing:2px}.app-art{position:relative;width:300px;max-width:100%;height:204px;margin-top:23px;overflow:visible}.card-content{padding:25px 28px 22px;display:flex;flex-direction:column;flex:1}.card-eyebrow{font-size:12px;color:var(--card-color);margin-bottom:7px}h3{font-size:32px;letter-spacing:-.7px;line-height:1.2}.card-description{margin-top:10px;max-width:340px;font-size:18px;color:#657165;font-weight:400;line-height:1.5}.card-action{margin-top:auto;padding-top:23px;display:flex;justify-content:space-between;align-items:center;color:var(--card-color);font-size:20px}.action-arrow{display:grid;place-items:center;width:40px;height:40px;background:#e4f0df;border:1px solid var(--card-border);border-radius:50%;transition:transform .2s}.app-moon .action-arrow{background:#eee9fa}.app-card-link:hover .action-arrow{transform:rotate(45deg)}.play-note{display:flex;align-items:center;justify-content:center;gap:19px;margin:47px 0 38px;font-size:16px;font-weight:400;line-height:1.6;color:#76806c}.play-note strong{font-weight:700;color:#4a5e49}.note-flower{font-size:47px;color:#cf9365;transform:rotate(-15deg)}.note-squiggle{font-size:44px;color:#a7b68c;margin-left:20px}.site-footer{border-top:1px dashed #d8dccc;padding:25px 0 29px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#78806f;font-size:13px;font-weight:400}.site-footer p span{color:#c87a68}.motion-toggle{cursor:pointer;background:#fffdf5;color:#637159;border:1px solid #d8dccc;border-radius:20px;min-height:44px;padding:8px 15px;font-size:13px}.motion-toggle:hover{background:#edf1e1}.art-float{animation:bob 4s ease-in-out infinite;transform-origin:center}.art-float-late{animation-delay:-2s}.art-twinkle{animation:twinkle 3s ease-in-out infinite;transform-origin:center}.page.motion-paused *{animation-play-state:paused!important}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sway{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.45}}@media(min-width:1450px){.hero{padding-top:78px;padding-bottom:68px}}@media(max-width:700px){.page-container{width:calc(100% - 40px)}.navigation{min-height:85px}.brand{font-size:27px}.brand-icon{width:39px;height:42px}.nav-link{font-size:14px;gap:8px}.hero{padding-top:44px;padding-bottom:45px}h1{font-size:46px;letter-spacing:-1.8px;max-width:460px}.lead{font-size:19px}.hero-doodle{opacity:.6}.doodle-one{left:0;top:43px;width:24px}.doodle-two{right:0;top:270px;width:23px}.orbit{display:none}.library-heading{align-items:flex-end}h2{font-size:27px;max-width:250px}.app-count{font-size:12px;padding:8px 10px}.app-count span{display:none}.app-grid{gap:23px;grid-template-columns:1fr}.card-art{height:216px}.card-content{padding:23px}.card-description{max-width:none}.play-note{margin:36px 0 30px;gap:12px;font-size:14px}.note-squiggle{display:none}.site-footer{flex-direction:column;text-align:center}.welcome-pill{font-size:12px}h3{font-size:30px}}@media(max-width:360px){.page-container{width:calc(100% - 32px)}.nav-link{gap:5px;font-size:12px}.nav-link span{padding:3px 7px}.brand{gap:8px;font-size:25px}h1{font-size:40px}.library-heading{gap:8px}h2{font-size:25px}.eyebrow{font-size:10px;letter-spacing:1.3px}.app-count{font-size:11px}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page *,.page *:before,.page *:after{animation:none!important;transition:none!important}.app-card:hover,.app-card:focus-within{transform:none}}