.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;width:300px}.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-top:1rem}.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{flex-direction:column;justify-content:center;align-items:center;display:flex}.card-module-scss-module__RG1ifa__front h2{color:#fffefb;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__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>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__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__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__ttsButtonFront{color:#fffefb;cursor:pointer;background-color:#0000;border:none;margin:.2em 0 0;font-size:2em}.card-module-scss-module__RG1ifa__ttsButtonBack{cursor:pointer;background-color:#0000;border:none;margin:.2em 0 0;font-size:1em}.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}
.buttons-module-scss-module__6FW06W__button{cursor:pointer;border:none;border-radius:.2em;margin:1em .2em;padding:.5em 1.5em;font-size:1em;font-weight:400}.buttons-module-scss-module__6FW06W__button:disabled{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__outlineSecondary{color:#0c45b5;background-color:#f5f5f500;border:2px solid #0c45b5}.buttons-module-scss-module__6FW06W__buttonContainer{margin:1em 0 0;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:1em;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;color:#fffefb;z-index:1;background-color:#ff9c00;transform:scale(1.1)}.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)}
.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{flex-direction:column;justify-content:center;align-items:center;margin:0 1em;display:flex}.card-slip-module-scss-module__hVp57q__leftSide{min-width:100px}.card-slip-module-scss-module__hVp57q__rightSide{width:100%}.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__buffer{display:none}}
.dashboard-module-scss-module__4INfVq__decksContainer{flex-wrap:wrap;justify-content:center;margin:1em 0;display:flex}
.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%}
.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;display:flex}.banner-module-scss-module__BbWrna__bannerLogoText{font-family:var(--font-jua),Helvetica,sans-serif;color:#fffefb;text-shadow:1px 1px 3px #0003;font-size:7em;line-height:0}.banner-module-scss-module__BbWrna__bannerLogoImage{margin:0 .5em}.banner-module-scss-module__BbWrna__bannerLogoImage>img{width:200px;height:200px;transform:translateY(-30px)}.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}.banner-module-scss-module__BbWrna__bannerMotif>:nth-child(2n),.banner-module-scss-module__BbWrna__bannerMotif>:nth-child(odd){transform:rotate(-45deg)}@media (max-width:576px){.banner-module-scss-module__BbWrna__bannerLogoText{font-size:4em}.banner-module-scss-module__BbWrna__bannerLogoImage{margin:0 .3em}.banner-module-scss-module__BbWrna__bannerLogoImage>img{width:100px;height:100px;transform:translateY(-5px)}.banner-module-scss-module__BbWrna__bannerSubtitle{font-size:1.8em}}