.playful{--bg:#fff6e8;--ink:#312544;--muted:#74657b;--accent:#68469a;--line:#d9cddd;--panel:#fffcf5;--soft:#f0e9f5;--bar:#eee3f5;--focus:#8b36a5;--selection:#ffadcf}.playful h1,.playful h2,.playful h3{letter-spacing:-.06em;font-family:Space Grotesk Variable,sans-serif}.playful .brand{color:#493387}.playful .brand-dot{color:#ad3c76}.playful .button{color:#fff6e8;background:#493387;border-color:#493387;border-radius:7px;box-shadow:3px 4px #c9b5df}.playful .button:hover{transform:translate(-1px,-2px);box-shadow:5px 6px #c9b5df}.p-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding-block:35px 70px;display:grid}.p-label{color:#795394;align-items:center;gap:10px;font-size:.76rem;font-weight:500;display:flex}.p-label>span{font-size:1.2rem}.p-hero h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(4rem,6vw,6rem);font-weight:600;line-height:1.02}.p-hero h1>span{white-space:nowrap;color:#674090;position:relative}.p-hero h1>span:after{content:"";z-index:-1;background:#ffca9b;width:100%;height:13px;position:absolute;bottom:3px;left:0;transform:rotate(-2deg)}.p-hero h1{isolation:isolate}.p-hero-copy>p:not(.p-label){max-width:450px;font-size:.98rem;line-height:1.8}.p-hero .actions{gap:23px;margin-top:27px}.p-text-link{border-bottom:1px solid #bca9c7;padding-bottom:3px;font-size:.8rem}.p-hero-copy>p.p-hero-note{max-width:100%;margin-top:20px;font-size:.67rem}.p-adventure{color:#fff6e8;background:#624690;border:1px solid #624690;border-radius:18px;padding:21px 23px 14px;transform:rotate(1deg);box-shadow:7px 8px #e2cee8}.p-map-caption{color:#e8dcf5;justify-content:space-between;align-items:center;gap:12px;font-size:.57rem;display:flex}.p-demo-stamp{color:#42305b;white-space:nowrap;background:#d8c9ec;border-radius:3px;padding:4px 7px;font-size:.54rem}.p-map{aspect-ratio:580/430;margin-block:10px;margin-inline:-13px;position:relative}.p-road{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.p-stop{color:#fff6e8;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.p-stop>span{color:#3f2866;background:#c0d9f5;border:2px solid #2b1b4f;border-radius:50%;place-items:center;width:43px;height:43px;font-family:ui-monospace,monospace;font-size:25px;transition:transform .18s;display:grid;box-shadow:3px 4px #382255}.p-stop>b{white-space:nowrap;background:#624690;border-radius:3px;padding:1px 5px;font-size:.62rem;font-weight:500}.p-stop[aria-selected=true]>span{outline-offset:5px;outline:2px solid #fff6e8;transform:scale(1.07)}.p-stop:hover>span{transform:translateY(-4px)}.p-stop.start{top:82%;left:12%}.p-stop.fork{top:44%;left:33%}.p-stop.fork>span{background:#ffd669}.p-stop.block{top:72%;left:61%}.p-stop.block>span{background:#ffadcf}.p-stop.done{top:39%;left:90%}.p-stop.done>span{background:#cef0b4}.p-story-panel{background:#fff7ec;border:1px solid #40305a;border-radius:9px;align-items:start;gap:14px;min-height:102px;padding:18px 17px;display:flex;transform:rotate(-1deg);box-shadow:0 3px #392757}.p-story-panel strong{color:#443253;font-size:.81rem;font-weight:600}.p-story-panel p{color:#736278;max-width:375px;margin-top:4px;font-size:.7rem}.p-story-panel code{color:#77468b;font-size:.66rem}.p-story-icon{color:#63385c;background:#ffd5df;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;margin-top:2px;font-family:ui-monospace,monospace;font-size:23px;line-height:1;display:grid}.p-map-hint{text-align:center;color:#e5d8ee;margin-top:13px;font-size:.59rem}.p-ribbon{background:#efdcf0;border-block:1px solid #d8c3df}.p-ribbon .wrap{justify-content:space-between;align-items:center;gap:18px;padding-block:21px;display:flex}.p-ribbon span{letter-spacing:-.03em;color:#57336e;align-items:center;gap:22px;font-family:Space Grotesk Variable,sans-serif;font-size:1rem;display:flex}.p-ribbon b{font-size:22px;font-weight:400;line-height:1}.p-how{padding-block:100px}.p-section-header{justify-content:space-between;align-items:end;gap:60px;display:flex}.p-section-header h2{margin-top:18px;font-weight:500;line-height:1.1}.p-section-header>p{max-width:360px;font-size:.92rem;line-height:1.9}.p-steps{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px;display:grid}.p-step-illustration{background:#efdeef;border:1px solid #e0cce4;border-radius:12px;justify-content:center;align-items:center;height:145px;margin-bottom:26px;display:flex;position:relative}.p-step-illustration>span{color:#806792;font-family:ui-monospace,monospace;font-size:.7rem;position:absolute;top:17px;left:19px}.p-step-illustration svg{width:160px;height:110px}.p-step-illustration.wander{background:#e0eaf5;border-color:#cbddec}.p-step-illustration.learn{background:#f9e5b9;border-color:#eddaae}.p-steps h3{letter-spacing:-.04em;font-size:1.22rem;font-weight:500}.p-steps p{max-width:340px;margin-top:13px;font-size:.85rem;line-height:1.85}.p-results{background:#f2e7f4;border-block:1px solid #ddcce5;padding-block:85px}.p-results .p-section-header{margin-bottom:45px}.p-report-sheet{background:#fffcf5;border:1.5px solid #6f5586;border-radius:7px;overflow:hidden;transform:rotate(-.5deg);box-shadow:6px 7px #dac7e4}.p-sheet-header{color:#76627f;border-bottom:1px solid #ded2e0;justify-content:space-between;align-items:center;gap:16px;padding:17px 27px;font-size:.65rem;display:flex}.p-paper-tag{background:#f0e3f1;border-radius:3px;padding:4px 8px;font-size:.62rem}.p-sheet-main{gap:26px;padding:35px;display:flex}.p-ask-no{color:#b49bc7;letter-spacing:-.06em;flex:none;padding-top:23px;font-family:Space Grotesk Variable,sans-serif;font-size:3.8rem;line-height:1}.p-ask-no>span{letter-spacing:0;color:#897093;margin-top:10px;font-size:.6rem;line-height:1.5;display:block}.p-ask-label{color:#9a5365;margin-bottom:10px;font-size:.67rem;display:block}.p-sheet-main h3{font-size:2.5rem;font-weight:500;line-height:1.05}.p-sheet-main p{margin-top:20px;font-size:.83rem;line-height:1.9}.p-sheet-main code{color:#805489;background:#f4dfef;border-radius:3px;padding:2px 4px;font-size:.78rem}.p-fix-sticker{color:#755026;text-align:center;background:#ffd669;border:1px dashed #ae7939;border-radius:50%;outline:5px solid #ffd669;flex-direction:column;flex:none;justify-content:center;align-self:center;align-items:center;width:135px;height:135px;margin-left:auto;margin-right:15px;font-family:Space Grotesk Variable,sans-serif;font-size:.95rem;line-height:1.3;display:flex;transform:rotate(10deg)}.p-fix-sticker>span{margin-bottom:8px;font-size:2.2rem;line-height:1}.p-sheet-bottom{background:#faf6ef;border-top:1px solid #ded2e0;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:26px 35px;display:grid}.p-sheet-bottom>div>span{color:#886c95;margin-bottom:7px;font-size:.65rem;font-weight:600;display:block}.p-sheet-bottom p,.p-sheet-bottom a{font-size:.77rem}.p-sheet-bottom a{color:#6e4295;border-bottom:1px solid #cab5d8;padding-bottom:3px}.p-results-links{grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;display:grid}.p-results-links a{background:#e4d3f0;border:1px solid #d6bde8;border-radius:8px;align-items:center;gap:17px;padding:22px;transition:transform .18s;display:flex}.p-results-links a:hover{transform:translateY(-3px)}.p-results-links a>span{color:#784b9b;font-family:ui-monospace,monospace;font-size:2rem}.p-results-links strong{font-size:.9rem;font-weight:500}.p-results-links p{margin-top:3px;font-size:.74rem}.p-results-links b{color:#875ca2;margin-left:auto;font-size:1.5rem;font-weight:400}.p-start{grid-template-columns:.9fr 1.1fr;gap:75px;padding-block:95px;display:grid}.p-start h2{margin-top:19px;font-weight:500;line-height:1.08}.p-start h2>span{color:#7b4b98}.p-start>div>p:not(.p-label){max-width:430px;margin-top:22px;font-size:.89rem;line-height:1.85}.p-checklist{color:#6e5f78;gap:14px;margin:27px 0;padding:0;font-size:.79rem;list-style:none;display:grid}.p-checklist li{align-items:start;gap:12px;display:flex}.p-checklist span{color:#965f90}.p-before-note{border-left:3px solid #dab4dc;max-width:430px;padding-left:18px}.p-before-note strong{font-size:.82rem;font-weight:600}.p-before-note p{margin-top:5px;font-size:.77rem;line-height:1.85}.p-start>div>p.p-harness-note{margin-top:26px;font-size:.72rem;line-height:1.9}.p-start>div>p.p-install-note{margin-top:20px;font-size:.7rem;line-height:1.9}.playful .prompt-box{border-color:#ad91c3;border-radius:9px;box-shadow:5px 6px #e3d5eb}.playful .prompt-heading{background:#eee0f5;border-bottom-color:#cfb7df}.playful .prompt-heading .copy-button{color:#fff6e8;background:#5e3b87;border-color:#5e3b87}.playful .prompt-bottom{background:#f4eaf6;border-top-color:#dfcde7}.playful .prompt-text{font-size:.77rem;line-height:1.85}.p-variations{color:var(--accent);padding-block:8px 15px;font-size:.73rem;display:block}.p-variations:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=1100px){.p-hero{grid-template-columns:1fr 1.1fr;gap:35px}.p-hero h1{font-size:4.75rem}.p-adventure{padding:18px 18px 13px}.p-map-caption{gap:6px;font-size:.52rem}.p-story-panel{min-height:112px;padding:15px}.p-story-panel strong{font-size:.74rem}.p-story-panel p{font-size:.65rem}.p-stop>span{width:37px;height:37px;font-size:23px}.p-start{gap:40px}.p-fix-sticker{width:115px;height:115px;margin-right:0;font-size:.8rem}.p-sheet-main h3{font-size:2.2rem}.p-ribbon span{gap:13px;font-size:.85rem}.p-steps{gap:25px}.p-steps h3{font-size:1.1rem}}@media (width<=820px){.p-hero{grid-template-columns:1fr;gap:35px;padding-top:20px}.p-hero h1{font-size:5rem}.p-hero h1 br:nth-of-type(2){display:none}.p-hero-copy>p:not(.p-label){max-width:550px}.p-adventure{max-width:600px;padding:22px;transform:rotate(.5deg)}.p-map-caption{font-size:.62rem}.p-story-panel{min-height:94px}.p-story-panel strong{font-size:.87rem}.p-story-panel p{font-size:.75rem}.p-stop>span{width:43px;height:43px}.p-ribbon .wrap{grid-template-columns:1fr 1fr;gap:15px 30px;display:grid}.p-ribbon span{justify-content:space-between;font-size:.9rem}.p-section-header{display:block}.p-section-header>p{max-width:550px;margin-top:24px}.p-steps{gap:22px}.p-step-illustration{height:125px}.p-steps h3{font-size:1.1rem;line-height:1.15}.p-steps p{font-size:.79rem}.p-how{padding-block:65px}.p-results{padding-block:60px}.p-sheet-main{gap:23px;padding:28px}.p-fix-sticker{display:none}.p-sheet-bottom{gap:22px;padding:25px 28px}.p-start{grid-template-columns:1fr;gap:35px;padding-block:65px}.p-start>div>p:not(.p-label){max-width:600px}.p-checklist{font-size:.83rem}.p-before-note{max-width:550px}.p-results-links a{gap:13px;padding:18px}.p-results-links a>span{display:none}}@media (width<=520px){.p-hero h1{font-size:4.1rem}.p-hero h1 br:nth-of-type(2){display:block}.p-hero-copy>p:not(.p-label){font-size:.93rem}.p-hero .actions{gap:20px}.p-adventure{padding:17px 14px 12px;box-shadow:4px 5px #e2cee8}.p-map-caption{font-size:.52rem}.p-demo-stamp{font-size:.48rem}.p-map{margin-inline:-3px}.p-stop>span{border-width:1px;width:32px;height:32px;font-size:20px}.p-stop>b{font-size:.52rem}.p-story-panel{gap:10px;min-height:104px;padding:14px 12px}.p-story-panel strong{font-size:.74rem}.p-story-panel p{font-size:.66rem}.p-story-icon{width:24px;height:26px;font-size:19px}.p-map-hint{font-size:.55rem}.p-ribbon .wrap{gap:12px 23px}.p-ribbon span{gap:10px;font-size:.75rem}.p-ribbon b{font-size:19px}.p-steps{grid-template-columns:1fr;gap:35px}.p-step-illustration{height:130px;margin-bottom:20px}.p-steps h3{font-size:1.3rem}.p-steps p{max-width:100%;font-size:.87rem}.p-sheet-header{gap:9px;padding:15px;font-size:.53rem}.p-paper-tag{padding:4px 6px;font-size:.5rem}.p-sheet-main{gap:15px;padding:24px 20px}.p-ask-no{padding-top:28px;font-size:2.65rem}.p-ask-no>span{font-size:.5rem}.p-sheet-main h3{font-size:1.6rem}.p-sheet-main p{font-size:.74rem}.p-sheet-main code{font-size:.69rem}.p-sheet-bottom{grid-template-columns:1fr;gap:18px;padding:24px}.p-results-links{grid-template-columns:1fr;gap:15px}.p-results-links a>span{display:block}.playful .prompt-text{font-size:.72rem}.p-start h2{font-size:2.5rem}}