/* Interactive screen motion: independent character, bird, ground, and sheet. */
#forest-pull{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:-13px auto 12px;width:200px;min-height:37px;background:#fff9;border:1px solid #dfece0;border-radius:30px;color:#6b8e79;font-size:11px;font-weight:700;touch-action:none;z-index:5;user-select:none}.pull-line{display:block;width:30px;height:4px;border-radius:4px;background:#bdd4c3}.pull-chevron{font-size:20px;line-height:12px}.mascot{touch-action:manipulation}.rig{position:relative;display:block;width:100%;aspect-ratio:1;transform-origin:50% 92%}.body-layer{position:absolute;inset:0;display:block;transform-origin:50% 92%;will-change:transform}.body-image{animation:breathing 4.5s ease-in-out infinite;transform-origin:50% 92%}.bird-layer{position:absolute;display:block;width:31%;left:40%;top:-11%;transform-origin:56% 82%;will-change:transform}.bird-layer img{animation:bird-idle 3.6s ease-in-out infinite;transform-origin:56% 82%}.landing-shadow{position:absolute;bottom:14px;left:50%;width:230px;height:25px;margin-left:-115px;background:radial-gradient(ellipse,#55794935 0%,#55794910 55%,transparent 73%);border-radius:50%;transform-origin:center;pointer-events:none}.landing-ring{position:absolute;bottom:4px;left:50%;margin-left:-70px;border:2px solid #ffffffbd;width:140px;height:24px;border-radius:50%;opacity:0;pointer-events:none}.landscape .mascot{bottom:-5px;width:370px}.landscape .hill-one{background:linear-gradient(160deg,#d5eabd,#e9f5dd);border-radius:50% 70% 0 0}.landscape .hill-two{background:linear-gradient(180deg,#d3e8bd,#e7f3db)}.replay-arrival{display:block;background:#ffffff80;border:1px solid #d5e8d9;margin:8px auto 12px;padding:8px 15px;font-size:11px;color:#658571;border-radius:30px}.replay-arrival:hover{background:#fff}.small-card{transition:transform .2s,box-shadow .2s}.small-card:active{transform:scale(.96) translateY(2px)}.small-card:hover .notebook{transform:rotate(-8deg) translateY(-4px)}.small-card:hover .mug{transform:rotate(6deg) translateY(-4px)}.notebook,.mug{transition:transform .3s cubic-bezier(.2,.8,.3,1.4)}nav button{transition:background .2s,transform .2s}nav button:active{transform:scale(.92)}
@keyframes breathing{0%,100%{transform:scale(1,1)}50%{transform:scale(1.013,.988)}}@keyframes bird-idle{0%,55%,100%{transform:rotate(0deg) translateY(0)}65%{transform:rotate(-7deg) translateY(-3px)}78%{transform:rotate(4deg) translateY(0)}}
#forest-dialog{padding:0;max-width:480px;width:calc(100% - 24px);height:min(780px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:auto;border-radius:34px;background:#eef8ef;overflow:hidden;overscroll-behavior:contain;box-shadow:0 25px 100px #15372738}.forest-sheet{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:linear-gradient(155deg,#e2f3e8,#f7fbf4 65%);border-radius:inherit}.forest-handle{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;width:100%;background:#ffffff4d;color:#6d8c77;font-size:11px;touch-action:none;user-select:none}.forest-heading{position:relative;z-index:2;padding:20px 25px 0;width:66%;pointer-events:none}.forest-heading .eyebrow{font-size:9px;letter-spacing:2px;margin:7px 0 14px}.forest-heading h2{font-size:31px;line-height:1.4;letter-spacing:1px}.forest-heading>p:last-child{font-size:12px;line-height:1.7;margin-top:13px}.forest-stage{position:absolute;top:105px;right:-5px;width:210px;height:210px;z-index:3;pointer-events:none}.forest-stage .mascot{position:absolute;width:200px;bottom:0;left:50%;pointer-events:auto}.forest-stage .landing-shadow{bottom:11px;width:145px;height:18px;margin-left:-72px}.forest-stage .landing-ring{bottom:5px;width:100px;height:18px;margin-left:-50px}.forest-hill{position:absolute;left:-5%;right:-15%;top:228px;height:240px;background:linear-gradient(145deg,#ffffffc9,#f9fcf680);border-radius:61% 30% 0 0;transform:rotate(-7deg);pointer-events:none}.forest-content{position:relative;z-index:4;margin-top:102px;padding:0 22px 20px}.forest-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.forest-stats button{background:linear-gradient(145deg,#fff,#fefefccc);border-radius:21px;padding:16px 7px 13px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 7px 19px #73987912,inset 0 2px 1px #fff;transition:transform .2s}.forest-stats button:active{transform:scale(.94)}.forest-stats svg{color:#5ea48a;fill:#a5d1b829;filter:drop-shadow(0 3px 1px #669b7930);width:27px;height:27px}.forest-stats strong{font-family:'Zen Maru Gothic',sans-serif;font-size:26px;color:#244838;font-weight:900;line-height:1.3}.forest-stats span{font-size:10px;color:#789080}.forest-note{position:relative;margin-top:22px;padding:21px 23px 24px;border-radius:26px;background:linear-gradient(140deg,#fff 55%,#e9f4e7);box-shadow:0 8px 28px #658c7012;overflow:hidden;min-height:235px}.forest-note .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 16px}.forest-note h3{font-size:22px;line-height:1.6;margin:0 50px 8px 0;overflow-wrap:anywhere}.forest-note>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:73%;white-space:pre-wrap;overflow-wrap:anywhere}.forest-note .primary{width:72%;font-size:14px;padding:12px 14px;margin-top:19px}.forest-note .notebook{position:absolute;bottom:32px;right:19px;transform:rotate(12deg);width:57px;height:69px}.forest-content>.replay-arrival{margin-top:18px}#forest-dialog::backdrop{background:#2743373b;backdrop-filter:blur(5px)}
.qa-motion{position:fixed;top:8px;right:8px;z-index:1000;padding:12px;background:#fff;border:1px solid #b9cdbd;border-radius:12px;font:12px system-ui;width:220px;box-shadow:0 4px 30px #0002}.qa-motion button{margin:3px;padding:5px}.qa-motion input{padding:0}.qa-motion output{display:block;margin:6px 0}
@media(max-width:700px){#forest-pull{margin:-5px auto 15px;min-height:31px;width:174px;font-size:10px}.welcome{min-height:374px}.landscape .mascot{width:270px;left:62%;bottom:-4px}.landscape .landing-shadow{left:62%;bottom:10px;width:170px;margin-left:-85px}.landscape .landing-ring{left:62%;bottom:6px}.landscape{bottom:-10px}.body-image{animation-duration:4.6s}.home-actions .replay-arrival{margin-bottom:16px}.forest-heading h2{font-size:28px}.forest-stage{width:180px;height:190px;top:112px;right:0}.forest-stage .mascot{width:178px}.forest-content{margin-top:95px;padding:0 18px 18px}.forest-note{min-height:218px;padding:19px}.forest-note h3{font-size:21px}.forest-note .primary{font-size:13px}#forest-dialog{width:calc(100% - 14px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:30px}.forest-heading{padding-left:22px}.forest-note .notebook{right:16px;width:48px;height:61px}}@media(max-width:350px){.landscape .mascot{width:235px;left:60%}.forest-stage{width:150px;height:170px;top:130px;right:-4px}.forest-stage .mascot{width:155px}.forest-heading h2{font-size:25px}.forest-heading{width:72%}.forest-content{margin-top:95px}.forest-stats{gap:7px}.forest-stats button{padding:12px 4px}.forest-note h3{font-size:19px}.forest-note .primary{width:76%;font-size:12px;padding:11px}.forest-note .notebook{width:39px;right:10px}.forest-note>p:not(.eyebrow){font-size:11px}}
@media(prefers-reduced-motion:reduce){.body-image,.bird-layer img{animation:none!important}.small-card:hover .notebook,.small-card:hover .mug{transform:none}}

body:not(.motion-ready) .rig{visibility:hidden}.qa-motion{top:auto;bottom:5px;width:220px;font-size:10px;padding:7px;opacity:.94}.qa-motion button{font-size:10px}.qa-motion input{height:12px}.forest-heading h2{font-size:29px}.forest-note h3{margin-right:0}.forest-handle:focus-visible{outline-offset:-5px}.bird-layer{top:-8%}

#forest-dialog.drag-preview{position:fixed;inset:0;z-index:25;pointer-events:none}.drag-preview .rig{visibility:hidden}.drag-preview .forest-content{opacity:.8}

@media(max-width:350px){.forest-heading>p:last-child{font-size:10px;white-space:nowrap}.forest-heading h2{font-size:25px}}