html,body{width:100%;height:100%;margin:0;overflow:hidden;background:linear-gradient(#4e6777,#192a43,#243252)!important}body{touch-action:manipulation;overscroll-behavior-y:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#artboard{width:320px;height:590px}#startScreen{z-index:11000;opacity:1;cursor:pointer;transition:opacity .42s;position:absolute;inset:0;overflow:hidden}#startScreen.is-exiting{opacity:0;pointer-events:none}#lessonStage{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s,visibility 0s linear .42s;position:absolute;inset:0}#lessonStage.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s}#langScreen{z-index:12000;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#4e6777,#192a43,#243252);height:100dvh;transition:opacity .36s,visibility 0s linear .36s;position:fixed;inset:0}#langScreen.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .36s}#langList{-webkit-overflow-scrolling:touch;padding:16px 12px calc(20px + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#ffffff8c transparent;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;inset:0;overflow-y:scroll}#langList::-webkit-scrollbar{width:8px}#langList::-webkit-scrollbar-track{background:0 0}#langList::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:4px}#langList::-webkit-scrollbar-thumb:hover{background:#ffffffb3}.lang-banner{cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:3px solid #fff;border-radius:12px;flex:none;width:88%;max-width:405px;padding:0;transition:transform .13s,box-shadow .13s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040}.lang-banner img{border-radius:9px;width:100%;height:auto;display:block}.lang-banner.is-pressed,.lang-banner:active{transform:scale(.94);box-shadow:0 1px 4px #0003}.lang-banner.is-selected{transform:scale(1.04);box-shadow:0 6px 18px #00000061}.lang-name-label{text-align:right;white-space:nowrap;color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;pointer-events:none;background:#00000080;border-radius:7px;max-width:60%;padding:1px 6px;font-family:Patrick Hand,cursive;font-size:11px;line-height:1.25;position:absolute;bottom:6px;right:6px}#langToast{left:50%;bottom:calc(34px + env(safe-area-inset-bottom));color:#fff;text-align:center;opacity:0;pointer-events:none;background:#000000d1;border-radius:20px;max-width:80%;padding:10px 18px;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,8px)}#langToast.is-visible{opacity:1;transform:translate(-50%)}#startTitleArt{object-fit:contain;width:301px;height:161px;position:absolute;top:40px;left:9px}#startCardArt{object-fit:contain;width:280px;height:300px;position:absolute;top:205px;left:20px}#button3{width:176px;height:42px;position:absolute;top:510px;left:72px}#startLangBanner{box-sizing:border-box;border:3px solid #fff;border-radius:10px;width:135px;height:auto;display:none;position:absolute;top:530px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}#startLangBanner img{border-radius:7px;width:100%;height:auto;display:block}#startLangBanner.is-pressed,#startLangBanner:active{transform:translate(-50%)scale(.94);box-shadow:0 1px 4px #0003}button-yes:not(:defined){box-sizing:border-box;width:100%;height:100%;box-shadow:none;cursor:default;pointer-events:none;background:0 0;border:1px solid #999;border-radius:15px;display:block;position:relative;overflow:hidden}button-yes:not(:defined):before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(120deg,#fff0,#ffffff1a,#fff0);animation:2.8s ease-in-out infinite lm-subtle-shimmer;position:absolute;inset:-30%;transform:translate(-100%)}:is(button-yes:not(:defined)[pill=true],button-yes:not(:defined)[pill="1"],button-yes:not(:defined)[pill=pill]){border-radius:9999px}button-yes:defined{pointer-events:auto;cursor:pointer;animation:.22s ease-out lm-button-fade-in}@keyframes lm-subtle-shimmer{0%{opacity:.4;transform:translate(-100%)}50%{opacity:.85}to{opacity:.4;transform:translate(100%)}}@keyframes lm-button-fade-in{0%{opacity:0}to{opacity:1}}button:active{background:#e0e0e0;box-shadow:2px 2px 4px 1px #000000bf}#versionBadge{text-align:center;color:#ffe33a;letter-spacing:.03em;z-index:9999;width:100%;font-size:11px;position:absolute;top:571px;left:0}#recognizedReadout{text-align:center;color:#fff;letter-spacing:.03em;z-index:9999;width:100%;font-size:13px;display:none;position:absolute;top:569px;left:0}#superContainer{background:0 0;width:300px;height:287px;position:absolute;top:100px;left:calc(50% - 151px)}#AUB01,#AUD000,#AUDX,#AUDV,#AUD01,#AUDZ{width:40px;height:40px;position:absolute;top:239px;left:7px}#pinBuddy{width:80px;height:48px;position:absolute;top:235px;left:64px}#webAudio{z-index:10000;cursor:pointer;width:314px;height:307px;position:absolute;top:108px;left:calc(50% - 158px)}#GestureCombo{z-index:10001;width:292px;height:313px;position:absolute;top:120px;left:calc(50% - 147px)}#gestureSurface{z-index:10050;touch-action:none;cursor:pointer;background:0 0;width:280px;height:385px;display:none;position:absolute;top:30px;left:20px}#splashBox{z-index:10002;background:0 0;width:320px;height:326px;position:absolute;top:100px;left:calc(50% - 160px)}#splashPoster{width:315px;height:315px;position:absolute;top:3px;left:3px}#loader{object-fit:cover;object-position:center;width:355px;height:64px;position:absolute;top:141px;left:8px}#splashScreen{z-index:10120;pointer-events:none;cursor:pointer;background:0 0;width:280px;height:389px;position:absolute;top:30px;left:calc(50% - 140px)}#quillImageSplashCover,#splashTransCover{pointer-events:auto}#splashShadow{background:0 0;border-radius:15px;width:280px;height:385px;position:absolute;top:0;left:0;box-shadow:6px 10px 24px #00000073}#splashImage{width:280px;height:385px;position:absolute;top:0;left:0}#adjustSplashText{width:268px;height:132px;position:absolute;top:29px;left:6px}#reward2{box-sizing:border-box;border:.5px solid #fff;border-radius:50%;width:65px;height:65px;position:absolute;top:282px;left:108px;box-shadow:4px 5px 6px #0000004d}#rewardt2{color:#fff;justify-content:center;align-items:center;width:48px;height:24px;font-family:Chelsea Market,sans-serif;font-size:16px;display:flex;position:absolute;top:314px;left:140px;transform:translate(-50%,-50%)}#adjustSplashTrans{width:255px;height:40px;top:349px;left:12px;position:absolute!important}#quillImageSplash{width:25px;height:25px;position:absolute;top:10px;left:245px}#quillImageSplashCover{cursor:pointer;width:272px;height:140px;position:absolute;top:4px;left:4px}#splashTransCover{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:0 0;border-radius:15px;width:280px;height:385px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 5px #fff}#splashTransCoverDisplay{width:255px;height:335px;position:absolute;top:24px;left:12px}#quillImageSplash2{width:25px;height:25px;position:absolute;top:10px;left:245px}#megaContainer{background:0 0;width:320px;min-height:100vh;margin:0 auto;position:relative}#shadowBox{background:0 0;border-radius:15px;width:280px;height:385px;position:absolute;top:30px;left:20px;box-shadow:6px 10px 24px #00000073}body.splash-up #shadowBox{box-shadow:none}#coverBox{background:0 0;border-radius:15px;width:280px;height:385px;position:absolute;top:30px;left:20px}#origBox{background:0 0;width:280px;height:385px;position:absolute;top:30px;left:22px}#coverBox im-01c{position:absolute;top:0;left:0}#quillImageC{width:25px;height:25px;position:absolute;top:10px;left:245px}#quillImageC,#quillImage,#quillInfoImage,#quillImageSplash,#quillImageSplash2{filter:drop-shadow(4px 5px 7px #000000bf)}#coverBox trans-cov{width:260px;height:48px;position:absolute;top:339px;left:13px}#origBox im-01b,#origBox im-01a,#V01a{width:280px;height:385px;position:absolute;top:0;left:-2px}#smartInput{width:268px;height:61px;position:absolute;top:28px;left:4px}#autoText01{height:107px;position:absolute;top:29px;left:4px;box-sizing:border-box!important;border:0!important;width:268px!important;padding:0!important}#quillImage{width:25px;height:25px;position:absolute;top:10px;left:243px}#stylusCorrect{pointer-events:none;width:268px;height:107px;position:absolute;top:59px;left:26px}#transText{pointer-events:none;width:260px;height:48px;top:339px;left:11px;position:absolute!important}#cover1{width:280px;height:385px;position:absolute;top:30px;left:20px}#handwritingElement1{width:343px;height:723px;position:absolute;top:0;left:-13px}#stylusBox{width:150px;height:64px;position:absolute;top:29px;left:28px}#closeOutStylus,#erase,#check{cursor:pointer;background:#fff;border:2px solid #000;border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;display:flex;position:absolute;box-shadow:4px 5px 7px 1px #000000bf}#closeOutStylus img,#erase img,#check img{width:100%;height:100%;display:block}#closeOutStylus img{width:22px;height:22px}#erase img{width:32px;height:32px}#closeOutStylus{top:12px;left:4px}#erase{top:12px;left:50px}#check{top:12px;left:101px}#closeOutStylus:active,#erase:active,#check:active{background:#e0e0e0;box-shadow:2px 2px 4px 1px #000000bf}@keyframes checkFlash{0%{background:#53e026}to{background:#fff}}#check.flash{animation:.45s checkFlash}#quillInfoImage{width:25px;height:25px;position:absolute;top:10px;left:245px}#quillCover{width:195px;height:366px;position:absolute;top:10px;left:8px}#mobileText8{text-align:center;color:#000;width:210px;height:29px;font-family:Chelsea Market,cursive;font-size:18px;position:absolute;top:62px;left:0}#translation{width:160px;height:72px;position:absolute;top:84px;left:22px}#writeImageSet{width:42px;height:42px;position:absolute;top:207px;left:22px}#speakScoreSet{color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;text-align:center;justify-content:center;align-items:center;width:30px;height:25px;font-family:Chelsea Market,cursive;font-size:18px;display:flex;position:absolute;top:217px;left:155px}#writeScoreSet{color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;text-align:center;justify-content:center;align-items:center;width:30px;height:25px;font-family:Chelsea Market,cursive;font-size:18px;display:flex;position:absolute;top:217px;left:67px}#speakImageSet{width:42px;height:42px;position:absolute;top:206px;left:111px}#strictDial{width:210px;height:33px;position:absolute;top:163px;left:0}#mobileText7{text-align:center;color:#000;width:210px;height:19px;font-family:Chelsea Market,cursive;font-size:15px;position:absolute;top:136px;left:0}#resetButton{cursor:pointer;color:#000;background:#fff;border:1px solid #000;border-radius:50px;width:153px;height:42px;margin:0;padding:0;font-family:Chelsea Market,cursive;font-size:15px;font-weight:700;position:absolute;top:257px;left:28px;box-shadow:4px 5px 6px #0000004d}#mobileVectorImage1{width:32px;height:33px;position:absolute;top:-2px;left:-7px}#mobileVectorImage2{width:32px;height:33px;position:absolute;top:-2px;left:155px}#mobileText9{text-align:center;color:#000;width:210px;font-family:Chelsea Market,cursive;font-size:24px;position:absolute;top:2px;left:-14px}#settingsVector2{cursor:pointer;background:0 0;width:255px;height:40px;position:absolute;top:10px;left:14px}#mobileVectorImage2{cursor:pointer}#speakBox{background:0 0;width:355px;height:132px;position:absolute;top:26px;left:-18px}#html1{border:none;width:355px;height:132px;position:absolute;top:0;left:0}#interimSpeech,#wrongSpeech,#speakPrompt{width:280px;position:absolute;top:60.5px;left:178px;transform:translate(-50%,-50%)}#aboutBox{z-index:9999;background:#c8c8c8b3 url(/stuffContainerBackground7.png) top/cover no-repeat;border:none;border-radius:15px;width:260px;height:62px;position:absolute;top:441px;left:30px;box-shadow:6px 10px 24px #00000073}#frBannerBox{width:220px;height:44px;position:absolute;top:7px;left:20px}.fr-banner{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff url(/cardStyleBackground.webp) 50%/cover no-repeat;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:4px 6px 9px 1px #0000008c}.fr-banner:active{box-shadow:2px 2px 3px #00000040}#frBannerText{transition:opacity .2s}#accents1,#FAQ,#fullScreen1{cursor:pointer;color:#fff;background:#243252;border:2px solid #fff;border-radius:15px;width:80px;height:33px;margin:0;padding:0;font-family:Patrick Hand,cursive;font-size:18px;position:absolute;box-shadow:0 4px 10px #00000080,0 1px 3px #0000004d}#accents1{top:80px;left:4px}#FAQ{top:80px;left:90px}#fullScreen1{top:80px;left:176px}#accents1:active,#FAQ:active,#fullScreen1:active{background:#1a2640;box-shadow:0 2px 4px #0006}#rewBox{z-index:10115;pointer-events:none;background:0 0;width:166px;height:173px;position:absolute;top:132px;left:72px}#virew,#rewardi{width:140px;height:140px;position:absolute;top:10px;left:12px}#rewardt{color:#fff;text-align:center;text-shadow:2px 3px 6px #0009;justify-content:center;align-items:center;width:84px;height:54px;font-family:Chelsea Market,cursive;font-size:40px;display:flex;position:absolute;top:49px;left:40px}#quillClick{z-index:10110;cursor:pointer;pointer-events:none;width:80px;height:48px;position:absolute;top:33px;left:237px}#settingsContainer{background:#c7c7c7;border:1px solid #000;border-radius:15px;width:210px;height:318px;position:absolute;top:33px;left:35px;box-shadow:4px 5px 10px #0000004d}#settingsBox{-webkit-backdrop-filter:blur(24px)saturate(150%);box-sizing:border-box;z-index:10120;background:#ffffff03;border-radius:15px;width:280px;height:385px;position:absolute;top:30px;left:20px;box-shadow:inset 0 0 0 5px #fff}#quillDisplay{width:255px;height:337px;position:absolute;top:24px;left:12.5px}#quillBox{-webkit-backdrop-filter:blur(24px)saturate(150%);box-sizing:border-box;z-index:10100;background:#ffffff03;border-radius:15px;width:280px;height:385px;position:absolute;top:30px;left:20px;box-shadow:inset 0 0 0 5px #fff}#stuff{z-index:10000;background:#c8c8c8b3 url(/stuffContainerBackground7.png) 50%/cover no-repeat;border:none;border-radius:15px;width:260px;height:120px;position:absolute;top:441px;left:30px;box-shadow:6px 10px 24px #00000073}#flashc,#write,#stylus1,#REC01,#menu,#refresh,#shuffle,#settingsButton{cursor:pointer;background:#fff url(/stuffButtonBackground.webp) 50%/cover no-repeat;border:1px solid #000;border-radius:10%;justify-content:center;align-items:center;width:50px;height:42px;margin:0;padding:0;display:flex;position:absolute;overflow:visible;box-shadow:4px 6px 9px 1px #0000008c}#flashc img{width:48.4px;height:35.2px;display:block}#write img{width:42.9px;max-width:none;height:28.6px;display:block}#stylus1 img{width:41.8px;height:41.8px;display:block}#REC01 img{width:35.2px;height:35.2px;display:block}#menu img{width:46.2px;height:30.8px;display:block}#refresh img{width:29px;height:29px;display:block}#shuffle img,#settingsButton img{width:31px;height:31px;display:block}#flashc{top:8px;left:14px}#write{top:8px;left:74px}#stylus1{top:8px;left:134px}#REC01{top:8px;left:194px}.mode-active{background-blend-mode:multiply;background:#ffe33a url(/stuffButtonBackground.webp) 50%/cover no-repeat!important}#writeFocus{z-index:1;width:50px;height:42px;position:absolute;top:8px;left:74px}#menu{top:62px;left:14px}#refresh{top:62px;left:74px}#shuffle{top:62px;left:134px}#settingsButton{top:62px;left:194px}#flashc:active,#write:active,#stylus1:active,#REC01:active{box-shadow:2px 2px 3px #00000040}#menu:active,#refresh:active,#shuffle:active,#settingsButton:active{background:linear-gradient(#0000002e,#0000002e),#fff url(/stuffButtonBackground.webp) 50%/cover no-repeat;box-shadow:2px 2px 3px #00000040}.hidden{display:none!important}#settingsBox,#speakBox,#rewBox,#quillBox,#stylusBox,#handwritingElement1,#cover1,#stylusCorrect,#quillImageC{display:none}#splashTransCover{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s linear .25s}#splashTransCover.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s}#interimSpeech,#wrongSpeech,#speakPrompt,#smartInput{display:none}#megaContainer.write-mode #smartInput{z-index:10060;animation:.25s smartInputFadeIn;display:block}#megaContainer.write-mode #quillImage{z-index:10070}#megaContainer.record-mode #smartInput{z-index:10055;display:block}#megaContainer.record-mode #quillImage{z-index:10070}@keyframes smartInputFadeIn{0%{opacity:0}to{opacity:1}}#megaContainer.stylus-mode #gestureSurface{pointer-events:none}#megaContainer.stylus-mode #cover1{z-index:10055;background:#00000073;border-radius:15px}#megaContainer.stylus-mode #handwritingElement1{z-index:10060}#megaContainer.stylus-mode #stylusBox{z-index:10070}#megaContainer.stylus-mode #stuff{z-index:10080}#megaContainer.stylus-mode #stylusCorrect{z-index:10075}#megaContainer.stylus-mode #versionBadge,#megaContainer.record-mode #versionBadge{display:none}#megaContainer.stylus-mode #recognizedReadout,#megaContainer.record-mode #recognizedReadout{display:block}#megaContainer.record-mode #speakBox{z-index:10060}#quillImage,#quillClick{display:none}