/* Generated from app styles by npm run website:guide. */

:is(.app-guide,.website-companion) .leaf-mascot{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;transform-origin:50% 90%;filter:drop-shadow(0 9px 10px rgba(25,71,35,.12))}:is(.app-guide,.website-companion) .leaf-mascot svg{width:100%;height:100%;overflow:visible}:is(.app-guide,.website-companion) .leaf-mascot__shadow{fill:rgba(23,55,30,.16);transform-origin:center}:is(.app-guide,.website-companion) .leaf-mascot__body{fill:url(#none);fill:#62d384;stroke:#2d9350;stroke-width:4;stroke-linejoin:round}:is(.app-guide,.website-companion) .leaf-mascot__vein{fill:none;stroke:rgba(25,45,9,.3);stroke-width:3;stroke-linecap:round}:is(.app-guide,.website-companion) .leaf-mascot__eye{fill:#17361f;transform-origin:center;animation:mascot-blink 4.8s infinite}:is(.app-guide,.website-companion) .leaf-mascot__brow,:is(.app-guide,.website-companion) .leaf-mascot__mouth,:is(.app-guide,.website-companion) .leaf-mascot__arm,:is(.app-guide,.website-companion) .leaf-mascot__leg{fill:none;stroke:#17361f;stroke-width:4;stroke-linecap:round}:is(.app-guide,.website-companion) .leaf-mascot__brow{stroke-width:3}:is(.app-guide,.website-companion) .leaf-mascot__cheek{fill:rgba(255,126,126,.45)}:is(.app-guide,.website-companion) .leaf-mascot__mouth--happy,:is(.app-guide,.website-companion) .leaf-mascot__mouth--sad{display:none}:is(.app-guide,.website-companion) .leaf-mascot__spark{position:absolute;color:#f5bd38;font-weight:900;text-shadow:0 0 12px rgba(255,203,92,.7);pointer-events:none}:is(.app-guide,.website-companion) .leaf-mascot__spark--one{top:4%;left:2%;animation:mascot-spark 1.1s ease-in-out infinite}:is(.app-guide,.website-companion) .leaf-mascot__spark--two{top:11%;right:0;animation:mascot-spark 1.1s .25s ease-in-out infinite}:is(.app-guide,.website-companion) .leaf-mascot__spark--three{top:1%;right:28%;width:6px;height:6px;background:#f5bd38;border-radius:50%;animation:mascot-spark 1.1s .5s ease-in-out infinite}:is(.app-guide,.website-companion) .leaf-mascot__drop{position:absolute;top:47%;right:24%;width:7px;height:11px;border-radius:70% 30% 55% 45%;background:#70c9ff;transform:rotate(35deg);animation:mascot-drop 1.7s ease-in infinite}:is(.app-guide,.website-companion) .leaf-mascot--happy{animation:mascot-happy .85s ease-in-out infinite alternate}:is(.app-guide,.website-companion) .leaf-mascot--happy .leaf-mascot__mouth--idle{display:none}:is(.app-guide,.website-companion) .leaf-mascot--happy .leaf-mascot__mouth--happy{display:block}:is(.app-guide,.website-companion) .leaf-mascot--happy .leaf-mascot__arm--left{transform:rotate(-18deg) translate(-3px,-7px);transform-origin:25px 69px}:is(.app-guide,.website-companion) .leaf-mascot--happy .leaf-mascot__arm--right{transform:rotate(18deg) translate(3px,-7px);transform-origin:96px 69px}:is(.app-guide,.website-companion) .leaf-mascot--happy .leaf-mascot__shadow{animation:mascot-shadow .85s ease-in-out infinite alternate}:is(.app-guide,.website-companion) .leaf-mascot--thinking{animation:mascot-thinking 2.5s ease-in-out infinite}:is(.app-guide,.website-companion) .leaf-mascot--thinking .leaf-mascot__brow--left{transform:rotate(-8deg);transform-origin:center}:is(.app-guide,.website-companion) .leaf-mascot--thinking .leaf-mascot__brow--right{transform:rotate(8deg);transform-origin:center}:is(.app-guide,.website-companion) .leaf-mascot--sad{animation:mascot-sad 2.8s ease-in-out infinite}:is(.app-guide,.website-companion) .leaf-mascot--sad .leaf-mascot__mouth--idle{display:none}:is(.app-guide,.website-companion) .leaf-mascot--sad .leaf-mascot__mouth--sad{display:block}@keyframes mascot-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes mascot-happy{from{transform:translateY(1px) rotate(-2deg)}to{transform:translateY(-8px) rotate(2deg)}}@keyframes mascot-thinking{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg) translateY(-3px)}}@keyframes mascot-sad{50%{transform:rotate(2deg) translateY(2px)}}@keyframes mascot-shadow{from{transform:scaleX(1);opacity:.2}to{transform:scaleX(.72);opacity:.1}}@keyframes mascot-spark{0%,100%{transform:scale(.65);opacity:.35}50%{transform:scale(1.2) rotate(35deg);opacity:1}}@keyframes mascot-drop{0%{transform:translateY(-2px) rotate(35deg) scale(.6);opacity:0}30%{opacity:1}100%{transform:translateY(19px) rotate(35deg);opacity:0}}@media(prefers-reduced-motion:reduce){:is(.app-guide,.website-companion) .leaf-mascot,:is(.app-guide,.website-companion) .leaf-mascot *{animation:none!important;transition:none!important}}:is(.app-guide,.website-companion) .leaf-mascot>svg{position:relative;z-index:1}:is(.app-guide,.website-companion) .mascot-accessory{pointer-events:none}:is(.app-guide,.website-companion) .mascot-accessory--companion{animation:butterfly-hover 2.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes butterfly-hover{0%,100%{transform:translate(95px,26px) rotate(-4deg)}50%{transform:translate(95px,21px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){:is(.app-guide,.website-companion) .mascot-accessory--companion{animation:none!important}}.app-guide .tutorial--journey{width:min(570px,100%);max-height:calc(100dvh - 28px);overflow:auto;padding:29px 32px 30px;text-align:center}.app-guide .tutorial--journey .skip{top:17px;right:20px;font-size:.75rem;font-weight:750}.app-guide .tutorial-step{margin:0 0 12px;color:var(--green);font-size:.68rem;font-weight:850;letter-spacing:.14em}.app-guide .tutorial-visual{height:198px;display:grid;place-items:center;overflow:hidden;margin:0 0 22px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--green),transparent 84%),transparent 62%),var(--surface2)}.app-guide .tutorial--journey h2{font-size:1.65rem;line-height:1.12;margin:0 0 10px}.app-guide .tutorial--journey .tutorial-copy{min-height:66px;margin:0 auto;color:var(--muted);font-size:.9rem;line-height:1.62;max-width:470px}.app-guide .tutorial-dots{display:flex;justify-content:center;gap:7px;margin:19px 0}.app-guide .tutorial-dots button{width:8px;height:8px;padding:0;border:1px solid color-mix(in srgb,var(--green),transparent 45%);border-radius:50%;background:transparent;transition:width .2s,background .2s,border-radius .2s}.app-guide .tutorial-dots button.active{width:25px;border-color:var(--green);border-radius:99px;background:var(--green)}.app-guide .tutorial-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.app-guide .tutorial-actions>span{display:block}.app-guide .tutorial-actions button{min-height:48px}.app-guide .tutorial-actions .primary{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:0}.app-guide .tutorial-actions .secondary{width:100%}.app-guide .tutorial-categories{width:min(390px,90%);display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.app-guide .tutorial-categories>span{display:flex;align-items:center;gap:7px;padding:11px;border:1px solid color-mix(in srgb,var(--tutorial-color),var(--line) 58%);border-radius:13px;background:color-mix(in srgb,var(--tutorial-color),transparent 91%);color:var(--tutorial-color);opacity:0;animation:tutorial-rise .42s var(--tutorial-delay) ease forwards}.app-guide .tutorial-categories small{color:var(--ink);font-size:.67rem;font-weight:800}.app-guide .tutorial-trail{position:relative;width:min(430px,94%);height:164px}.app-guide .tutorial-trail>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.app-guide .tutorial-trail>svg path{fill:none;stroke:color-mix(in srgb,var(--green),transparent 12%);stroke-width:5;stroke-linecap:round;stroke-dasharray:3 10;animation:tutorial-path 1.2s linear infinite}.app-guide .tutorial-trail-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.68rem;font-weight:800;animation:tutorial-rise .45s ease both}.app-guide .tutorial-trail-node:nth-of-type(1){left:5%;top:17px}.app-guide .tutorial-trail-node:nth-of-type(2){left:45%;top:88px;animation-delay:.15s}.app-guide .tutorial-trail-node:nth-of-type(3){right:4%;top:26px;animation-delay:.3s}.app-guide .tutorial-trail-node>b{width:57px;height:57px;display:grid;place-items:center;border:5px solid var(--surface);border-radius:50%;background:var(--green);color:white;box-shadow:0 5px 0 #277f32,0 8px 18px rgba(31,100,41,.16)}.app-guide .tutorial-trail-node--current>b{background:#9253de;box-shadow:0 5px 0 #6530a1,0 0 0 3px color-mix(in srgb,#9253de,transparent 55%);animation:tutorial-node-pulse 1.5s ease-in-out infinite}.app-guide .tutorial-trail-node--locked{opacity:.58}.app-guide .tutorial-trail-node--locked>b{background:#8eb9e4;box-shadow:0 5px 0 #5f8fb9}.app-guide .tutorial-loop{width:min(440px,94%);display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.app-guide .tutorial-loop-step{position:relative;min-width:0;padding:15px 8px 13px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 7px 18px rgba(25,54,30,.06);animation:tutorial-loop-focus 2.1s var(--loop-delay) ease-in-out infinite}.app-guide .tutorial-loop-step>b{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 7px;border-radius:13px;background:color-mix(in srgb,var(--green),transparent 86%);color:var(--green)}.app-guide .tutorial-loop-step strong,.app-guide .tutorial-loop-step small{display:block}.app-guide .tutorial-loop-step strong{font-size:.83rem}.app-guide .tutorial-loop-step small{margin-top:2px;color:var(--muted);font-size:.61rem}.app-guide .tutorial-loop-step>i{position:absolute;z-index:2;right:-21px;top:50%;display:grid;place-items:center;width:20px;color:var(--green);transform:translateY(-50%)}.app-guide .tutorial-mission{width:min(450px,94%);display:grid;grid-template-columns:minmax(0,1.35fr) 45px minmax(0,1fr);gap:8px;align-items:center}.app-guide .tutorial-mission-card,.app-guide .tutorial-profile-pocket{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 7px 18px rgba(25,54,30,.06)}.app-guide .tutorial-mission-card{position:relative;animation:tutorial-mission-card 2.4s ease-in-out infinite}.app-guide .tutorial-mission-card>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:#e6f2ff;color:#327fc5}.app-guide .tutorial-mission-card>div,.app-guide .tutorial-profile-pocket>div{display:flex;min-width:0;flex-direction:column;text-align:left}.app-guide .tutorial-mission-card small,.app-guide .tutorial-profile-pocket small{color:var(--muted);font-size:.56rem}.app-guide .tutorial-mission-card b,.app-guide .tutorial-profile-pocket b{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.app-guide .tutorial-mission-card em{position:absolute;right:9px;bottom:-11px;padding:4px 7px;border-radius:99px;background:#fff0c7;color:#986b00;font-size:.55rem;font-style:normal;font-weight:800}.app-guide .tutorial-mission-route{position:relative;display:flex;align-items:center;color:var(--green)}.app-guide .tutorial-mission-route i{width:100%;border-top:3px dashed color-mix(in srgb,var(--green),transparent 35%)}.app-guide .tutorial-profile-pocket{padding:14px 11px;color:var(--green);animation:tutorial-pocket 2.4s ease-in-out infinite}.app-guide .tutorial-profile-pocket>div{color:var(--ink)}.app-guide .tutorial-rewards{position:relative;width:min(420px,94%);height:180px;display:grid;place-items:center}.app-guide .tutorial-rewards>.leaf-mascot{filter:drop-shadow(0 13px 17px rgba(26,78,33,.18))}.app-guide .tutorial-reward{position:absolute;display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 19px rgba(22,58,27,.09);color:var(--green);animation:tutorial-reward-float 2.2s ease-in-out infinite}.app-guide .tutorial-reward small{color:var(--muted);font-size:.6rem;font-weight:800}.app-guide .tutorial-reward--xp{left:8%;top:16%;animation-delay:-.4s}.app-guide .tutorial-reward--badge{right:7%;top:10%;color:#c28a10;animation-delay:-1.1s}.app-guide .tutorial-reward--tree{left:4%;bottom:11%;animation-delay:-1.6s}.app-guide .tutorial-reward--streak{right:8%;bottom:16%;color:#e87e35;animation-delay:-.8s}@keyframes tutorial-rise{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}@keyframes tutorial-path{to{stroke-dashoffset:-26}}@keyframes tutorial-node-pulse{50%{transform:translateY(-4px);filter:brightness(1.08)}}@keyframes tutorial-loop-focus{0%,30%,100%{border-color:var(--line);transform:none}13%{border-color:var(--green);transform:translateY(-5px);box-shadow:0 11px 24px color-mix(in srgb,var(--green),transparent 82%)}}@keyframes tutorial-mission-card{45%,60%{transform:translateX(9px);opacity:.72}}@keyframes tutorial-pocket{45%,60%{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green),transparent 88%)}}@keyframes tutorial-reward-float{50%{transform:translateY(-6px) rotate(1deg)}}@media(max-width:760px){.app-guide .tutorial-backdrop{padding:10px}.app-guide .tutorial--journey{max-height:calc(100dvh - 20px);padding:23px 17px 20px;border-radius:24px}.app-guide .tutorial--journey .skip{top:14px;right:16px}.app-guide .tutorial-step{margin-bottom:9px}.app-guide .tutorial-visual{height:170px;margin-bottom:17px;border-radius:18px}.app-guide .tutorial--journey h2{font-size:1.33rem}.app-guide .tutorial--journey .tutorial-copy{min-height:76px;font-size:.8rem;line-height:1.5}.app-guide .tutorial-dots{margin:14px 0}.app-guide .tutorial-actions button{min-height:45px}.app-guide .tutorial-categories{gap:7px;width:96%}.app-guide .tutorial-categories>span{gap:5px;padding:8px 7px}.app-guide .tutorial-categories>span svg{width:23px;height:23px}.app-guide .tutorial-categories small{font-size:.59rem}.app-guide .tutorial-trail{height:145px}.app-guide .tutorial-trail-node>b{width:49px;height:49px}.app-guide .tutorial-trail-node:nth-of-type(2){top:77px}.app-guide .tutorial-loop{gap:12px;width:98%}.app-guide .tutorial-loop-step{padding:12px 4px 10px}.app-guide .tutorial-loop-step>b{width:37px;height:37px}.app-guide .tutorial-loop-step small{font-size:.54rem}.app-guide .tutorial-loop-step>i{right:-16px}.app-guide .tutorial-mission{width:98%;grid-template-columns:minmax(0,1.35fr) 30px minmax(0,1fr);gap:4px}.app-guide .tutorial-mission-card,.app-guide .tutorial-profile-pocket{gap:6px;padding:10px 7px}.app-guide .tutorial-mission-card>span{width:35px;height:35px}.app-guide .tutorial-mission-card b,.app-guide .tutorial-profile-pocket b{font-size:.6rem}.app-guide .tutorial-profile-pocket>svg{width:20px}.app-guide .tutorial-rewards{height:155px}.app-guide .tutorial-rewards>.leaf-mascot{width:104px!important;height:104px!important}.app-guide .tutorial-reward{padding:6px}}@media(prefers-reduced-motion:reduce){.app-guide .tutorial-categories>span,.app-guide .tutorial-trail>svg path,.app-guide .tutorial-trail-node,.app-guide .tutorial-trail-node--current>b,.app-guide .tutorial-loop-step,.app-guide .tutorial-mission-card,.app-guide .tutorial-profile-pocket,.app-guide .tutorial-reward{animation:none!important}.app-guide .tutorial-categories>span{opacity:1}}.app-guide .tutorial-copy strong{color:var(--ink);font-weight:850}.app-guide .tutorial-visual--navigation{background:radial-gradient(circle at 50% 8%,color-mix(in srgb,#61c96c,transparent 78%),transparent 58%),var(--surface2)}.app-guide .tutorial-visual--climate{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,#269c78,transparent 78%),transparent 64%),var(--surface2)}.app-guide .tutorial-visual--habitScale{background:linear-gradient(145deg,color-mix(in srgb,#ff7373,transparent 95%),color-mix(in srgb,#5dcb7e,transparent 92%)),var(--surface2)}.app-guide .tutorial-visual--habitMap{background:radial-gradient(circle at 35% 50%,color-mix(in srgb,#2cb9aa,transparent 80%),transparent 48%),var(--surface2)}.app-guide .tutorial-navigation{position:relative;width:min(450px,96%);height:184px}.app-guide .tutorial-navigation__mascot{position:absolute;z-index:3;left:7%;top:-3px;filter:drop-shadow(0 9px 12px rgba(39,113,51,.16));animation:tutorial-nav-walk 7.2s ease-in-out infinite}.app-guide .tutorial-navigation__route{position:absolute;left:12%;right:12%;bottom:58px;display:flex;justify-content:space-between}.app-guide .tutorial-navigation__route i{width:7px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--green),transparent 30%);transform:rotate(-12deg)}.app-guide .tutorial-navigation__bar{position:absolute;left:0;right:0;bottom:2px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 8px 8px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface),transparent 3%);box-shadow:0 8px 22px rgba(24,58,30,.08)}.app-guide .tutorial-navigation__bar>span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:3px;color:var(--muted);animation:tutorial-nav-focus 7.2s var(--nav-delay) ease-in-out infinite}.app-guide .tutorial-navigation__bar b{width:33px;height:29px;display:grid;place-items:center;border-radius:9px;background:transparent}.app-guide .tutorial-navigation__bar small{max-width:100%;overflow:hidden;font-size:.58rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.app-guide .tutorial-climate{position:relative;width:min(455px,94%);height:176px;display:grid;grid-template-columns:82px 65px 58px minmax(0,1fr);align-items:center;gap:7px}.app-guide .tutorial-climate__week{position:relative;display:flex;height:91px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 7px 18px rgba(25,54,30,.07);animation:tutorial-calendar 2.8s ease-in-out infinite}.app-guide .tutorial-climate__week:before{content:"";position:absolute;left:0;right:0;top:0;height:25px;border-radius:14px 14px 0 0;background:#269c78}.app-guide .tutorial-climate__week span{position:absolute;z-index:1;top:6px;color:white;font-size:.55rem;font-weight:900;letter-spacing:.08em}.app-guide .tutorial-climate__week b{margin-top:20px;font-size:1.9rem;line-height:1;color:#269c78}.app-guide .tutorial-climate__week small{margin-top:3px;color:var(--muted);font-size:.56rem;font-weight:750}.app-guide .tutorial-climate__node{position:relative;width:61px;height:61px;display:grid;place-items:center;border:5px solid var(--surface);border-radius:50%;background:#269c78;color:white;box-shadow:0 5px 0 #176b55,0 8px 20px color-mix(in srgb,#269c78,transparent 72%);animation:tutorial-climate-node 2.8s ease-in-out infinite}.app-guide .tutorial-climate__node i{position:absolute;right:-5px;top:-6px;width:25px;height:25px;display:grid;place-items:center;border:3px solid var(--surface);border-radius:50%;background:#61c96c;color:white;opacity:0;animation:tutorial-check-arrive .42s .45s ease-out forwards}.app-guide .tutorial-climate__unlock{display:flex;flex-direction:column;align-items:center;color:#269c78;animation:tutorial-unlock-arrow 2.8s ease-in-out infinite}.app-guide .tutorial-climate__unlock small{font-size:.49rem;font-weight:900;letter-spacing:.08em}.app-guide .tutorial-climate__areas{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.app-guide .tutorial-climate__areas>span{width:39px;height:39px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tutorial-color),var(--line) 55%);border-radius:12px;background:color-mix(in srgb,var(--tutorial-color),transparent 88%);color:var(--tutorial-color);opacity:.35;transform:scale(.83);animation:tutorial-area-unlock .38s var(--unlock-delay) ease-out forwards}.app-guide .tutorial-climate>.leaf-mascot{position:absolute;right:0;bottom:-12px;filter:drop-shadow(0 7px 8px rgba(28,92,39,.14))}.app-guide .tutorial-categories-wrap{width:min(410px,93%);display:grid;justify-items:center;gap:10px}.app-guide .tutorial-categories-wrap .tutorial-categories{width:100%}.app-guide .tutorial-category-tip{display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--green),var(--line) 65%);border-radius:99px;background:var(--surface);color:var(--green);font-size:.58rem;font-weight:850;animation:tutorial-tip-pop 2.5s .7s ease-in-out infinite}.app-guide .tutorial-trail--expanded{width:min(455px,96%);height:165px}.app-guide .tutorial-trail--expanded .tutorial-trail-node{animation-delay:var(--tutorial-delay)}.app-guide .tutorial-trail--expanded .tutorial-trail-node:nth-of-type(n){right:auto}.app-guide .tutorial-trail--expanded .tutorial-trail-node>b{width:49px;height:49px;border-width:4px}.app-guide .tutorial-trail--expanded .tutorial-trail-node>span{font-size:.61rem;white-space:nowrap}.app-guide .tutorial-trail--expanded .tutorial-trail-node--locked>b{background:var(--surface);color:var(--muted);box-shadow:0 4px 0 color-mix(in srgb,var(--muted),transparent 58%),0 0 0 2px var(--line)}.app-guide .tutorial-later{width:min(455px,96%);display:grid;grid-template-columns:minmax(0,1.45fr) 48px minmax(0,1fr);align-items:center;gap:7px}.app-guide .tutorial-later__cards{display:grid;gap:9px}.app-guide .tutorial-later__card,.app-guide .tutorial-later .tutorial-profile-pocket{display:flex;min-width:0;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 7px 18px rgba(25,54,30,.06)}.app-guide .tutorial-later__card{animation:tutorial-save-card 3.2s ease-in-out infinite}.app-guide .tutorial-later__card--video{animation-delay:.18s}.app-guide .tutorial-later__card>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:color-mix(in srgb,#328be0,transparent 86%);color:#328be0}.app-guide .tutorial-later__card--video>span{background:color-mix(in srgb,#ef635b,transparent 86%);color:#ef635b}.app-guide .tutorial-later__card>div,.app-guide .tutorial-later .tutorial-profile-pocket>div{display:flex;min-width:0;flex-direction:column;text-align:left}.app-guide .tutorial-later__card small,.app-guide .tutorial-later .tutorial-profile-pocket small{color:var(--muted);font-size:.52rem}.app-guide .tutorial-later__card b,.app-guide .tutorial-later .tutorial-profile-pocket b{overflow:hidden;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.app-guide .tutorial-later__route{display:flex;align-items:center;color:var(--green)}.app-guide .tutorial-later__route i{width:100%;border-top:3px dashed color-mix(in srgb,var(--green),transparent 35%)}.app-guide .tutorial-later .tutorial-profile-pocket{padding:14px 9px;color:var(--green);animation:tutorial-pocket 3.2s ease-in-out infinite}.app-guide .tutorial-later .tutorial-profile-pocket>div{color:var(--ink)}.app-guide .tutorial-habit-scale{width:min(450px,91%);padding:12px 4px 2px}.app-guide .tutorial-habit-scale__labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.61rem;font-weight:800}.app-guide .tutorial-habit-scale__labels span{position:relative;display:flex;flex-direction:column;align-items:flex-start}.app-guide .tutorial-habit-scale__labels span:last-child{align-items:flex-end}.app-guide .tutorial-habit-scale__labels i{width:0;height:0;margin-top:3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid currentColor}.app-guide .tutorial-habit-scale__value{margin:-7px auto 3px;font-size:2.15rem;font-weight:900;line-height:1;color:#d5a83e;filter:drop-shadow(0 4px 8px rgba(213,168,62,.2));animation:tutorial-score-breathe 2.4s ease-in-out infinite}.app-guide .tutorial-habit-scale__value small{font-size:.75rem}.app-guide .tutorial-habit-scale__track{height:15px;padding:3px;border-radius:99px;background:linear-gradient(90deg,#ff7373,#ffc95c 50%,#5dcb7e);box-shadow:inset 0 1px 2px rgba(20,40,23,.13)}.app-guide .tutorial-habit-scale__track i{display:block;width:21px;height:21px;margin-top:-6px;margin-left:calc(62% - 10px);border:4px solid var(--surface);border-radius:50%;background:#e0b144;box-shadow:0 4px 11px rgba(33,50,35,.25);animation:tutorial-slider-settle 2.4s ease-in-out infinite}.app-guide .tutorial-habit-scale__ends{display:flex;justify-content:space-between;margin-top:7px;font-size:.72rem}.app-guide .tutorial-habit-scale__ends b:first-child{color:#e96767}.app-guide .tutorial-habit-scale__ends b:last-child{color:#45a85a}.app-guide .tutorial-habit-scale>p{width:max-content;max-width:100%;display:flex;align-items:center;gap:5px;margin:14px auto 0;padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font-size:.65rem;font-weight:750}.app-guide .tutorial-habit-scale>p svg{color:var(--green)}.app-guide .tutorial-habit-map{width:min(455px,96%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.8fr);align-items:center;gap:12px}.app-guide .tutorial-habit-map__chart{position:relative;height:172px}.app-guide .tutorial-habit-map__chart>svg{display:block;width:100%;height:100%;overflow:visible}.app-guide .tutorial-habit-map__chart polygon:not(.tutorial-habit-map__shape),.app-guide .tutorial-habit-map__chart line{fill:none;stroke:color-mix(in srgb,var(--muted),transparent 58%);stroke-width:1}.app-guide .tutorial-habit-map__shape{fill:color-mix(in srgb,#54c778,transparent 70%);stroke:#54c778;stroke-width:2.5;transform-origin:122px 84px;animation:tutorial-map-grow .7s .12s cubic-bezier(.2,.8,.2,1) both}.app-guide .tutorial-habit-map__leaves{position:absolute;left:5px;bottom:4px;display:flex;align-items:center;color:#2cb9aa}.app-guide .tutorial-habit-map__leaves svg+svg{margin-left:-5px}.app-guide .tutorial-habit-map__leaves small{margin-left:3px;color:var(--muted);font-size:.5rem;font-weight:800}.app-guide .tutorial-habit-map__insights{display:grid;gap:8px}.app-guide .tutorial-habit-map__insights>span{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--green);box-shadow:0 5px 13px rgba(25,54,30,.05);opacity:0;animation:tutorial-insight-in .4s .45s ease-out forwards}.app-guide .tutorial-habit-map__insights>span:nth-child(2){color:#d39b22;animation-delay:.65s}.app-guide .tutorial-habit-map__insights small{color:var(--ink);font-size:.58rem;font-weight:800;text-align:left}.app-guide .tutorial-habit-map__insights>.tutorial-habit-map__sync{display:grid;grid-template-columns:auto 1fr auto;gap:5px;color:#2cb9aa;animation-delay:.9s}.app-guide .tutorial-habit-map__sync i{border-top:2px dashed currentColor}.app-guide .tutorial-habit-map__sync small{grid-column:1/-1;text-align:center;color:var(--muted);font-size:.5rem}.app-guide .tutorial-rewards--tree{height:183px;overflow:hidden}.app-guide .tutorial-rewards__canopy{position:absolute;z-index:0;left:9%;right:9%;top:-73px;height:130px;border-radius:0 0 48% 48%;background:radial-gradient(circle at 23% 74%,#69bd63 0 24%,transparent 24.5%),radial-gradient(circle at 50% 72%,#4ba552 0 32%,transparent 32.5%),radial-gradient(circle at 78% 77%,#71c36b 0 25%,transparent 25.5%);animation:tutorial-canopy-sway 4s ease-in-out infinite}.app-guide .tutorial-rewards__canopy i{position:absolute;width:8px;height:14px;border-radius:100% 0 100% 0;background:#c8eda4;transform:rotate(35deg)}.app-guide .tutorial-rewards__canopy i:nth-child(1){left:28%;bottom:15px}.app-guide .tutorial-rewards__canopy i:nth-child(2){left:53%;bottom:5px}.app-guide .tutorial-rewards__canopy i:nth-child(3){right:23%;bottom:18px}.app-guide .tutorial-rewards__trunk{position:absolute;z-index:0;left:50%;top:39px;bottom:-14px;width:17px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#825323,#aa7338);transform:translateX(-50%)}.app-guide .tutorial-rewards__trunk:before{content:"";position:absolute;right:7px;top:43px;width:86px;height:9px;border-radius:99px;background:#95622f;transform:rotate(-16deg);transform-origin:right center}.app-guide .tutorial-rewards__mascot{position:relative;z-index:2;display:grid;place-items:center;margin-top:23px;filter:drop-shadow(0 8px 13px rgba(24,74,31,.18));animation:tutorial-leaf-climb 3s ease-in-out infinite}.app-guide .tutorial-rewards__mascot small{position:absolute;bottom:1px;padding:3px 7px;border-radius:99px;background:var(--green);color:white;font-size:.5rem;font-weight:900}.app-guide .tutorial-rewards--tree .tutorial-reward{z-index:3}.app-guide .tutorial-reward--wardrobe{left:5%;bottom:12%;color:#7657d4;animation-delay:-1.6s}.app-guide .tutorial-rewards--tree .tutorial-reward--streak{right:5%;bottom:13%}@keyframes tutorial-nav-walk{0%,100%{left:5%;transform:translateY(0) rotate(-2deg)}22%{left:29%;transform:translateY(-5px) rotate(2deg)}48%{left:53%;transform:translateY(0) rotate(-2deg)}74%{left:75%;transform:translateY(-5px) rotate(2deg)}88%{left:75%;transform:translateY(0)}}@keyframes tutorial-nav-focus{0%,10%,100%{color:var(--muted);transform:none}18%,28%{color:var(--green);transform:translateY(-2px)}18%,28%{filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--green),transparent 65%))}}@keyframes tutorial-calendar{45%,65%{transform:translateY(-3px);border-color:#269c78}}@keyframes tutorial-climate-node{35%,65%{transform:scale(1.07);filter:brightness(1.08)}}@keyframes tutorial-check-arrive{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes tutorial-unlock-arrow{0%,42%,100%{opacity:.35;transform:translateX(-5px)}55%,82%{opacity:1;transform:translateX(3px)}}@keyframes tutorial-area-unlock{from{opacity:.3;transform:scale(.83);filter:grayscale(1)}to{opacity:1;transform:scale(1);filter:none}}@keyframes tutorial-tip-pop{0%,30%,100%{transform:none}48%,67%{transform:translateY(-3px);border-color:var(--green)}}@keyframes tutorial-save-card{0%,28%,100%{opacity:1;transform:none}48%,67%{opacity:.55;transform:translateX(11px)}}@keyframes tutorial-score-breathe{50%{transform:translateY(-3px);filter:drop-shadow(0 7px 10px rgba(213,168,62,.28))}}@keyframes tutorial-slider-settle{0%,100%{transform:translateX(-16px)}35%,75%{transform:none}}@keyframes tutorial-map-grow{from{opacity:.35;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes tutorial-insight-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes tutorial-canopy-sway{50%{transform:scaleX(1.025) rotate(.4deg)}}@keyframes tutorial-leaf-climb{0%,100%{transform:translateY(8px)}45%,75%{transform:translateY(-3px)}}@media(max-width:760px){
  .app-guide .tutorial-navigation{height:158px}.app-guide .tutorial-navigation__mascot .leaf-mascot{width:73px!important;height:73px!important}.app-guide .tutorial-navigation__bar{padding:7px 3px 6px}.app-guide .tutorial-navigation__bar b{width:29px;height:26px}.app-guide .tutorial-navigation__bar svg{width:19px;height:19px}.app-guide .tutorial-navigation__bar small{font-size:.52rem}.app-guide .tutorial-navigation__route{bottom:51px}
  .app-guide .tutorial-climate{height:150px;grid-template-columns:65px 53px 43px minmax(0,1fr);gap:5px}.app-guide .tutorial-climate__week{height:80px}.app-guide .tutorial-climate__week b{font-size:1.55rem}.app-guide .tutorial-climate__node{width:50px;height:50px}.app-guide .tutorial-climate__node>svg{width:25px}.app-guide .tutorial-climate__unlock svg{width:16px}.app-guide .tutorial-climate__unlock small{font-size:.42rem}.app-guide .tutorial-climate__areas{gap:5px}.app-guide .tutorial-climate__areas>span{width:31px;height:31px;border-radius:9px}.app-guide .tutorial-climate__areas svg{width:15px}.app-guide .tutorial-climate>.leaf-mascot{width:52px!important;height:52px!important;right:0;bottom:-8px}
  .app-guide .tutorial-categories-wrap{gap:7px}.app-guide .tutorial-category-tip{padding:4px 8px}
  .app-guide .tutorial-trail--expanded{height:146px}.app-guide .tutorial-trail--expanded .tutorial-trail-node>b{width:42px;height:42px}.app-guide .tutorial-trail--expanded .tutorial-trail-node>span{font-size:.53rem}.app-guide .tutorial-trail--expanded .tutorial-trail-node:nth-of-type(2){top:75px!important}.app-guide .tutorial-trail--expanded .tutorial-trail-node:nth-of-type(4){top:78px!important}
  .app-guide .tutorial-later{grid-template-columns:minmax(0,1.45fr) 31px minmax(0,1fr);gap:4px}.app-guide .tutorial-later__cards{gap:7px}.app-guide .tutorial-later__card{gap:6px;padding:8px 6px}.app-guide .tutorial-later__card>span{width:31px;height:31px}.app-guide .tutorial-later__card svg{width:18px}.app-guide .tutorial-later__card b,.app-guide .tutorial-later .tutorial-profile-pocket b{font-size:.57rem}.app-guide .tutorial-later .tutorial-profile-pocket{gap:5px;padding:11px 6px}.app-guide .tutorial-later .tutorial-profile-pocket>svg{width:19px}
  .app-guide .tutorial-habit-scale{width:94%}.app-guide .tutorial-habit-scale__labels{font-size:.54rem}.app-guide .tutorial-habit-scale__value{font-size:1.85rem}.app-guide .tutorial-habit-scale>p{font-size:.58rem}
  .app-guide .tutorial-habit-map{grid-template-columns:minmax(0,1.2fr) 112px;gap:5px}.app-guide .tutorial-habit-map__chart{height:145px}.app-guide .tutorial-habit-map__insights{gap:5px}.app-guide .tutorial-habit-map__insights>span{gap:5px;padding:7px 6px}.app-guide .tutorial-habit-map__insights svg{width:14px}.app-guide .tutorial-habit-map__insights small{font-size:.5rem}
  .app-guide .tutorial-rewards--tree{height:158px}.app-guide .tutorial-rewards__mascot{margin-top:25px}.app-guide .tutorial-rewards__mascot .leaf-mascot{width:96px!important;height:96px!important}.app-guide .tutorial-rewards__canopy{top:-70px}.app-guide .tutorial-reward--wardrobe{left:2%}
}@media(max-width:360px){
  .app-guide .tutorial--journey .tutorial-copy{min-height:88px;font-size:.76rem}.app-guide .tutorial-visual{height:158px}
  .app-guide .tutorial-navigation{height:148px}.app-guide .tutorial-climate{transform:scale(.94)}
  .app-guide .tutorial-trail--expanded .tutorial-trail-node>span{font-size:.48rem}
  .app-guide .tutorial-habit-map{transform:scale(.94)}
}@media(prefers-reduced-motion:reduce){
  .app-guide .tutorial-navigation__mascot,.app-guide .tutorial-navigation__bar>span,.app-guide .tutorial-climate__week,.app-guide .tutorial-climate__node,.app-guide .tutorial-climate__node i,.app-guide .tutorial-climate__unlock,.app-guide .tutorial-climate__areas>span,.app-guide .tutorial-category-tip,.app-guide .tutorial-later__card,.app-guide .tutorial-habit-scale__value,.app-guide .tutorial-habit-scale__track i,.app-guide .tutorial-habit-map__shape,.app-guide .tutorial-habit-map__insights>span,.app-guide .tutorial-rewards__canopy,.app-guide .tutorial-rewards__mascot{animation:none!important}
  .app-guide .tutorial-climate__node i,.app-guide .tutorial-climate__areas>span,.app-guide .tutorial-habit-map__insights>span{opacity:1;transform:none;filter:none}
  .app-guide .tutorial-habit-map__shape{opacity:1;transform:none}
}