:root{color:#25324a;font-synthesis:none;background:#fff7e8;font-family:ui-rounded,Avenir Next,Avenir,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#fff 0 12%,#0000 37%),#fff7e8;min-width:320px;min-height:100vh;margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:4px;outline:4px solid #5176ef}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:max(18px, env(safe-area-inset-top)) clamp(20px, 5vw, 88px) max(24px, env(safe-area-inset-bottom))}.topbar{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;display:flex}.wordmark{color:#25324a;letter-spacing:-.07em;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:1.3rem;font-weight:850}.wordmark span{color:#e9654c}.connection{color:#607088;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.connection i{background:#40ad72;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #d8f4e5}.voice-panel{color:#607088;background:#ffffffb3;border-radius:16px;align-items:center;gap:9px;max-width:1120px;margin:12px auto 0;padding:9px 10px 9px 14px;font-size:.86rem;font-weight:700;display:flex}.voice-dot{background:#a7afbe;border-radius:50%;flex:none;width:9px;height:9px}.voice-dot.active{background:#e9654c;box-shadow:0 0 0 4px #ffe0d6}.voice-message{flex:1}.voice-button{color:#fff;cursor:pointer;background:#25324a;border:0;border-radius:12px;min-height:44px;padding:8px 14px;font-weight:800}.voice-button:disabled{opacity:.62;cursor:wait}.notice{color:#8f443a;background:#ffe0d6;border-radius:12px;max-width:800px;margin:14px auto -10px;padding:10px 14px;font-size:.9rem}.welcome-panel,.activity-screen{text-align:center;max-width:1060px;margin:clamp(42px,9vh,100px) auto 0}.eyebrow{color:#9b6e2a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font-size:.8rem;font-weight:850}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4.2vw,3.85rem);line-height:1.04}.child-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:680px;margin:40px auto;display:grid}.child-card,.invitation-card{background:var(--card-color);color:#25324a;cursor:pointer;border:0;border-radius:28px;transition:transform .16s,box-shadow .16s;box-shadow:0 7px #373b4b1f,0 16px 30px #4938281a}.child-card:hover,.invitation-card:hover{transform:translateY(-5px)rotate(-.4deg);box-shadow:0 12px #373b4b1f,0 20px 32px #4938281f}.child-card:active,.invitation-card:active{transform:translateY(3px);box-shadow:0 3px #373b4b1f}.child-card:disabled,.invitation-card:disabled{opacity:.65;cursor:wait}.child-card{justify-items:center;gap:10px;min-height:230px;padding:28px;font-size:1rem;display:grid}.child-card strong{letter-spacing:-.04em;font-size:1.65rem}.child-card b{font-size:1.25rem}.child-mark{color:#e9654c;background:#fff7e8;border-radius:50%;place-items:center;width:78px;height:78px;font-size:2.5rem;font-weight:850;display:grid;box-shadow:inset 0 -6px #ffffff9e}.invitation-panel{margin-top:clamp(30px,7vh,70px)}.invitation-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:38px;display:grid}.invitation-card{flex-direction:column;align-items:center;gap:7px;min-height:245px;padding:25px 20px;display:flex}.invitation-card strong{letter-spacing:-.04em;font-size:1.45rem}.invitation-card span:last-child{color:#5e6174}.invitation-emoji{background:#ffffffad;border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:9px;font-size:3.8rem;display:grid}.activity-screen{margin-top:clamp(28px,6vh,72px)}.activity-prompt{justify-content:center;align-items:flex-start;gap:14px;max-width:800px;margin:0 auto 42px;display:flex}.activity-prompt h1{font-size:clamp(1.8rem,3.6vw,3.15rem)}.prompt-star{color:#e9654c;font-size:1.4rem}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:18px;display:grid}.choice-tile{color:#25324a;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:26px;min-height:220px;padding:20px;transition:transform .16s,border-color .16s,background .16s;box-shadow:0 7px #e7ded0}.choice-tile:hover{transform:translateY(-4px)}.choice-tile:active{transform:translateY(4px);box-shadow:0 2px #e7ded0}.choice-tile.selected{background:#eef2ff;border-color:#5176ef}.choice-art{place-items:center;height:140px;font-size:5rem;display:grid}.choice-art img,.draggable-object img,.target-art img{object-fit:contain;max-width:100%;max-height:100%}.choice-tile strong{font-size:1.2rem}.answer-button{margin-top:28px}.coaching-card,.parent-handoff,.lesson-complete{text-align:center;background:#fff8dc;border-radius:24px;max-width:620px;margin:0 auto 36px;padding:24px 28px;box-shadow:0 8px 24px #4a3d2a1f}.coaching-card span,.handoff-note{color:#617091;font-weight:800}.coaching-card p{margin:9px 0 0;font-size:1.2rem}.parent-handoff{background:#fff;margin-top:9vh}.lesson-complete{background:#effaf1;margin-top:9vh}.parent-handoff h1,.lesson-complete h1{margin:8px 0 14px;font-size:clamp(2rem,6vw,3.4rem)}.parent-handoff p:not(.eyebrow){color:#647087;font-size:1.1rem;line-height:1.55}.lesson-complete p:not(.eyebrow){color:#49645a;font-size:1.1rem;line-height:1.55}.handoff-mark{color:#e9654c;font-size:2.4rem}.lesson-complete-mark{color:#2f9f65;font-size:2.4rem}.primary-button{color:#fff;cursor:pointer;background:#5176ef;border:0;border-radius:17px;min-height:54px;padding:12px 25px;font-weight:800;transition:transform .15s;box-shadow:0 5px #334db0}.primary-button:active{transform:translateY(4px);box-shadow:0 1px #334db0}.primary-button:disabled{opacity:.58;cursor:wait}.my-trail-button{color:#46536b;cursor:pointer;background:#ffffffd1;border:2px solid #e3d6bf;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:.92rem;font-weight:850;display:inline-flex;box-shadow:0 3px #624d341a}.my-trail-button svg{fill:#e9654c;width:19px;height:19px}.journey-backdrop,.capability-reveal-backdrop{z-index:20;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25324a5c;place-items:center;display:grid;position:fixed;inset:0}.journey-backdrop-dismiss{cursor:default;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.capability-journey{z-index:1;background:radial-gradient(circle at 96% 2%,#fff4cf 0 15%,#0000 34%),#fffdf8;border:0;border-radius:30px;outline:none;width:min(100%,640px);max-height:min(760px,100vh - 36px);padding:clamp(22px,5vw,38px);position:relative;overflow:auto;box-shadow:0 26px 70px #19253c4d}.journey-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.journey-heading h1{max-width:430px;font-size:clamp(2rem,7vw,3rem)}.journey-close,.journey-hear,.reveal-skip,.reveal-continue{color:#5f6c82;cursor:pointer;background:0 0;border:0;font-weight:800}.journey-close{color:#536079;background:#f4eee3;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:2rem;line-height:1;display:grid}.journey-next{color:#465576;background:#eef2ff;border-radius:15px;margin:22px 0 20px;padding:13px 16px;font-weight:750;line-height:1.4}.journey-stops{margin:0;padding:0;list-style:none}.journey-stop{grid-template-columns:32px 76px minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:106px;display:grid;position:relative}.journey-path{z-index:0;background:repeating-linear-gradient(#d7c8ad 0 7px,#0000 7px 13px);border-radius:999px;width:3px;position:absolute;top:50%;bottom:-50%;left:15px}.journey-stop:last-child .journey-path{display:none}.journey-number{z-index:1;color:#7b8598;background:#fffdf8;border:3px solid #d7c8ad;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.85rem;font-weight:900;display:grid}.journey-marker{color:#a79d8c;background:#f5f0e7;border:3px solid #d7c8ad;border-radius:26px;place-items:center;width:76px;height:76px;display:grid}.journey-marker svg{width:58px;height:58px}.pictogram-line,.pictogram-box{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pictogram-dot.coral{fill:#e9654c}.pictogram-dot.blue{fill:#5176ef}.pictogram-dot.gold{fill:#f0b840}.journey-stop-copy{gap:3px;display:grid}.journey-stop-copy strong{color:#303d56;font-size:1.05rem}.journey-stop-copy span{color:#6f607c;font-size:.89rem;font-weight:850}.journey-stop-copy small{color:#778296;font-size:.8rem;line-height:1.3}.journey-hear{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.journey-hear svg{fill:currentColor;width:20px;height:20px}.journey-hear:not(:disabled):hover{color:#3f63d8;background:#eaf0ff}.journey-hear:disabled{opacity:.42;cursor:not-allowed}.journey-stop-getting-hang .journey-marker{color:#bd7d24;background:#fff0c9;border-color:#e1b25d}.journey-stop-getting-hang .journey-number{color:#95631c;border-color:#e1b25d}.journey-stop-can-show .journey-marker{color:#348c5b;background:#ddf7e8;border-color:#54af7a;animation:.7s both journey-brighten;box-shadow:0 0 0 6px #effbf3}.journey-stop-can-show .journey-number{color:#fff;background:#54af7a;border-color:#54af7a}.journey-stop-review-due .journey-marker{color:#65708e;background:#edf0f8;border-color:#8b94ad}.journey-stop-review-due .journey-number{color:#5e6986;border-color:#8b94ad}.journey-done{color:#fff;cursor:pointer;background:#25324a;border:0;border-radius:16px;width:100%;min-height:52px;margin-top:26px;font-weight:850;display:block}.capability-reveal-backdrop{z-index:30;background:#25324a2e}.capability-reveal{text-align:center;background:#fffdf8;border-radius:30px;width:min(100%,460px);padding:35px 30px 25px;animation:.42s cubic-bezier(.2,.8,.3,1) both reveal-arrive;box-shadow:0 24px 70px #19253c45}.reveal-spark{color:#e78b34;background:#fff0be;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 16px;font-size:2.1rem;display:grid}.capability-reveal h2{color:#303d56;letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,6vw,2.2rem)}.capability-reveal p:not(.eyebrow){color:#606e86;margin:13px auto 20px;font-size:1.08rem;line-height:1.45}.reveal-continue{color:#3f63d8;min-height:44px}.reveal-skip{color:#788398;min-height:38px;margin:4px auto 0;font-size:.85rem;display:block}.count-board{grid-template-columns:minmax(220px,1fr) minmax(280px,1fr);align-items:center;gap:clamp(26px,7vw,90px);max-width:950px;margin:0 auto;display:grid}.object-tray{background:#ffffff80;border:2px dashed #ddcbb0;border-radius:28px;flex-wrap:wrap;justify-content:center;gap:13px;min-height:190px;padding:28px;display:flex}.draggable-object{cursor:grab;touch-action:none;background:#fff;border:0;border-radius:50%;place-items:center;width:76px;height:76px;padding:7px;font-size:3.5rem;transition:transform .14s;display:grid;box-shadow:0 5px #e7ded0}.draggable-object:active,.draggable-object.dragging{cursor:grabbing;transform:scale(1.15)rotate(8deg)}.drop-target{background:#fff0cb;border:4px dashed #d69d56;border-radius:34px;min-height:250px;padding:24px;transition:transform .18s,background .18s}.drop-target.complete{background:#dff6df;border-style:solid;animation:.55s both land;transform:scale(1.025)}.target-art{height:106px;font-size:5.8rem;display:block}.drop-target strong{font-size:1.32rem;display:block}.count-slots{color:#cbb68d;justify-content:center;gap:5px;margin-top:14px;font-size:1.45rem;display:flex}.count-slots .filled{color:#e9654c;animation:.3s pop}.gesture-hint{color:#728096;margin:25px 0;font-size:.95rem}.unsupported{color:#607088;background:#fff;border-radius:26px;max-width:550px;margin:0 auto;padding:44px}.unsupported span{color:#e9654c;font-size:3rem}.reconnect-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.reconnect-card{text-align:center;background:#fff;border-radius:34px;max-width:460px;padding:48px 38px;box-shadow:0 20px 60px #3d342a1f}.reconnect-card h1{margin-bottom:18px;font-size:2.6rem}.reconnect-card p:not(.eyebrow){color:#647087;line-height:1.5}.reconnect-orbit{color:#fff;background:#f6d781;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 25px;font-size:2.2rem;animation:2.5s ease-in-out infinite float;display:grid}.immersive-playground{background:#79cfe2;min-height:100dvh;overflow:hidden}.immersive-outcome{z-index:50;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#24344dd1;border-radius:16px;max-width:min(320px,100vw - 28px);padding:10px 14px;font-size:.78rem;font-weight:800;position:fixed}.orchard-world{--world-ink:#24344d;--world-sun:#ffd255;--world-coral:#f56f5b;--world-leaf:#4cb879;isolation:isolate;width:100%;min-height:100dvh;color:var(--world-ink);-webkit-user-select:none;user-select:none;background-color:#8bd7e8;background-image:url(/assets/activities/orchard-count/orchard-world.png);background-position:50%;background-size:cover;position:relative;overflow:hidden}.orchard-world:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#1939480a,#0000 35%,#1f42261a);position:absolute;inset:0}.orchard-sunbeam{filter:blur(18px);pointer-events:none;background:#fff4ad33;border-radius:50%;width:48vmin;height:72vmin;position:absolute;top:-26vmin;left:35%;transform:rotate(12deg)}.orchard-invitation{z-index:10;top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);background:#fffcebe6;border:3px solid #7046264d;border-radius:28px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(700px,100% - 36px);min-height:72px;padding:10px 17px 10px 10px;display:grid;position:absolute;left:50%;transform:translate(-50%)rotate(-.35deg);box-shadow:0 7px #58381f38,0 16px 35px #324b2829}.orchard-invitation p{letter-spacing:-.035em;margin:0;font-size:clamp(1.18rem,2.8vw,1.8rem);font-weight:900;line-height:1.08}.orchard-listening{color:#47627a;white-space:nowrap;font-size:.78rem;font-weight:850}.tutor-presence{background:#67c8e8;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:inset 0 4px #ffffff80,0 0 0 5px #67c8e83b}.tutor-presence:before,.tutor-presence:after,.tutor-presence i{content:"";background:#fff;border-radius:999px;width:7px}.tutor-presence:before{height:15px}.tutor-presence i{height:26px;position:absolute;transform:translate(-11px)}.tutor-presence:after{height:21px;transform:translate(11px)}.orchard-objects{z-index:5;position:absolute;inset:0}.orchard-apple{left:var(--apple-left);top:var(--apple-top);aspect-ratio:1;filter:drop-shadow(0 12px 7px #432e1c47);cursor:grab;width:clamp(96px,14vmin,150px);transform:rotate(var(--apple-rotation)) scale(var(--apple-scale));transform-origin:50% 70%;touch-action:none;will-change:transform, left, top;background:0 0;border:0;padding:0;transition:transform .26s cubic-bezier(.22,1,.36,1),filter .18s ease-out;position:absolute}.orchard-apple:after{content:"";pointer-events:none;border:5px solid #0000;border-radius:50%;transition:border-color .12s ease-out;position:absolute;inset:8%}.orchard-apple img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.orchard-apple:hover{filter:drop-shadow(0 15px 8px #432e1c4f);transform:translateY(-5px) rotate(var(--apple-rotation)) scale(calc(var(--apple-scale) * 1.04))}.orchard-apple.is-selected:after{border-color:#ffd255eb;animation:1.1s ease-in-out infinite alternate orchard-focus}.orchard-apple.is-dragging{z-index:30;filter:drop-shadow(0 28px 12px #2e221c59);cursor:grabbing;transition:filter .12s ease-out;transform:translateY(-14px)rotate(4deg)scale(1.12)}.orchard-apple.is-near-target{transform:translateY(-17px)rotate(-3deg)scale(1.16)}.orchard-basket{z-index:8;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 18px 11px #4b301a47);transform-origin:50% 82%;background:0 0;border:0;width:clamp(230px,33vmin,370px);padding:0;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .18s ease-out;position:absolute;bottom:clamp(5%,7vh,11%);right:clamp(5%,8vw,12%)}.orchard-basket:before{z-index:-1;content:"";filter:blur(18px);background:#ffd64b00;border-radius:46%;transition:background .16s ease-out;position:absolute;inset:25% 8% 8%}.orchard-basket.can-place{animation:1.25s ease-in-out infinite alternate basket-invite}.orchard-basket.is-ready{filter:drop-shadow(0 23px 13px #4b301a57);transform:rotate(-2deg)scale(1.08)}.orchard-basket.is-ready:before{background:#ffdc4894}.basket-art{z-index:2;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.basket-apples{z-index:3;pointer-events:none;width:68%;height:42%;position:absolute;top:28%;left:16%}.basket-apple{top:calc((var(--basket-index) % 2) * 17%);filter:drop-shadow(0 5px 3px #432c1947);width:38%;transform:rotate(calc((var(--basket-index) - 1.5) * 7deg));animation:.42s cubic-bezier(.2,.8,.3,1) both apple-land;position:absolute;left:32%}.basket-apple:first-child{left:3%;transform:rotate(-11deg)}.basket-apple:nth-child(2){top:13%;left:23%;transform:rotate(5deg)}.basket-apple:nth-child(3){left:44%;transform:rotate(-3deg)}.basket-apple:nth-child(4){top:14%;left:61%;transform:rotate(10deg)}.basket-count{z-index:5;aspect-ratio:1;color:#713d31;background:#fff6cf;border:4px solid #6a412347;border-radius:50%;place-items:center;width:clamp(54px,8vmin,76px);font-size:clamp(1.7rem,4.5vmin,2.8rem);font-weight:950;display:grid;position:absolute;bottom:7%;right:3%;box-shadow:0 5px #53321d38}.orchard-counting{z-index:9;bottom:max(18px, env(safe-area-inset-bottom));color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24344dd6;border-radius:999px;min-width:180px;padding:10px 20px;font-size:clamp(.95rem,2vw,1.18rem);font-weight:900;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #192d2438}.orchard-confetti{z-index:40;pointer-events:none;width:min(390px,45vmin);height:min(350px,42vmin);position:absolute;bottom:12%;right:7%}.orchard-confetti i{--leaf-angle:calc(var(--leaf-index) * 36deg);background:var(--world-leaf);opacity:0;border-radius:100% 0;width:20px;height:11px;position:absolute;top:58%;left:48%}.orchard-confetti i:nth-child(3n){background:var(--world-sun)}.orchard-confetti i:nth-child(3n+1){background:var(--world-coral)}.orchard-confetti i:first-child{--leaf-index:1}.orchard-confetti i:nth-child(2){--leaf-index:2}.orchard-confetti i:nth-child(3){--leaf-index:3}.orchard-confetti i:nth-child(4){--leaf-index:4}.orchard-confetti i:nth-child(5){--leaf-index:5}.orchard-confetti i:nth-child(6){--leaf-index:6}.orchard-confetti i:nth-child(7){--leaf-index:7}.orchard-confetti i:nth-child(8){--leaf-index:8}.orchard-confetti i:nth-child(9){--leaf-index:9}.orchard-confetti i:nth-child(10){--leaf-index:10}.orchard-world.is-celebrating .orchard-confetti i{animation:.85s cubic-bezier(.2,.8,.3,1) both orchard-leaf-burst;animation-delay:calc(var(--leaf-index) * 22ms)}.orchard-world.is-celebrating .orchard-basket{animation:.62s cubic-bezier(.2,.8,.3,1) both basket-celebrate}.developer-page{max-width:1000px;margin:0 auto;padding:36px 22px 80px}.playground-page{max-width:1480px;margin:0 auto;padding:32px clamp(18px,4vw,56px) 72px}.playground-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.playground-heading h1{font-size:clamp(2rem,5vw,3.25rem)}.playground-heading p:last-child{color:#647087;max-width:650px;margin:10px 0 0;line-height:1.45}.playground-layout{grid-template-columns:minmax(230px,300px) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,48px);display:grid}.playground-controls{background:#fffdf8e6;border:1px solid #e6dfd3;border-radius:20px;gap:14px;padding:20px;display:grid;position:sticky;top:20px;box-shadow:0 7px 20px #3c301f14}.playground-controls>label:first-child{color:#4e5c75;font-size:.86rem;font-weight:850}.playground-controls select{color:#25324a;width:100%;min-height:46px;font:inherit;background:#fff;border:2px solid #d8c9af;border-radius:12px;padding:9px 11px}.playground-controls .primary-button{width:100%;box-shadow:0 4px #334db0}.playground-toggle{color:#4e5c75;align-items:center;gap:9px;font-size:.94rem;font-weight:750;display:flex}.playground-toggle input{accent-color:#5176ef;width:18px;height:18px}.playground-outcome{border-top:1px solid #e6dfd3;min-width:0;margin-top:5px;padding-top:16px}.playground-outcome strong{color:#4e5c75;font-size:.86rem}.playground-outcome p{color:#728096;margin:7px 0 0;font-size:.84rem;line-height:1.45}.playground-outcome output{color:#ecf1ff;white-space:pre-wrap;background:#25324a;border-radius:9px;max-height:250px;margin-top:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.73rem;line-height:1.4;display:block;overflow:auto}.playground-preview{background:#fff7e8;border:1px solid #e2d8c8;border-radius:25px;min-width:0;overflow:hidden;box-shadow:0 16px 42px #3c301f21}.playground-preview.tablet{border-width:10px;border-color:#25324a;border-radius:34px;width:min(100%,768px);margin-inline:auto}.playground-preview-bar{color:#647087;background:#f4eee3;justify-content:space-between;gap:12px;padding:9px 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;font-weight:750;display:flex}.tablet .playground-preview-bar{color:#d6deef;background:#25324a}.playground-canvas{min-height:620px;padding:1px 28px 36px}.playground-canvas .activity-screen{margin-top:clamp(28px,6vh,72px)}.developer-page h1{margin-bottom:30px}.back-link{color:#5176ef;margin-bottom:40px;font-weight:750;text-decoration:none;display:inline-block}.trace-card{background:#fff;border-radius:18px;margin-top:20px;padding:24px;overflow:auto;box-shadow:0 3px 13px #3c301f14}.trace-card h2{margin-top:0;font-size:1.25rem}.trace-empty{color:#647087;margin-bottom:0}.journey-transitions{gap:18px;margin:0;padding:0;list-style:none;display:grid}.journey-transitions>li{background:#fffcf7;border:1px solid #e6dfd3;border-radius:12px;padding:18px}.journey-source{color:#647087;letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:750}.journey-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;display:grid}.journey-details div{min-width:0}.journey-details dt{color:#647087;margin-bottom:3px;font-size:.78rem;font-weight:700}.journey-details dd{overflow-wrap:anywhere;margin:0}.journey-details code{background:#eee7dc;border-radius:4px;margin:2px 5px 2px 0;padding:2px 5px;font-size:.78rem;display:inline-block}.journey-transitions details{margin-top:16px}.journey-transitions summary{cursor:pointer;color:#5176ef;font-weight:700}.journey-transitions pre{max-height:220px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid #eee5d6;grid-template-columns:100px 1fr;gap:20px;padding:0 0 22px;display:grid}.timeline time{color:#8b92a3;padding-left:16px;font-size:.82rem}.timeline li div{padding-right:10px}.timeline p{margin:5px 0}.timeline pre,.trace-card>pre{color:#ecf1ff;background:#25324a;border-radius:9px;max-height:260px;padding:12px;font-size:.75rem;overflow:auto}.dev-error{color:#8f443a;background:#ffe0d6;border-radius:12px;padding:18px}@keyframes pop{50%{transform:scale(1.45)}}@keyframes land{45%{transform:scale(1.09)rotate(-1deg)}}@keyframes float{50%{transform:translateY(-10px)rotate(10deg)}}@keyframes orchard-focus{to{transform:scale(1.08)}}@keyframes basket-invite{to{transform:translateY(-4px)rotate(1deg)}}@keyframes apple-land{0%{opacity:0;transform:translateY(-85px)scale(1.18)rotate(-8deg)}62%{opacity:1;transform:translateY(7px)scale(.91,1.08)rotate(4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes basket-celebrate{35%{transform:translateY(-14px)rotate(-3deg)scale(1.04)}65%{transform:translateY(2px)rotate(2deg)scale(.98,1.03)}}@keyframes orchard-leaf-burst{0%{opacity:0;transform:rotate(var(--leaf-angle)) translateY(0) scale(.4)}18%{opacity:1}to{opacity:0;transform:rotate(var(--leaf-angle)) translateY(-190px) scale(1.1) rotate(160deg)}}@keyframes journey-brighten{0%{transform:scale(.82)}65%{transform:scale(1.1)rotate(-3deg)}to{transform:scale(1)}}@keyframes reveal-arrive{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.orchard-invitation{grid-template-columns:46px minmax(0,1fr);width:calc(100% - 24px)}.orchard-listening{display:none}.orchard-apple{width:clamp(84px,24vw,118px)}.orchard-basket{width:min(58vw,270px);bottom:10%;right:2%}.playground-page{padding-inline:16px}.playground-layout{grid-template-columns:1fr}.playground-controls{position:static}.playground-canvas{min-height:520px;padding-inline:16px}.app-shell{padding-inline:16px}.welcome-panel{margin-top:48px}.voice-panel{flex-wrap:wrap;align-items:flex-start}.voice-message{min-width:180px}.voice-button{width:100%}.count-board{grid-template-columns:1fr;gap:20px}.journey-details{grid-template-columns:1fr}.object-tray{min-height:135px}.draggable-object{width:62px;height:62px;font-size:2.8rem}.drop-target{min-height:180px}.timeline li{grid-template-columns:78px 1fr;gap:10px}.timeline time{padding-left:8px}.reconnect-card{padding:38px 25px}.journey-stop{grid-template-columns:26px 64px minmax(0,1fr) 40px;gap:9px}.journey-number{width:26px;height:26px}.journey-path{left:12px}.journey-marker{border-radius:22px;width:64px;height:64px}.journey-marker svg{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}