@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{--cream:#fff9ea;--cream-deep:#f6edd4;--ink:#263548;--ink-soft:#607082;--yellow:#f8bd3b;--yellow-deep:#eaa42b;--coral:#ef765e;--road:#31465c;--road-edge:#24394d;--lane:#fff4c9;--mint:#6fc5a4;--shadow:#2a37432b}.native-runtime,.native-app-viewport{background:var(--cream);width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.native-runtime{min-width:768px;min-height:540px}.native-runtime .app-screen{width:100%;height:100%}.native-runtime .mobile-scroll-content{min-height:100vh}.native-runtime .hub-screen,.native-runtime .learning-screen{width:100%;min-height:100vh}body,.phone-stage{background:#e9edf0}.phone-device[data-device=ipad-landscape]{background:#21262b;border:11px solid #21262b;border-radius:38px;box-shadow:0 28px 70px #1922293d}.phone-device[data-device=ipad-landscape] .phone-bezel{display:none}.phone-device[data-device=ipad-landscape] .device-screen{box-shadow:none;border-radius:24px}.device-screen[data-device=ipad-landscape] .status-bar{height:44px;color:var(--ink);padding:12px 26px 0 28px}.device-screen[data-device=ipad-landscape] .status-time{min-width:42px;font-size:13px}.device-screen[data-device=ipad-landscape] .status-indicator-svg{width:72px;height:12px}.device-screen[data-device=ipad-landscape] .home-indicator-svg{opacity:.7}.app-screen,.learning-screen{background:var(--cream)}.learning-screen{width:100%;min-height:834px;color:var(--ink);grid-template-columns:330px minmax(0,1fr);font-family:Hiragino Maru Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.learning-screen:after{background:var(--cream-deep);content:"";opacity:.65;pointer-events:none;height:22px;position:absolute;bottom:0;left:0;right:0}.guide-zone{z-index:2;flex-direction:column;align-items:center;min-width:0;padding:78px 18px 43px 30px;display:flex;position:relative}.guide-zone:after{content:"";background:#26354814;border-radius:99px;width:2px;position:absolute;top:91px;bottom:45px;right:0}.prompt-copy{width:100%;min-height:121px;padding:14px 8px 0 94px;position:relative}.prompt-kana{color:var(--coral);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:94px;font-weight:900;line-height:1;position:absolute;top:-11px;left:5px}.prompt-copy h1{max-width:180px;color:var(--ink);letter-spacing:.01em;font-size:27px;font-weight:900;line-height:1.28}.prompt-copy p{min-height:42px;color:var(--ink-soft);margin-top:11px;font-size:15px;font-weight:800;line-height:1.35}.departure-scene{width:280px;height:338px;margin-top:2px;position:relative}.departure-scene:after{z-index:-1;content:"";filter:blur(4px);background:#4a595c1f;border-radius:50%;height:29px;position:absolute;bottom:22px;left:13px;right:13px}.home-art{object-fit:contain;width:262px;height:262px;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.garage-bus{z-index:2;object-fit:contain;width:184px;height:122px;animation:1.8s ease-in-out infinite bus-ready;display:block;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sound-button{border:0;border-bottom:7px solid var(--yellow-deep);background:var(--yellow);width:238px;min-height:74px;color:var(--ink);letter-spacing:.02em;touch-action:manipulation;border-radius:25px;justify-content:center;align-items:center;gap:13px;margin-top:auto;font-size:21px;font-weight:900;display:flex;box-shadow:0 8px 18px #d79c2033}.sound-button:active{border-bottom-width:3px;transform:translateY(4px)}.example-card{z-index:11;width:218px;min-height:104px;color:var(--ink);pointer-events:none;background:#ffffff8c;border:2px solid #26354814;border-radius:24px;align-items:center;gap:4px;padding:10px 15px 10px 9px;display:flex;position:absolute;bottom:141px;left:57px;box-shadow:0 7px 20px #2a374314}.example-card img{object-fit:contain;width:114px;height:78px}.example-card span{letter-spacing:.01em;white-space:nowrap;margin-left:-4px;font-size:19px;font-weight:900}.trace-zone{z-index:1;grid-template-rows:minmax(0,1fr) auto;min-width:0;padding:61px 42px 47px 30px;display:grid;position:relative}.trace-surface{aspect-ratio:1;touch-action:none;place-self:center;width:min(655px,100%);position:relative}.kana-road{touch-action:none;width:100%;height:100%;display:block;overflow:visible}.stroke-shape{stroke:var(--road-edge);stroke-linejoin:round;stroke-width:17px;transition:fill .2s,opacity .2s}.stroke-waiting{fill:#dfe7e7;opacity:.62;stroke:#ccd7d8}.stroke-active{fill:var(--road);opacity:1}.stroke-complete{fill:var(--mint);opacity:1;stroke:#57a98b}.lane-guide{fill:none;stroke:#ffffff8c;stroke-dasharray:13 22;stroke-linecap:round;stroke-width:8px;opacity:.32;pointer-events:none}.lane-active{stroke:var(--lane);opacity:.95}.driven-road{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-width:155px;pointer-events:none}.start-halo{fill:var(--yellow);opacity:.25;animation:1.35s ease-out infinite start-pulse}.start-dot{fill:var(--yellow);stroke:#fff;stroke-width:8px}.start-shine{fill:#fff8d9}.moving-bus{z-index:4;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 7px #1f2f3a2e);width:118px;height:80px;display:block;position:absolute;transform:translate(-50%,-58%)}.signal-wrap{z-index:5;opacity:.92;width:171px;height:80px;padding:5px;position:absolute;top:56px;right:31px}.signal-wrap img{object-fit:contain;width:100%;height:100%;display:block}.session-history{min-height:37px;color:var(--ink-soft);justify-content:flex-end;align-items:center;gap:10px;padding-right:6px;font-size:14px;font-weight:800;display:flex}.session-history strong{min-height:31px;color:var(--ink);background:#ffffff8a;border:2px solid #2635481a;border-radius:99px;align-items:center;padding:0 13px;font-size:14px;display:inline-flex}.success-panel{z-index:8;border:5px solid var(--yellow);width:285px;min-height:245px;box-shadow:0 20px 55px var(--shadow);color:var(--ink);background:#fff9eaf5;border-radius:38px;flex-direction:column;align-items:center;padding:27px 23px 24px;animation:.3s cubic-bezier(.2,1.45,.5,1) both success-pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.success-panel strong{color:var(--coral);font-size:47px;font-weight:900;line-height:1}.success-panel span{color:var(--ink);margin-top:13px;font-size:25px;font-weight:900}.success-panel button{background:var(--mint);color:#18382d;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-width:194px;min-height:55px;margin-top:23px;font-size:17px;font-weight:900;display:flex}@keyframes bus-ready{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@keyframes start-pulse{0%{opacity:.42;transform:scale(.7)}75%,to{opacity:0;transform:scale(1.65)}}@keyframes success-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.82)rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}}.town-map-canvas[data-traffic=managed] .town-map-actor[data-reward=ambulance]{animation:48s linear -36s infinite town-map-traffic-west}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=760px){.learning-screen{min-height:100%;display:block;overflow-y:auto}.guide-zone{min-height:690px;padding:65px 20px 28px}.guide-zone:after,.signal-wrap,.trace-zone{display:none}}.learning-screen{isolation:isolate;display:block}.learning-screen:after{height:16px}.prompt-copy{z-index:12;pointer-events:none;width:auto;min-height:0;padding:0;position:absolute;top:63px;left:54px}.prompt-copy h1{max-width:none;color:var(--ink);letter-spacing:.01em;white-space:nowrap;word-break:keep-all;align-items:center;gap:16px;font-size:31px;font-weight:900;line-height:1;display:flex}.prompt-kana{color:var(--coral);font-size:86px;line-height:.9;position:static}.prompt-copy p{min-height:28px;color:var(--ink-soft);margin-top:9px;margin-left:94px;font-size:18px;font-weight:900;line-height:1.2}.world-stage{z-index:2;position:absolute;inset:0;overflow:hidden}.departure-scene{z-index:5;pointer-events:none;width:270px;height:315px;margin:0;position:absolute;top:126px;left:247px}.departure-scene:after{bottom:8px;left:21px;right:26px}.home-art{width:250px;height:250px;top:0}.garage-bus{width:166px;height:111px;bottom:120px;left:78%}.sound-button{z-index:12;border-radius:23px;width:218px;min-height:70px;margin:0;font-size:20px;position:absolute;bottom:53px;left:57px}.trace-surface{z-index:3;width:660px;max-width:none;position:absolute;top:95px;left:330px}.trace-surface[data-character=く]{top:185px;left:230px}.road-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:96px;transition:stroke .22s,opacity .22s}.road-active{stroke:var(--road);opacity:1}.road-complete{stroke:var(--mint);opacity:1}.road-waiting{stroke:#b8cfcc;stroke-width:72px;opacity:.15}.lane-guide{stroke:var(--lane);stroke-dasharray:12 22;stroke-width:8px;opacity:0}.lane-visible{opacity:.88}.driven-road{stroke-width:96px}.moving-bus{width:112px;height:76px}.stroke-progress{z-index:10;background:#ffffff7a;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:7px 11px;display:flex;position:absolute;top:78px;right:68px;box-shadow:0 5px 16px #2a374314}.stroke-progress-item{place-items:center;width:32px;height:32px;transition:color .2s,transform .2s;display:grid}.stroke-progress-item svg{width:30px;height:30px}.progress-complete{color:#55a887}.progress-active{color:var(--yellow-deep);transform:scale(1.12)}.progress-waiting{color:#afc0c4}.success-panel{border-width:4px;border-radius:31px;width:265px;min-height:205px;padding:24px 20px 20px;top:70%;left:-16%;transform:translate(-50%,-50%)rotate(-2deg)}.success-panel span{margin-top:9px;font-size:22px}.success-panel button{min-width:184px;min-height:52px;margin-top:17px}.hub-screen{background:radial-gradient(circle at 84% 7%, #f8bd3b21, transparent 28%), var(--cream);width:100%;min-height:834px;color:var(--ink);padding:72px 54px 44px;font-family:Hiragino Maru Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;position:relative;overflow:hidden}.hub-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hub-eyebrow{color:var(--coral);letter-spacing:.08em;margin:0 0 5px;font-size:17px;font-weight:900}.hub-screen h1{letter-spacing:.02em;margin:0;font-size:35px;font-weight:900}.course-progress{background:#ffffffb8;border:2px solid #26354812;border-radius:23px;align-items:center;gap:14px;min-width:145px;min-height:66px;padding:10px 20px;display:flex;box-shadow:0 8px 22px #2a374314}.course-progress span{color:var(--ink-soft);font-size:14px;font-weight:900}.course-progress strong{color:var(--coral);font-size:28px;line-height:1}.course-progress small{color:var(--ink-soft);font-size:16px}.unlock-status{color:#34735d;text-align:center;background:#effcf5;border:2px solid #5ba2842e;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:-8px auto 14px;padding:8px 18px;font-size:13px;display:flex}.unlock-status strong{align-items:center;gap:5px;display:inline-flex}.unlock-status strong svg{width:17px;height:17px}.unlock-status small{color:#4b806c;font-weight:800}.unlock-status[data-state=waiting]{color:#805a26;background:#fff8d7;border-color:#e2ad2b40}.unlock-status[data-state=waiting] small{color:#9a7040}.lesson-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.lesson-card{min-width:0;min-height:250px;color:var(--ink);touch-action:manipulation;background:#ffffffb8;border:3px solid #26354814;border-bottom-width:7px;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;padding:17px 10px 14px;display:flex;position:relative;box-shadow:0 11px 25px #2a374314}.lesson-card:active{border-bottom-width:3px;transform:translateY(4px)}.lesson-card[data-complete=true]{background:#effcf5e6;border-color:#6fc5a4ad}.lesson-character{color:var(--coral);font-size:51px;font-weight:900;line-height:1}.lesson-card img{object-fit:contain;width:126px;height:92px;margin-top:8px}.lesson-word{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:4px;font-size:16px;font-weight:900;overflow:hidden}.lesson-check{color:#4b9c7d;width:25px;height:25px;position:absolute;top:13px;right:13px}.course-hint,.all-complete-banner{min-height:54px;color:var(--ink-soft);justify-content:center;align-items:center;margin:23px auto 0;font-size:17px;font-weight:900;display:flex}.all-complete-banner{width:320px;color:var(--ink);background:#fff0a9;border-radius:99px;gap:14px;animation:.42s cubic-bezier(.2,1.45,.5,1) both reward-arrive;box-shadow:0 8px 22px #d79c202b}.all-complete-banner span{color:var(--yellow-deep);font-size:24px}.hub-actions{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:48px;left:54px;right:54px}.garage-button,.adult-button,.hub-back-button,.lesson-back-button{color:var(--ink);touch-action:manipulation;border:0;font-weight:900}.garage-button{border-bottom:6px solid var(--yellow-deep);background:var(--yellow);border-radius:22px;justify-content:center;align-items:center;gap:11px;min-width:260px;min-height:64px;font-size:20px;display:flex;box-shadow:0 8px 18px #d79c202e}.garage-button span{font-size:28px}.adult-button{background:#ffffffb8;border:2px solid #2635481a;border-radius:20px;min-width:96px;min-height:54px;font-size:15px}.hub-back-button{z-index:5;background:#ffffffc2;border:2px solid #26354817;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:77px;left:43px}.hub-back-button svg{width:24px;height:24px}.garage-header,.history-header{padding-left:70px}.garage-header{position:relative}.town-pack-nav{align-items:center;gap:10px;display:flex;position:absolute;top:2px;right:0}.town-pack-nav button{min-width:72px;min-height:44px;color:var(--ink);background:#ffffffd1;border:2px solid #26354817;border-radius:99px;justify-content:center;align-items:center;gap:4px;font-weight:900;display:inline-flex}.town-pack-nav button:disabled{opacity:.38}.town-pack-nav button svg{width:18px;height:18px}.town-pack-nav span{color:var(--ink-soft);font-size:13px;font-weight:900}.garage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:54px;display:grid}.garage-slot{background:#ffffffb8;border:3px solid #26354814;border-radius:30px 30px 18px 18px;flex-direction:column;justify-content:center;align-items:center;min-height:286px;display:flex;box-shadow:inset 0 -14px #31465c0f,0 10px 24px #2a374312}.garage-slot[data-unlocked=false]{color:#899397;background:#e1e7e6a3}.garage-slot img{object-fit:contain;width:142px;height:108px}.garage-slot>svg{color:#a7afb0;width:56px;height:56px}.garage-slot strong{color:var(--coral);margin-top:14px;font-size:40px;line-height:1}.garage-slot span{text-overflow:ellipsis;white-space:nowrap;max-width:145px;margin-top:8px;font-size:15px;font-weight:900;overflow:hidden}.history-header>p:last-child{color:var(--ink-soft);margin:7px 0 0;font-size:14px;font-weight:700}.history-summary{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px;display:grid}.history-summary article{background:#ffffffb8;border:2px solid #26354814;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex;box-shadow:0 9px 24px #2a374312}.history-summary span{color:var(--ink-soft);font-size:16px;font-weight:900}.history-summary strong{color:var(--coral);margin-top:11px;font-size:39px;line-height:1}.history-summary small{color:var(--ink-soft);font-size:17px}.history-letters{justify-content:center;gap:17px;margin-top:38px;display:flex}.history-letters span{color:#9aa5a6;background:#ffffff8c;border:3px solid #d4dddc;border-radius:22px;place-items:center;width:67px;height:67px;font-size:30px;font-weight:900;display:grid}.history-letters span[data-complete=true]{border-color:var(--mint);color:#39856a;background:#effcf5}.last-study{color:var(--ink-soft);text-align:center;margin:30px 0 0;font-size:15px}.lesson-back-button{z-index:14;background:#ffffff94;border:2px solid #26354814;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:71px;left:17px}.example-card[data-character=し],.example-card[data-character=き]{width:268px}.example-card[data-character=し] span,.example-card[data-character=き] span{font-size:15px}.trace-surface[data-character=し]{width:630px;top:118px;left:325px}.trace-surface[data-character=き]{width:625px;top:72px;left:345px}.trace-surface[data-character=で]{width:625px;top:74px;left:350px}@keyframes reward-arrive{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.drive-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.drive-choice{min-height:178px;color:var(--ink);text-align:left;touch-action:manipulation;border:3px solid #26354814;border-bottom-width:7px;border-radius:30px;grid-template-columns:92px 1fr;align-items:center;padding:34px 62px 34px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #2a374314}.drive-choice:active:not(:disabled){border-bottom-width:3px;transform:translateY(4px)}.new-choice{background:#fff5c9;border-color:#e2ad2b57}.repeat-choice{background:#eaf9f2;border-color:#50a5844d}.drive-choice:disabled{opacity:.58}.choice-label{color:var(--ink-soft);letter-spacing:.05em;font-size:15px;font-weight:900;position:absolute;top:18px;left:26px}.drive-choice strong{color:var(--coral);text-align:center;font-size:66px;font-weight:900;line-height:1}.drive-choice img{object-fit:contain;justify-self:center;width:146px;height:104px}.choice-copy{color:var(--ink-soft);font-size:15px;font-weight:900;position:absolute;bottom:16px;left:28px}.drive-choice>svg{width:28px;height:28px;color:var(--ink-soft);position:absolute;right:24px}.pack-complete{background:#fff0a9}.pack-complete>span:first-child{color:var(--yellow-deep);text-align:center;font-size:38px}.pack-complete strong{color:var(--ink);text-align:left;grid-column:2;font-size:28px}.letter-pack-nav{grid-template-columns:132px 1fr 132px;align-items:center;gap:12px;width:min(680px,100%);margin:15px auto 9px;display:grid}.letter-pack-nav button{min-height:50px;color:var(--ink-soft);background:#fffc;border:2px solid #2635481a;border-radius:99px;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:900;display:inline-flex}.letter-pack-nav button:disabled{opacity:.34}.letter-pack-nav button svg{width:18px;height:18px}.letter-pack-summary{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.letter-picker-label{color:var(--ink-soft);text-align:center;flex-direction:column;gap:2px;margin:0;font-size:15px;font-weight:900;display:flex}.letter-picker-label small{color:#7f8a8c;font-size:12px}.letter-pack-nav .pack-jump-current{color:#34735d;background:#effcf5;border-color:#50a58442;min-height:44px;padding:0 16px}.course-screen .lesson-grid{gap:12px;width:min(620px,100%);margin:0 auto}.course-screen .lesson-card{border-bottom-width:5px;border-radius:24px;min-height:96px;padding:12px 8px}.course-screen .lesson-character{font-size:43px}.course-screen .lesson-check{width:20px;height:20px;top:8px;right:8px}.locked-pack-preview{border-top:2px dashed #4c5c6824;width:min(620px,100%);margin:15px auto 92px;padding-top:12px}.locked-pack-preview>p{color:#7a8589;justify-content:center;align-items:center;gap:7px;margin:0 0 8px;font-size:14px;display:flex}.locked-pack-preview>p svg{width:16px;height:16px}.course-screen .locked-lesson-grid{gap:9px;margin-top:0}.course-screen .locked-lesson-card{min-height:72px;box-shadow:none;color:#8d9899;filter:saturate(.25);background:#dde2e194;border:2px solid #5b676d17;border-bottom-width:4px}.course-screen .locked-lesson-card .lesson-character{color:#9da6a6;opacity:.48;font-size:35px}.lesson-lock{color:#6f7b7d;filter:none;width:23px;height:23px;position:absolute}.course-screen .hub-actions{bottom:34px}.course-screen:has(.locked-pack-preview){min-height:960px}.success-panel{width:332px;min-height:224px;padding:23px 18px 19px;top:66%;left:76%}.success-panel span{text-align:center;max-width:100%;font-size:19px}.success-actions{gap:9px;width:100%;margin-top:17px;display:flex}.success-panel .success-actions button{flex:1;min-width:0;min-height:52px;margin-top:0;padding:0 9px;font-size:15px}.success-panel .retry-button{border:3px solid var(--mint);color:#34735d;background:#fffdf6}.success-panel .next-button{background:var(--mint)}.success-panel .completion-reward-copy{color:#4b806c;margin-top:7px;font-size:13px;font-weight:900}.garage-slot{position:relative}.town-repeat-mark{background:#fff4be;border-radius:99px;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:30px;display:flex;position:absolute;top:13px;right:13px;box-shadow:0 3px 8px #2a374314}.town-repeat-mark span{margin:0;font-size:15px}.town-repeat-mark small{color:var(--ink);font-size:13px;font-weight:900}.demo-button{z-index:12;width:154px;min-height:62px;color:var(--ink);background:#ffffffe0;border:3px solid #31465c29;border-bottom-width:6px;border-radius:22px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex;position:absolute;bottom:58px;left:292px}.demo-button:disabled{opacity:.48}.demo-button:active:not(:disabled){border-bottom-width:3px;transform:translateY(3px)}.device-screen button:focus-visible,.native-runtime button:focus-visible{outline-offset:4px!important;outline:4px solid #1f6feb!important;box-shadow:0 0 0 7px #fffffff0!important}.lesson-back-button{width:52px;height:52px}.lesson-back-button svg{width:25px;height:25px}.completion-reward-image{object-fit:contain;width:96px;height:68px;margin:-8px auto 2px}.success-panel{min-height:264px;inset:56% 28px auto auto;transform:translateY(-50%)rotate(-2deg)}.success-panel strong{font-size:36px}.success-panel .success-actions{margin-top:11px}.garage-screen{padding-bottom:26px}.town-world{background:linear-gradient(#dff4f1 0 48%,#dceec3 48% 100%);border:3px solid #31465c14;border-radius:42px;height:590px;margin-top:18px;position:relative;overflow:hidden;box-shadow:inset 0 -18px #31465c0a,0 12px 30px #2a374314}.town-sky{background:#ffffffbd;border-radius:99px;width:150px;height:54px;position:absolute;top:34px;left:50%;box-shadow:-240px 45px 0 -8px #ffffff94,270px 26px 0 -12px #ffffff8f}.town-road{z-index:1;background:var(--road);box-shadow:inset 0 0 0 4px var(--road-edge);border:12px solid #f6e9b9;border-radius:999px;position:absolute}.town-road:after{content:"";border-top:6px dashed #fff4c9e6;position:absolute;inset:50% 14px auto}.town-road-main{height:116px;bottom:105px;left:-80px;right:-90px;transform:rotate(-4deg)}.town-road-side{width:106px;top:165px;bottom:-100px;left:45%;transform:rotate(18deg)}.town-road-side:after{border-top:0;border-left:6px dashed #fff4c9e6;inset:14px auto 14px 50%}.town-home{z-index:3;object-fit:contain;width:225px;height:225px;position:absolute;top:126px;left:42%}.town-signal{z-index:4;object-fit:contain;width:105px;height:80px;position:absolute;top:230px;left:62%}.town-place{z-index:5;place-items:center;display:grid;position:absolute}.town-place-0{top:120px;left:7%}.town-place-1{bottom:48px;left:12%}.town-place-2{bottom:42px;right:22%}.town-place-3{top:105px;right:8%}.town-place-4{bottom:150px;right:4%}.town-friend{width:180px;min-height:148px;color:var(--ink);background:#ffffffd1;border:3px solid #31465c17;border-bottom-width:7px;border-radius:31px;padding:8px 10px 34px;box-shadow:0 10px 22px #2a37431f}.town-friend:active{border-bottom-width:3px;transform:translateY(4px)scale(1.04)}.town-friend>img{object-fit:contain;width:132px;height:92px}.town-letter{color:var(--coral);font-size:31px;font-weight:900;position:absolute;top:9px;left:12px}.town-friend .town-repeat-mark{min-width:102px;min-height:27px;margin:0;padding:0 8px;font-size:12px;font-weight:900;position:absolute;top:auto;bottom:8px;right:8px}.town-friend .town-repeat-mark svg{width:15px;height:15px}.town-day-mark{color:#426959;font-size:12px;font-weight:900;position:absolute;bottom:12px;left:10px}.town-future-place{color:#31465c75;background:#ffffff57;border:3px dashed #31465c38;border-radius:50%;width:76px;height:76px}.town-future-place svg{width:25px;height:25px}.town-future-place span{font-size:20px;font-weight:900}.town-message{z-index:8;min-height:42px;color:var(--ink);text-align:center;background:#ffffffd6;border-radius:99px;margin:0;padding:10px 22px;font-size:16px;font-weight:900;position:absolute;bottom:18px;left:26px;right:26px}.history-letters span{gap:3px;position:relative}.history-letters span svg{width:17px;height:17px}.history-insight{text-align:center;background:#effaf5;border:2px solid #50a5843d;border-radius:24px;flex-direction:column;justify-content:center;gap:6px;width:min(720px,100%);min-height:82px;margin:28px auto 0;padding:14px 24px;display:flex}.history-insight strong{font-size:18px}.history-insight span{color:var(--ink-soft);font-size:13px;font-weight:700}.letter-picker-label span{color:var(--coral);margin-right:12px}@media (height<=800px) and (width>=768px){.native-runtime .hub-screen{min-height:100%;padding:38px 42px 24px}.native-runtime .hub-screen h1{font-size:31px}.native-runtime .drive-choices{margin-top:14px}.native-runtime .drive-choice{min-height:150px;padding-top:28px;padding-bottom:28px}.native-runtime .letter-picker-label{margin-top:14px}.native-runtime .hub-actions{bottom:20px}.native-runtime .learning-screen{min-height:100%}.native-runtime .town-world{height:calc(100vh - 132px);min-height:500px}.native-runtime .history-summary{margin-top:30px}.native-runtime .history-summary article{min-height:125px}.native-runtime .history-letters{margin-top:24px}.native-runtime .history-insight{margin-top:20px}}.prompt-copy{right:220px}.prompt-copy h1>span:last-child{overflow-wrap:anywhere;min-width:0}.prompt-copy p{overflow-wrap:anywhere;max-width:190px;margin-left:0}.hub-screen h1{line-height:1.25}.prompt-copy h1,.prompt-kana{line-height:1.27}.course-progress strong,.course-screen .lesson-character{line-height:1.2}.drive-choice strong{line-height:1.25}.history-summary strong{line-height:1.2}.example-card{max-width:calc(100vw - 88px)}.example-card span{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.25}.success-panel span,.completion-reward-copy,.success-actions button{overflow-wrap:anywhere;max-width:100%;line-height:1.25}.session-timer-chip,.lesson-timer-chip{min-height:42px;color:var(--ink-soft);white-space:nowrap;background:#ffffffd1;border:2px solid #26354814;border-radius:99px;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex}.session-timer-chip{margin-left:auto}.lesson-timer-chip{z-index:13;position:absolute;top:139px;right:52px}.session-finished{z-index:30;border:4px solid var(--yellow);text-align:center;background:#fffdf6;border-radius:32px;flex-direction:column;align-items:center;gap:10px;width:min(440px,100% - 56px);padding:28px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #2a374338}.session-finished strong{color:var(--coral);font-size:30px}.session-finished span{color:var(--ink-soft);font-size:16px;font-weight:800}.session-finished button{background:var(--mint);color:#18382d;border:0;border-radius:18px;min-width:150px;min-height:50px;margin-top:8px;font-weight:900}.course-screen:has(.session-finished)>:not(.session-finished){pointer-events:none}.history-screen{overflow-y:auto}.timer-settings{background:#ffffffb8;border:2px solid #26354814;border-radius:24px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:16px;width:min(850px,100%);min-height:104px;margin:22px auto 0;padding:14px 18px;display:grid}.timer-settings>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.timer-settings strong{font-size:18px}.timer-settings span{color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1.35}.timer-options{gap:7px;display:flex}.timer-options button{min-width:56px;min-height:44px;color:var(--ink);background:#fffdf6;border:2px solid #2635481a;border-radius:15px;font-weight:900}.timer-options button[data-selected=true]{border-color:var(--yellow-deep);background:#fff0a9}.timer-start-button,.finish-session-button{background:var(--mint);color:#18382d;border:0;border-radius:17px;min-height:50px;font-weight:900}.timer-start-button{min-width:150px;padding:0 16px}.finish-session-button{flex:1}.town-world{background:linear-gradient(#dff4f1 0 38%,#dceec3 38% 100%);height:560px}.town-road-main{height:92px;bottom:108px;left:-70px;right:-75px}.town-road-side{width:86px;top:118px;bottom:-110px;left:49%}.town-home{width:150px;height:150px;top:72px;left:43%}.town-signal{width:72px;height:56px;top:178px;left:60%}.town-roamer{width:126px;height:92px;color:var(--ink);touch-action:manipulation;background:0 0;border:0;padding:0}.town-roamer[data-reward=ant-friend]{mix-blend-mode:multiply}.town-roamer[data-reward=ant-friend] .town-roamer-art{-webkit-mask-image:radial-gradient(68% 56% at 50% 52%,#000 72%,#0000 100%);mask-image:radial-gradient(68% 56% at 50% 52%,#000 72%,#0000 100%)}.town-roamer[data-reward=train] .town-roamer-art{-webkit-mask-image:radial-gradient(54% 48% at 50% 52%,#000 58%,#0000 100%);mask-image:radial-gradient(54% 48% at 50% 52%,#000 58%,#0000 100%)}.town-roamer-art{transform-origin:50% 80%;width:100%;height:100%;display:block}.town-roamer-art img{object-fit:contain;width:100%;height:100%;display:block}.town-roamer .town-letter{background:#fffdf6;border-radius:50%;place-items:center;width:31px;height:31px;font-size:20px;display:grid;top:0;left:0;box-shadow:0 3px 9px #2a374324}.town-roamer .town-day-mark{background:#ffffffe6;border-radius:99px;padding:4px 7px;font-size:10px;bottom:0;left:auto;right:2px}.town-roamer[data-reacting=true] .town-roamer-art{animation:.68s cubic-bezier(.2,1.5,.45,1) town-tap-pop}.town-roamer.town-place-0{animation:6s ease-in-out infinite town-wander;top:230px;left:11%}.town-roamer.town-place-1{animation:12s linear infinite town-drive-east;inset:auto auto 93px -12%}.town-roamer.town-place-2{animation:14s linear 1.8s infinite town-drive-west;inset:auto -11% 151px auto}.town-roamer.town-place-3{animation:10s linear .8s infinite town-drive-side;inset:228px auto auto 45%}.town-roamer.town-place-4{animation:16s linear 4s infinite town-drive-east;inset:auto auto 125px -15%}@keyframes town-wander{0%,to{transform:translate(0)rotate(-2deg)}30%{transform:translate(90px,-25px)rotate(4deg)}65%{transform:translate(170px,28px)rotate(-3deg)}}@keyframes town-drive-east{0%{transform:translate(0)}to{transform:translate(calc(100vw + 220px))}}@keyframes town-drive-west{0%{transform:translate(0)scaleX(-1)}to{transform:translate(calc(-100vw - 220px))scaleX(-1)}}@keyframes town-drive-side{0%,to{transform:translateY(230px)}50%{transform:translate(75px,-120px)}}@keyframes town-tap-pop{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-24px)scale(1.16)rotate(-5deg)}58%{transform:translateY(0)scale(1.06)rotate(5deg)}}.garage-screen{background:#fdf6e8;min-height:100%;padding:24px 0 18px;overflow:hidden}.garage-screen .hub-back-button{background:#fffdf6f0;top:25px;left:30px;box-shadow:0 4px 14px #2635481f}.garage-header{min-height:82px;padding:6px 42px 10px 102px}.garage-header .hub-eyebrow{margin-bottom:2px;font-size:12px}.garage-header h1{font-size:34px}.town-map-viewport{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;background:#a7ce68;border-block:1px solid #26354814;width:100%;height:calc(100vh - 150px);min-height:520px;position:relative;overflow:auto}.town-map-viewport::-webkit-scrollbar{display:none}.town-map-canvas{aspect-ratio:1501/927;width:max(1500px,145vw);position:relative;overflow:hidden}.town-map-canvas[data-map-stage="2"]{aspect-ratio:3/2;width:max(1900px,185vw)}.town-map-canvas[data-map-stage="2"] .town-map-actor{aspect-ratio:1;height:auto!important}.town-map-canvas[data-preview=all] .town-map-actor{opacity:1;transform:none;animation:none!important}.town-map-canvas[data-preview=all] .town-map-actor-art{animation:4.6s ease-in-out infinite town-map-world-idle}.town-map-canvas[data-preview=all] .town-map-actor:nth-of-type(3n) .town-map-actor-art{animation-delay:-1.4s}.town-map-canvas[data-preview=all] .town-map-actor:nth-of-type(4n) .town-map-actor-art{animation-delay:-2.8s}.town-map-background{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.town-map-actor{z-index:4;filter:drop-shadow(0 7px 5px #26354829);width:116px;height:86px;color:var(--ink);cursor:pointer;touch-action:pan-x pan-y;background:0 0;border:0;padding:0;position:absolute}.town-map-actor:hover,.town-map-actor:focus-visible{animation-play-state:paused}.town-map-actor-art{transform-origin:50% 82%;width:100%;height:100%;display:block}.town-map-actor-art img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.town-map-actor[data-reward=ant-friend]{mix-blend-mode:multiply;width:54px;height:43px;top:26%;left:60%}.town-map-guide-bus{width:118px;height:80px;animation:22s linear infinite town-map-road-loop}.town-map-actor[data-reward=red-car]{width:105px;height:78px;animation:25s linear -7s infinite town-map-road-loop}.town-map-actor[data-reward=fire-engine]{width:118px;height:86px;animation:28s linear -14s infinite town-map-road-loop}.town-map-actor[data-reward=ambulance]{width:108px;height:80px;animation:26s linear -20s infinite town-map-road-loop}.town-map-actor[data-reward=train]{width:132px;height:90px;animation:20s ease-in-out infinite town-map-rail-shuttle}.town-map-canvas[data-map-stage="1"] .town-map-guide-bus{--traffic-start-top:37%;--traffic-start-left:36%;animation:48s linear infinite town-map-traffic-loop}.town-map-canvas[data-map-stage="1"] .town-map-actor[data-reward=red-car]{animation:48s linear -12s infinite town-map-traffic-north}.town-map-canvas[data-map-stage="1"] .town-map-actor[data-reward=fire-engine]{animation:48s linear -24s infinite town-map-traffic-south}.town-map-canvas[data-map-stage="1"] .town-map-actor[data-reward=ambulance]{animation:48s linear -36s infinite town-map-traffic-west}.town-map-actor[data-travel=road] .town-map-actor-art,.town-map-guide-bus .town-map-actor-art{animation:1.15s ease-in-out infinite town-map-vehicle-bob}.town-map-actor[data-reward=ant-friend] .town-map-actor-art{animation:6s ease-in-out infinite town-map-idle-ant}.town-map-actor[data-reacting=true] .town-map-actor-art{animation:.68s cubic-bezier(.2,1.45,.42,1) town-map-tap!important}@keyframes town-map-world-idle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}.town-map-hint{z-index:8;color:var(--ink-soft);pointer-events:none;background:#fffdf6e6;border-radius:99px;margin:0;padding:8px 14px;font-size:12px;font-weight:900;position:absolute;bottom:66px;right:24px;box-shadow:0 4px 14px #2635481a}.garage-screen>.town-message{z-index:9;width:max-content;max-width:calc(100% - 48px);min-height:38px;padding:8px 18px;font-size:13px;position:absolute;bottom:18px;left:auto;right:50%;transform:translate(50%);box-shadow:0 4px 14px #2635481a}@keyframes town-map-road-loop{0%{opacity:0;top:37%;left:42%;transform:translate(-50%,-50%)scaleX(-1)}2%,12%{opacity:1;top:37%;left:42%;transform:translate(-50%,-50%)scaleX(-1)}70%,92%{opacity:1;top:32%;left:37%;transform:translate(-50%,-50%)scaleX(-1)}93%,to{opacity:0;top:32%;left:37%;transform:translate(-50%,-50%)scaleX(-1)}}@keyframes town-map-traffic-loop{0%{top:var(--traffic-start-top);left:var(--traffic-start-left);opacity:0;transform:translate(-50%, -50%) scaleX(var(--traffic-direction,1))}1%,4%{top:var(--traffic-start-top);left:var(--traffic-start-left);opacity:1;transform:translate(-50%, -50%) scaleX(var(--traffic-direction,1))}18%,21%{opacity:1;top:36%;left:49%;transform:translate(-50%,-50%)}22%,to{opacity:0;top:36%;left:49%;transform:translate(-50%,-50%)}}@keyframes town-map-road-north{0%{opacity:0;top:43%;left:50%;transform:translate(-50%,-50%)}2%,12%{opacity:1;top:43%;left:50%;transform:translate(-50%,-50%)}70%,92%{opacity:1;top:22%;left:59%;transform:translate(-50%,-50%)}93%,to{opacity:0;top:22%;left:59%;transform:translate(-50%,-50%)}}@keyframes town-map-road-south{0%{opacity:0;top:48%;left:56.5%;transform:translate(-50%,-50%)}2%,12%{opacity:1;top:48%;left:56.5%;transform:translate(-50%,-50%)}52%{opacity:1;top:54%;left:64.5%;transform:translate(-50%,-50%)}70%,92%{opacity:1;top:62%;left:68.5%;transform:translate(-50%,-50%)}93%,to{opacity:0;top:62%;left:68.5%;transform:translate(-50%,-50%)}}@keyframes town-map-rail-shuttle{0%{opacity:0;top:53%;left:2%;transform:translate(-50%,-50%)}2%,12%{opacity:1;top:53%;left:2%;transform:translate(-50%,-50%)}70%,92%{opacity:1;top:37%;left:29%;transform:translate(-50%,-50%)}93%,to{opacity:0;top:37%;left:29%;transform:translate(-50%,-50%)}}@keyframes town-map-traffic-north{0%{opacity:0;top:36%;left:50%;transform:translate(-50%,-50%)}1%,4%{opacity:1;top:36%;left:50%;transform:translate(-50%,-50%)}18%,21%{opacity:1;top:20%;left:61%;transform:translate(-50%,-50%)}22%,to{opacity:0;top:20%;left:61%;transform:translate(-50%,-50%)}}@keyframes town-map-traffic-south{0%{opacity:0;top:40%;left:53%;transform:translate(-50%,-50%)}1%,4%{opacity:1;top:40%;left:53%;transform:translate(-50%,-50%)}18%,21%{opacity:1;top:62%;left:69%;transform:translate(-50%,-50%)}22%,to{opacity:0;top:62%;left:69%;transform:translate(-50%,-50%)}}@keyframes town-map-traffic-west{0%{opacity:0;top:60%;left:55%;transform:translate(-50%,-50%)scaleX(-1)}1%,4%{opacity:1;top:60%;left:55%;transform:translate(-50%,-50%)scaleX(-1)}18%,21%{opacity:1;top:48%;left:35%;transform:translate(-50%,-50%)scaleX(-1)}22%,to{opacity:0;top:48%;left:35%;transform:translate(-50%,-50%)scaleX(-1)}}.town-map-canvas[data-traffic=managed] .town-map-guide-bus{--traffic-start-top:37%;--traffic-start-left:36%;animation:48s linear infinite town-map-traffic-loop}@keyframes town-map-vehicle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.town-map-canvas[data-traffic=managed] .town-map-actor[data-reward=red-car]{animation:48s linear -12s infinite town-map-traffic-north}@keyframes town-map-idle-ant{0%,to{transform:translate(0)}50%{transform:translate(14px,5px)}}.town-map-canvas[data-traffic=managed] .town-map-actor[data-reward=fire-engine]{animation:48s linear -24s infinite town-map-traffic-south}@keyframes town-map-tap{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-14px)scale(1.12)}62%{transform:translateY(0)scale(1.04)}}@media (width<=767px){.garage-header{padding-left:88px;padding-right:22px}.garage-header .hub-eyebrow{max-width:230px}.town-map-canvas{width:1180px}.town-map-viewport{height:calc(100vh - 142px);min-height:470px}}@media (prefers-reduced-motion:reduce){.town-map-actor,.town-map-actor-art{animation:none!important}}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}