.feature-banner-module-scss-module__8PEn5W__featureContainer{text-align:left;justify-content:space-around;margin:1em 0;display:flex}.feature-banner-module-scss-module__8PEn5W__featuresList>:nth-child(odd)>.feature-banner-module-scss-module__8PEn5W__featureBody{flex-direction:row}.feature-banner-module-scss-module__8PEn5W__featuresList>:nth-child(2n)>.feature-banner-module-scss-module__8PEn5W__featureBody{flex-direction:row-reverse}.feature-banner-module-scss-module__8PEn5W__featureBody{flex-wrap:wrap;justify-content:center;width:100dvw;max-width:900px;display:flex}.feature-banner-module-scss-module__8PEn5W__featureIcon{filter:drop-shadow(2px 2px 2px #0003);width:200px;height:200px;padding:8px}.feature-banner-module-scss-module__8PEn5W__featureTitle{margin-bottom:0;padding:8px}.feature-banner-module-scss-module__8PEn5W__featureText{border-top:1px solid #919191;padding:.5em}.feature-banner-module-scss-module__8PEn5W__featureDescription{flex-direction:column;justify-content:center;max-width:700px;display:flex}.feature-banner-module-scss-module__8PEn5W__featureStatus{opacity:.8;margin-top:.5em}.feature-banner-module-scss-module__8PEn5W__vimeoContainer{justify-content:center;margin:1em;display:flex}.feature-banner-module-scss-module__8PEn5W__vimeoEmbed{background-color:#919191;border-top:1px solid #919191;width:100%;max-width:900px;height:500px}.feature-banner-module-scss-module__8PEn5W__vimeoEmbed>iframe{width:100%;height:100%}
.navbar-module-scss-module__K_iBNG__navbar{background-color:#fffefb;justify-content:space-between;margin:0;padding:.4em;display:flex}.navbar-module-scss-module__K_iBNG__navbarLogo{padding:.8em 0 0 .4em;display:flex}.navbar-module-scss-module__K_iBNG__navbarLogoText{font-family:var(--font-jua),Helvetica,sans-serif;color:#0c45b5;margin:0 .2em 0 0;font-size:1.6em}.navbar-module-scss-module__K_iBNG__navbarLogoImage{margin:0;transform:translateY(-5px)}.navbar-module-scss-module__K_iBNG__navbarMenu{margin:auto 0;display:flex}.navbar-module-scss-module__K_iBNG__navbarMenuItem{margin:auto .4em}.navbar-module-scss-module__K_iBNG__navbarAvatar>img{border-radius:50%}
.buttons-module-scss-module__6FW06W__button{cursor:pointer;border:none;border-radius:.2em;margin:0 .2em 1em;padding:.5em 1.5em;font-size:1em;font-weight:400}.buttons-module-scss-module__6FW06W__button:disabled{opacity:.6;cursor:default;border-color:#f5f5f500}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__large{font-size:1.3em}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__primary{color:#fffefb;background-color:#ff9c00}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__secondary{color:#fffefb;background-color:#0c45b5}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__outlinePrimary{color:#ff9c00;background-color:#f5f5f500;border:2px solid #ff9c00}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__outlineSecondary{color:#0c45b5;background-color:#f5f5f500;border:2px solid #0c45b5}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__outlineTertiary{color:#fffefb;background-color:#f5f5f500;border:2px solid #fffefb}.buttons-module-scss-module__6FW06W__button.buttons-module-scss-module__6FW06W__rounded{border-radius:25px;height:50px}.buttons-module-scss-module__6FW06W__buttonContainer{flex-direction:column;margin:1em 0 0;display:flex}.buttons-module-scss-module__6FW06W__buttonContainer.buttons-module-scss-module__6FW06W__row{flex-direction:row;display:flex}.buttons-module-scss-module__6FW06W__buttonContainer.buttons-module-scss-module__6FW06W__center{justify-content:center}.buttons-module-scss-module__6FW06W__buttonContainer.buttons-module-scss-module__6FW06W__wrap{flex-wrap:wrap}.buttons-module-scss-module__6FW06W__buttonContainer.buttons-module-scss-module__6FW06W__stretch{justify-content:space-between}.buttons-module-scss-module__6FW06W__swipeInstruction{opacity:.2;z-index:-1;border-radius:2em;justify-content:center;align-items:center;gap:.5rem;width:110px;padding:.5em 1em;transition:opacity .15s,transform .15s;display:flex}.buttons-module-scss-module__6FW06W__swipeInstruction.buttons-module-scss-module__6FW06W__highlight{opacity:.95;z-index:1;transform:scale(1.1)}.buttons-module-scss-module__6FW06W__swipeInstruction.buttons-module-scss-module__6FW06W__left.buttons-module-scss-module__6FW06W__highlight{color:#0c45b5;background-color:#fffefb;border:2px solid #0c45b5}.buttons-module-scss-module__6FW06W__swipeInstruction.buttons-module-scss-module__6FW06W__right.buttons-module-scss-module__6FW06W__highlight{color:#fffefb;background-color:#ff9c00}.buttons-module-scss-module__6FW06W__swipeInstruction.buttons-module-scss-module__6FW06W__left{transform:translate(100px)}.buttons-module-scss-module__6FW06W__swipeInstruction.buttons-module-scss-module__6FW06W__right{transform:translate(-95px)}.buttons-module-scss-module__6FW06W__transparent{background-color:#f5f5f500;border:none}.buttons-module-scss-module__6FW06W__cardSlip{opacity:.8;cursor:pointer;font-size:2em;transition:opacity .15s;position:relative}.buttons-module-scss-module__6FW06W__cardSlip:hover{opacity:1}‡ .buttons-module-scss-module__6FW06W__cardSlip:disabled{color:#f5f5f5;cursor:default}.buttons-module-scss-module__6FW06W__cardSlipMessage{color:#919191;background-color:#fffefb;margin-top:.2em;font-size:.6em;display:none;position:absolute;top:0;left:0}.buttons-module-scss-module__6FW06W__cardSlip:disabled:hover>.buttons-module-scss-module__6FW06W__cardSlipMessage{display:block}
.card-slip-module-scss-module__hVp57q__cardSlipContainer{flex-direction:column;margin:1em 0;display:flex}.card-slip-module-scss-module__hVp57q__cardSlip{background-color:#fffefb;justify-content:space-between;margin:.2em;padding:1em;display:flex}.card-slip-module-scss-module__hVp57q__leftSide,.card-slip-module-scss-module__hVp57q__rightSide,.card-slip-module-scss-module__hVp57q__center{flex-direction:column;justify-content:center;align-items:center;margin:0 1em;display:flex}.card-slip-module-scss-module__hVp57q__leftSide,.card-slip-module-scss-module__hVp57q__rightSide{flex-direction:row;justify-content:center;align-items:center;min-width:200px;display:flex}.card-slip-module-scss-module__hVp57q__chinese{font-family:var(--font-jua),Helvetica,sans-serif;white-space:nowrap;font-size:2em}.card-slip-module-scss-module__hVp57q__pinyin{white-space:nowrap}.card-slip-module-scss-module__hVp57q__preferredDefinition{margin:0 0 .5em;font-size:1.5em}.card-slip-module-scss-module__hVp57q__definition{color:#919191}.card-slip-module-scss-module__hVp57q__buffer{visibility:hidden}@media (max-width:576px){.card-slip-module-scss-module__hVp57q__preferredDefinition{font-size:1em}.card-slip-module-scss-module__hVp57q__buffer{display:none}.card-slip-module-scss-module__hVp57q__leftSide,.card-slip-module-scss-module__hVp57q__rightSide,.card-slip-module-scss-module__hVp57q__center{min-width:80px;max-width:80px}}
.dashboard-module-scss-module__4INfVq__decksContainer{flex-wrap:wrap;justify-content:center;margin:1em 0;display:flex}
.add-card-form-module-scss-module__skScgW__addCardForm{flex-direction:column;margin:1em 0;display:flex}.add-card-form-module-scss-module__skScgW__form{flex-direction:row;justify-content:center;align-items:center;margin:1em 0;font-size:1.2em;display:flex}.add-card-form-module-scss-module__skScgW__form>*{margin:0 .5em}.add-card-form-module-scss-module__skScgW__form label{text-align:right;width:300px;font-size:1.2em}.add-card-form-module-scss-module__skScgW__form input{border:1px solid #919191;border-radius:.2em;width:300px;padding:.5em;font-size:1.2em}
.card-module-scss-module__RG1ifa__studyArea{width:100%;margin:4rem auto 0}.card-module-scss-module__RG1ifa__swipeStage{grid-template-columns:120px 300px 120px;justify-content:center;align-items:center;gap:1.5rem;display:grid}.card-module-scss-module__RG1ifa__dragCard{perspective:1000px;z-index:0;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:300px;margin:0 0 2em}.card-module-scss-module__RG1ifa__flipper{aspect-ratio:3/4;width:100%;transform-style:preserve-3d;cursor:pointer;position:relative}.card-module-scss-module__RG1ifa__instructions{text-align:center;margin:1em 0}.card-module-scss-module__RG1ifa__face{backface-visibility:hidden;background:#fffefb;border:1px solid #fffefb;border-radius:1rem;padding:2rem;position:absolute;inset:0;box-shadow:0 1rem 2.5rem #0000001f}.card-module-scss-module__RG1ifa__front{color:#fffefb;flex-direction:column;justify-content:center;align-items:center;display:flex}.card-module-scss-module__RG1ifa__front h2{margin:0;font-size:4rem;font-weight:400}.card-module-scss-module__RG1ifa__front{background-color:#0c45b5;border:1em solid #fffefb}.card-module-scss-module__RG1ifa__front.card-module-scss-module__RG1ifa__forgotten{background-color:#ff9c00}.card-module-scss-module__RG1ifa__back{flex-direction:column;justify-content:start;align-items:center;display:flex;transform:rotateY(180deg)}.card-module-scss-module__RG1ifa__back ul{margin-top:1.5rem}.card-module-scss-module__RG1ifa__back.card-module-scss-module__RG1ifa__flipped{transform:rotateY(0)}.card-module-scss-module__RG1ifa__back.card-module-scss-module__RG1ifa__writing{padding:0}.card-module-scss-module__RG1ifa__back>div{margin:0 0 16px}.card-module-scss-module__RG1ifa__pinyin{font-size:2rem}.card-module-scss-module__RG1ifa__controls{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.card-module-scss-module__RG1ifa__controls button{flex:1;padding:.75rem 1rem}.card-module-scss-module__RG1ifa__prompt{color:#fffefb;padding:.5em;position:absolute}.card-module-scss-module__RG1ifa__prompt.card-module-scss-module__RG1ifa__top{opacity:.6;top:1.5em}.card-module-scss-module__RG1ifa__prompt.card-module-scss-module__RG1ifa__bottom{opacity:.8;bottom:1.5em}.card-module-scss-module__RG1ifa__revisionNote{border:1px solid #fffefb80;border-radius:.2em;margin:1em 0 0;padding:.5em;font-size:.8em}.card-module-scss-module__RG1ifa__flip-card-front{background-color:#0c45b5}.card-module-scss-module__RG1ifa__flip-card-front.card-module-scss-module__RG1ifa__focus{background-color:#ff9c00}.card-module-scss-module__RG1ifa__large-character{color:#fffefb;font-size:4em;font-weight:900}.card-module-scss-module__RG1ifa__front-text{color:#fffefb;font-size:1.5em}.card-module-scss-module__RG1ifa__character{font-size:4em}.card-module-scss-module__RG1ifa__cardSecondary{align-items:center;font-size:1em;display:flex}.card-module-scss-module__RG1ifa__cardPrimary{font-size:1.5em;font-style:italic;position:relative}.card-module-scss-module__RG1ifa__cardPrimary.card-module-scss-module__RG1ifa__forgotten{font-size:1em}.card-module-scss-module__RG1ifa__definitionContainer{text-align:center;flex-wrap:wrap;justify-content:center;width:100%;display:flex;overflow:auto}.card-module-scss-module__RG1ifa__definitionItem{color:#2f4f4f;flex-wrap:wrap;font-style:italic;display:flex}.card-module-scss-module__RG1ifa__individualDefinition{opacity:.8;cursor:pointer;background-color:#d3d3d3;border:none;border-radius:5px;margin:.2em;padding:.5em 1em}.card-module-scss-module__RG1ifa__buttonContainer{display:flex}.card-module-scss-module__RG1ifa__cardButton{color:#fffefb;border:none;border-radius:.5em;flex-grow:1;width:130px;margin:.2em .2em 0;padding:.8em 1em}.card-module-scss-module__RG1ifa__forgot{background-color:#ff9c00}.card-module-scss-module__RG1ifa__remember{background-color:#00b13f}.card-module-scss-module__RG1ifa__learn{background-color:#0c45b5}#card-module-scss-module__RG1ifa__cardView{margin:1em}.card-module-scss-module__RG1ifa__inactive{cursor:default}.card-module-scss-module__RG1ifa__ttsButton{transition:opacity .2s ease-in-out;position:relative}.card-module-scss-module__RG1ifa__front .card-module-scss-module__RG1ifa__ttsButton{color:#fffefb;cursor:pointer;background-color:#0000;border:none;margin:.2em 0 0;font-size:2em}.card-module-scss-module__RG1ifa__back .card-module-scss-module__RG1ifa__ttsButton{cursor:pointer;background-color:#0000;border:none;margin:.2em;font-size:1em}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__idle{opacity:.7}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__idle:hover{opacity:.9}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__loading{opacity:.5}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__loading:after,.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__playing:after{text-align:center;font-size:.5em;display:block;position:absolute;left:50%;transform:translate(-50%)}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__loading:after{content:"...";top:2em}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__playing{opacity:1}.card-module-scss-module__RG1ifa__ttsButton.card-module-scss-module__RG1ifa__playing:after{content:"▶︎";top:2.5em}.card-module-scss-module__RG1ifa__pinyin{margin-bottom:.25rem;font-size:2rem}.card-module-scss-module__RG1ifa__meaning{color:#555;font-size:1.25rem}.card-module-scss-module__RG1ifa__writingTestPage{justify-content:center;width:100%;display:flex}.card-module-scss-module__RG1ifa__canvasContainer{width:240px;height:240px;position:relative;overflow:hidden}.card-module-scss-module__RG1ifa__correctCharacterOverlay{z-index:1;color:#00000029;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;font-size:12rem;line-height:1;display:grid;position:absolute;inset:0}.card-module-scss-module__RG1ifa__writingCanvas{z-index:2;touch-action:none;background-color:#0000;background-image:linear-gradient(90deg,#00000040 1px,#0000 1px),linear-gradient(#00000040 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat;background-size:calc(50% - 1px) calc(50% - 1px);background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;display:block;position:absolute;inset:0}.card-module-scss-module__RG1ifa__writingCanvas.card-module-scss-module__RG1ifa__is-key-drawing{cursor:crosshair}.card-module-scss-module__RG1ifa__writingControls{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.card-module-scss-module__RG1ifa__writingControls button{color:#fffefb;cursor:pointer;background:#2c2c2c;border:1px solid #ccc;border-radius:8px;padding:.5rem 1rem}.card-module-scss-module__RG1ifa__writingResultButtons{margin-top:1rem}.card-module-scss-module__RG1ifa__disable-Pointer{cursor:default}.card-module-scss-module__RG1ifa__confusionContainer{scrollbar-gutter:stable;flex-shrink:0;width:100%;display:flex;overflow:scroll hidden}.card-module-scss-module__RG1ifa__longList:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f5f5f5);flex:0 0 40px;align-self:stretch;margin-left:-40px;position:sticky;right:0}.card-module-scss-module__RG1ifa__confusionItem{cursor:pointer;background-color:#e4e4e4;border-radius:.2em;margin:.4em .2em;padding:.2em .5em;font-size:1.5em;position:relative}.card-module-scss-module__RG1ifa__removeButton{color:#fffefb;text-align:center;background-color:#ed2d34;border-radius:50%;width:2em;height:2em;padding:.5em 0 0;font-size:.4em;position:absolute;top:-.8em;right:-.8em}.card-module-scss-module__RG1ifa__alreadySelected{color:#fffefb;background-color:#0c45b5}.card-module-scss-module__RG1ifa__confusionItem.card-module-scss-module__RG1ifa__discreet{background-color:#fffefb40}.card-module-scss-module__RG1ifa__object{transition:opacity .5s}.card-module-scss-module__RG1ifa__object.card-module-scss-module__RG1ifa__hidden{opacity:0;display:none}.card-module-scss-module__RG1ifa__object.card-module-scss-module__RG1ifa__revealed{opacity:1;display:block}.card-module-scss-module__RG1ifa__cardAlert{color:#ff9c00;background-color:#ff9c001a;border:1px solid #ff9c00;border-radius:.2em;padding:.2em .8em;font-size:.9em}.card-module-scss-module__RG1ifa__toneForm{margin:2em 0 0}.card-module-scss-module__RG1ifa__toneSelection{color:#fffefb;background-color:#fffefb1a;border:1px solid #fffefb;border-radius:.2em;margin:.2em;padding:.2em .6em;font-size:1.5em}.card-module-scss-module__RG1ifa__toneAnswers{width:100%;padding:1em}.card-module-scss-module__RG1ifa__toneAnswers.card-module-scss-module__RG1ifa__correct{background-color:#00b13f1a;border:1px solid #00b13f;border-radius:.2em}.card-module-scss-module__RG1ifa__toneAnswers.card-module-scss-module__RG1ifa__incorrect{background-color:#ff9c001a;border:1px solid #ff9c00;border-radius:.2em}.card-module-scss-module__RG1ifa__backButton{color:#0c45b5;text-align:left;background-color:#fffefb;border:2px solid #0c45b5;border-radius:25px;flex-direction:row;justify-content:space-between;align-items:center;gap:1em;width:50px;height:50px;padding:0 0 0 15px;font-size:1em;transition:all .5s;display:flex}.card-module-scss-module__RG1ifa__backButton.card-module-scss-module__RG1ifa__active{cursor:pointer;color:#0c45b5;background-color:#fffefb;border:2px solid #0c45b5}.card-module-scss-module__RG1ifa__backButton.card-module-scss-module__RG1ifa__inactive{cursor:default;color:#e4e4e4;background-color:#fffefb;border:2px solid #e4e4e4}.card-module-scss-module__RG1ifa__backButton.card-module-scss-module__RG1ifa__active:hover{width:105px}.card-module-scss-module__RG1ifa__backMessage{opacity:0;width:0;transition:all .5s}.card-module-scss-module__RG1ifa__cardNavBack.card-module-scss-module__RG1ifa__active:hover{width:100px}.card-module-scss-module__RG1ifa__cardNavBack.card-module-scss-module__RG1ifa__active:hover>*>.card-module-scss-module__RG1ifa__backMessage{opacity:1;width:100px}.card-module-scss-module__RG1ifa__cardNavBack.card-module-scss-module__RG1ifa__active:hover~.card-module-scss-module__RG1ifa__cardNavStats{opacity:0}.card-module-scss-module__RG1ifa__cardNavContainer{justify-content:center;display:flex}.card-module-scss-module__RG1ifa__cardNav{flex-direction:row;justify-content:center;align-items:center;width:320px;margin:0 0 1em;display:flex;position:relative;transform:translate(28px)}.card-module-scss-module__RG1ifa__cardNav>*{margin:.2em}.card-module-scss-module__RG1ifa__cardNavBack{width:50px;position:absolute;left:-16px}.card-module-scss-module__RG1ifa__cardNavInstructions{color:#0c45b5;background-color:#fffefb;border:2px solid #0c45b5;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:50px;font-size:.8em;line-height:1.6em;display:flex}.card-module-scss-module__RG1ifa__cardNavStats{color:#0c45b5;text-align:center;opacity:1;background-color:#fffefb;border:2px solid #0c45b5;border-radius:25px;flex-direction:row;justify-content:center;align-items:center;gap:1em;width:50px;height:50px;font-size:1em;transition:all .5s;display:flex}.card-module-scss-module__RG1ifa__decision{cursor:pointer;border-radius:25px;width:140px;height:50px;margin:.2em .2em 1em;font-size:1em}.card-module-scss-module__RG1ifa__right.card-module-scss-module__RG1ifa__active{color:#fffefb;background-color:#ff9c00}.card-module-scss-module__RG1ifa__left.card-module-scss-module__RG1ifa__active{color:#0c45b5;background-color:#fffefb;border:2px solid #0c45b5}.card-module-scss-module__RG1ifa__right.card-module-scss-module__RG1ifa__inactive,.card-module-scss-module__RG1ifa__left.card-module-scss-module__RG1ifa__inactive{color:#e4e4e4;cursor:default;background-color:#fffefb;border:2px solid #e4e4e4}
.banner-module-scss-module__BbWrna__banner{background-color:#0c45b5;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;height:calc(100dvh - 69px);padding:150px 0;display:flex;position:relative;overflow:hidden}.banner-module-scss-module__BbWrna__bannerContent{z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.banner-module-scss-module__BbWrna__bannerLogo{justify-content:center;margin:0 1em;display:flex}.banner-module-scss-module__BbWrna__bannerLogoText{font-family:var(--font-jua),Helvetica,sans-serif;color:#fffefb;text-shadow:1px 1px 3px #0003;margin:0;font-size:7em;line-height:1}.banner-module-scss-module__BbWrna__bannerLogoImage{margin:0 .5em}.banner-module-scss-module__BbWrna__bannerLogoImage>img{width:200px;height:200px;transform:translateY(-45px)}.banner-module-scss-module__BbWrna__bannerSubtitle{font-family:var(--font-inter),Helvetica,sans-serif;color:#fffefb;text-shadow:1px 1px 3px #0003;margin:0 0 1em;font-size:2em;font-weight:100}.banner-module-scss-module__BbWrna__bannerMotif{opacity:.05;letter-spacing:.6em;width:120dvw;font-family:var(--font-jua),Helvetica,sans-serif;color:#fff;z-index:0;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;font-size:5em;font-weight:300;display:flex;position:absolute}.banner-module-scss-module__BbWrna__bannerMotif>div{text-shadow:1px 1px 3px #000;margin:0 .04em}.banner-module-scss-module__BbWrna__bannerMotif>:nth-child(2n){transform:translateY(3.1em)}@media (max-width:576px){.banner-module-scss-module__BbWrna__bannerLogoText{font-size:4em}.banner-module-scss-module__BbWrna__bannerMotif>:nth-child(2n){transform:translateY(.6em)}.banner-module-scss-module__BbWrna__bannerMotif>:nth-child(odd){transform:translate(-.2em)}.banner-module-scss-module__BbWrna__bannerLogoImage{margin:0 .3em}.banner-module-scss-module__BbWrna__bannerLogoImage>img{width:100px;height:100px;transform:translateY(-20px)}.banner-module-scss-module__BbWrna__bannerSubtitle{font-size:1.8em}}
.progress-circle-module-scss-module__iBVacW__progressCircleContainer{justify-content:center;width:100%;height:50px;margin:0 0 1em;display:flex;position:relative}.progress-circle-module-scss-module__iBVacW__progressCircle{z-index:0;border:1px solid #fffefb;border-radius:50%;width:50px;height:50px;margin:0 0 2em;position:absolute}.progress-circle-module-scss-module__iBVacW__progressCircleText{position:absolute;top:1em}
.writing-canvas-module-scss-module__pGxnFq__canvasWrapper{position:relative}.writing-canvas-module-scss-module__pGxnFq__characterBackground{-webkit-user-select:none;user-select:none;z-index:-1;width:100%;height:100%;font-size:13em;font-family:var(--font-lxgw-wen-kai-tc),Helvetica,sans-serif;position:absolute;top:50px;left:0}.writing-canvas-module-scss-module__pGxnFq__characterBackground p{opacity:.2}.writing-canvas-module-scss-module__pGxnFq__guide{opacity:.2;-webkit-user-select:none;user-select:none;z-index:-1;border:1px dashed #000;position:absolute}.writing-canvas-module-scss-module__pGxnFq__guide.writing-canvas-module-scss-module__pGxnFq__vertical{width:1px;height:100%;top:0;left:50%}.writing-canvas-module-scss-module__pGxnFq__guide.writing-canvas-module-scss-module__pGxnFq__horizontal{width:100%;height:1px;top:50%;left:0}.writing-canvas-module-scss-module__pGxnFq__guideText{text-align:right;flex-direction:column;align-items:flex-end;max-width:200px;display:flex;position:absolute;top:1em;right:1em}.writing-canvas-module-scss-module__pGxnFq__guideText>.writing-canvas-module-scss-module__pGxnFq__definition{font-size:1em;font-style:italic}.writing-canvas-module-scss-module__pGxnFq__guideText>.writing-canvas-module-scss-module__pGxnFq__pinyin{opacity:.8;font-size:1em}.writing-canvas-module-scss-module__pGxnFq__guideText>.writing-canvas-module-scss-module__pGxnFq__characterCount{opacity:.6;font-size:.8em}.writing-canvas-module-scss-module__pGxnFq__pinyinEmphasis{opacity:1;font-weight:900}.writing-canvas-module-scss-module__pGxnFq__pinyinNoEmphasis{opacity:.5;font-weight:300}
.form-module-scss-module__DMbzAG__form{color:#fffefb;flex-direction:column;justify-content:center;align-items:center;font-size:1rem;display:flex}.form-module-scss-module__DMbzAG__form>*{margin-bottom:1rem}.form-module-scss-module__DMbzAG__form input{border:none;border-radius:.2em;outline:none;min-width:300px;padding:.5em 1em;font-size:1.2rem}.form-module-scss-module__DMbzAG__formDivider{color:#fffefb;margin:0 0 1em;font-size:1.2rem;display:flex}.form-module-scss-module__DMbzAG__formDivider:before,.form-module-scss-module__DMbzAG__formDivider:after{content:"";opacity:.5;border-bottom:1px solid #fffefb;flex:1;width:calc(50dvw - 2em);height:50%}.form-module-scss-module__DMbzAG__formDivider:not(:empty):before{margin-right:1em}.form-module-scss-module__DMbzAG__formDivider:not(:empty):after{margin-left:1em}