.main-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin:0 20px;background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;top:20px;border-radius:40px;z-index:1000;height:60px}.main-header .logo-container .logo{height:35px}.main-header .nav-links{margin:0;list-style:none;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:1rem;position:absolute;top:110%;right:0;width:100%;box-shadow:0 4px 15px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s}.main-header .nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.main-header .nav-links li a{text-decoration:none;color:var(--text-color);font-weight:700;display:block;padding:.5rem 1rem;border-radius:5px;transition:background-color .2s ease}.main-header .nav-links li a:hover{background-color:#f0f0f0}.main-header .menu-toggle{background:none;border:none;cursor:pointer}.main-header .menu-toggle .icon{display:inline-block;width:50px;height:50px;background-position:50% 50%}.main-header .menu-toggle .burger{background-image:url(/images/menu-icon.svg);background-repeat:no-repeat}.main-header .menu-toggle .close{background-image:url(/images/close_blue_icon.svg);background-repeat:no-repeat}@media (max-width: 600px){.main-header .logo-container .logo{height:35px}}.main-header-v2{display:flex;justify-content:space-between;align-items:center;padding:5px 25px;margin:0 20px;background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;top:20px;height:60px;border-radius:40px;z-index:1000}.main-header-v2 .placeholder{width:50px;height:50px}.main-header-v2 .icon-wrapper{background:#fff;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.main-header-v2 h1{margin:0;font-weight:400;font-size:26px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{--green: #4caf50;--red: #f44336;--blue: #048fea;--white: #fff;--text-color: #333;--border-color: #ccc;--shadow-blue: #084d7a;--shadow-dark: #252725;--light-grey: #f0f2f5;--canvas-box-size: 155px;--canvas-border-color: rgba(213, 216, 225, 1);--canvas-disabled-bg: rgba(246, 246, 246, 1);--canvas-enabled-bg: #fff;--active-canvas-border: rgba(9, 109, 203, 1);--paragraph-border: #ccc;--active-segment-border: rgba(4, 143, 234, 1)}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;font-size:16px}.hidden{display:none!important}.final-image{max-width:100%;height:auto}.round-btn{height:58px;border:none;border-radius:29px;cursor:pointer;transition:background-color .3s ease;font-weight:500;display:flex;align-items:center;justify-content:center;padding-left:25px;padding-right:25px;font-size:22px;text-decoration:none}.round-btn.blue-bg{background:#048fea;color:#fff}.round-btn.blue-bg:hover{background-color:#0056b3}.round-btn.white-bg{background:#fff;color:#048fea}.round-btn.white-bg:hover{background-color:#e0e0e0}.round-btn.green-bg{background:#209e22;color:#fff}.round-btn.green-bg:hover{background-color:#2c6e2c}.bottom-bar{position:fixed;bottom:0;width:100%;max-width:820px;background-color:#f6f6f6;padding:16px;box-shadow:0 -2px 5px #0000001a;gap:1rem}.bottom-bar .group{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.bottom-bar .cross-icon{background:url(/images/iconamoon_close-bold.svg) no-repeat center center;width:34px;height:34px}.bottom-bar .arrow-up-icon{background:url(/images/arrow_upward.svg) no-repeat center center;width:30px;height:30px}.bottom-bar .arrow-right-icon{background:url(/images/arrow_forward_ios.svg) no-repeat center center;width:30px;height:30px}.bottom-bar .solar-play-bold-icon{background:url(/images/solar_play-bold.svg) no-repeat center center;width:30px;height:30px}.bottom-bar .tabler-arrow-back{background:url(/images/tabler_arrow-back.svg) no-repeat center center;width:40px;height:40px}.bottom-bar .back-icon{background:url(/images/tabler_arrow-back.svg) no-repeat center center;width:40px;height:40px}.bottom-bar .play-icon{background:url(/images/solar_play-bold.svg) no-repeat center center;width:40px;height:40px}.controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px}.controls .control-btn-group{background-color:#fff9;border:solid 1px #fff;padding:12px 20px;border-radius:40px;display:flex;gap:10px}.controls .button{width:48px;height:48px;background-color:#fff;border-radius:50%;border:none;cursor:pointer;outline:none;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}.controls .button:disabled{cursor:not-allowed;opacity:.4}.controls .button:hover{background-color:#e0e0e0}.controls .button.blue-bg{background-color:#048fea}.controls .button.blue-bg:hover{background-color:#0056b3}.controls .button .play-icon{width:32px;height:32px;background:url(/images/play_icon.svg) no-repeat center center}.controls .button .pause-icon{width:32px;height:32px;background:url(/images/pause_icon.svg) no-repeat center center}.controls .button .previous-icon{width:32px;height:32px;background:url(/images/rewind_icon.svg) no-repeat center center}.controls .button .next-icon{width:32px;height:32px;background:url(/images/forward_icon.svg) no-repeat center center}.controls .button .restart-icon{width:32px;height:32px;background:url(/images/restart_icon.svg) no-repeat center center}.controls .button img{width:32px;height:32px}.tick-icon{position:absolute;top:-10px;left:-10px;width:26px;height:26px;border:solid 2px rgba(230,34,68,1);box-shadow:0 0 5px #e62244;border-radius:50%;background-color:#fff}.handwriting-canvas{background-color:#fff}.handwriting-canvas.done-post-correction-exercise{border:2px solid rgba(230,34,68,1)}.paragraph-container{margin-bottom:50px;padding-bottom:50px;gap:32px 10px;display:grid;justify-items:center;grid-template-columns:repeat(2,1fr)}@media screen and (min-width: 600px){.paragraph-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 768px){.paragraph-container{grid-template-columns:repeat(4,1fr)}}.paragraph-container:last-child{border-bottom:none}.canvas-wrapper{position:relative;width:var(--canvas-box-size);height:var(--canvas-box-size)}.handwriting-canvas{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" fill="none"><line x1="1" y1="44.7395" x2="139" y2="44.7395" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="1" y1="93.2605" x2="139" y2="93.2605" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="46.9043" y1="139" x2="46.9043" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="94.8047" y1="139" x2="94.8047" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/></svg>');cursor:auto}.handwriting-canvas,.correction-canvas{width:var(--canvas-box-size);height:var(--canvas-box-size);border:2px solid var(--canvas-border-color);box-sizing:border-box;touch-action:none;cursor:not-allowed;background-size:cover;transition:border-color .3s,background-color .3s}.handwriting-canvas.disabled{background-color:var(--canvas-disabled-bg)}.handwriting-canvas.enabled{background-color:var(--canvas-enabled-bg);cursor:crosshair;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" fill="none"><line x1="1" y1="44.7395" x2="139" y2="44.7395" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="1" y1="93.2605" x2="139" y2="93.2605" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="46.9043" y1="139" x2="46.9043" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="94.8047" y1="139" x2="94.8047" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/></svg>')}.correction-canvas{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" fill="none"><line x1="1" y1="44.7395" x2="139" y2="44.7395" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="1" y1="93.2605" x2="139" y2="93.2605" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="46.9043" y1="139" x2="46.9043" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="94.8047" y1="139" x2="94.8047" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/></svg>');cursor:auto;background-color:#fff}.correction-canvas.active{border-color:var(--active-canvas-border);box-shadow:0 0 10px var(--active-canvas-border)}.correction-canvas.active+.eraser-btn{display:flex}.handwriting-canvas.current-segment{border-color:var(--active-segment-border);border-width:3px}.handwriting-canvas.incorrect{border-color:var(--red)}#handwriting-section .handwriting-canvas.active{box-shadow:0 0 10px var(--active-canvas-border)}.eraser-btn{position:absolute;top:-31px;left:50%;transform:translate(-50%);width:30px;height:30px;background-color:#fff;box-shadow:3px 3px 6px #0000001f;color:#fff;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center}.eraser-btn span{font-size:30px}.canvas-wrapper.active .eraser-btn{display:flex}.page{display:none;animation:fadeIn .3s ease-in-out}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{min-height:100vh;max-width:820px;min-width:400px;margin:0 auto}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{background-color:#fffffd;border-radius:12px;padding:32px;text-align:center;color:#13343b;min-width:200px}.spinner{width:40px;height:40px;border:4px solid rgba(76,175,80,.3);border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;animation:slideDown .3s ease-out}.error-content{background-color:#f44336;color:#fff;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;font-size:16px;min-width:300px}.error-icon{font-size:24px}.close-error{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:12px}@keyframes slideDown{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}#landing-page{background-image:url(/images/background_1_main.jpg)}#landing-page .page__container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:120px 20px 20px}#landing-page .hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:500px;background-color:#ffffffb3;border:solid 2px rgba(255,255,255,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding-bottom:20px}@media screen and (min-width: 700px){#landing-page .hero-section{flex-direction:row;justify-content:flex-end;padding-top:100px;padding-right:15px}}#landing-page .hero-section .group{display:flex;flex-flow:column;gap:20px}#landing-page .title-image{width:80%;max-width:300px;margin:0 auto 80px}#landing-page .icon-wrapper{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;margin-right:10px}#landing-page .mascot{width:60%;max-width:250px;margin-bottom:10px;transform:scale(1.6) translateY(-30px)}@media screen and (min-width: 700px){#landing-page .mascot{width:40%;transform:scale(2.3) translate(-19px,-26px)}}#landing-page #upload-input{display:none}#landing-page .cta-button{display:inline-flex;align-items:center;justify-content:center;padding:22px 30px;color:var(--white);font-size:26px;font-weight:700;text-decoration:none;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 15px #0003}#landing-page .cta-button.bg-green{background:linear-gradient(95.11deg,#6cc717 -15.8%,#169218 88.73%)}#landing-page .cta-button.bg-purple{background:linear-gradient(95.11deg,#8758ed -15.8%,#6918e3 88.73%)}#landing-page .cta-button:hover{opacity:.85}#landing-page .cta-button .icon{width:24px;height:24px}#landing-page .info-section{display:flex;justify-content:center;gap:20px;margin:2.5rem auto;padding:20px;background-color:#ffffffb3;border:solid 2px rgba(255,255,255,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;width:100%;max-width:500px}#landing-page .info-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff6;border:1px solid #ddd;border-radius:15px;padding:20px;width:160px;height:160px;text-decoration:none;color:var(--text-color);font-size:26px;font-weight:400;transition:transform .2s ease,box-shadow .2s ease}#landing-page .info-button:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}#landing-page .info-icon{width:80px;height:80px;margin-bottom:10px}.topbar{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#fffc;border:1px solid #fff;border-radius:9999px;border-radius:var(--radius-radius-full, 9999px);box-sizing:border-box;display:flex;height:65px;justify-content:space-between;margin:0 auto 48px;padding:8px 16px;position:relative;width:100%;position:sticky;top:200px;z-index:10}.topbar-back{align-items:center;aspect-ratio:1 / 1;background:#fff;border:none;border-radius:9999px;cursor:pointer;display:flex;height:44px;justify-content:center;outline:none;padding:4px;width:44px}.topbar-title{color:#252525;flex:1 1;font-family:Hanken Grotesk;font-size:28px;font-style:normal;font-weight:700;line-height:120%;text-align:center}#history-overview-page{background:#f6f6f6;padding-bottom:60px}#history-overview-page .page__container{transform:translateY(-60px)}#history-overview-page .game-history-card{background-color:#fff}#history-overview-page .game-history-card .left{display:flex;flex-direction:column;gap:2px;align-items:center;border-radius:15px;padding:15px 20px}#history-overview-page .game-history-card .left .star-icon{display:inline-block;width:60px;height:60px;background-image:url(/images/star_icon.png);background-size:contain}#history-overview-page .game-history-card .left .text{font-size:36px;line-height:1}#history-overview-page .game-history-card .right{min-width:350px}@media (max-width: 768px){#history-overview-page .game-history-card .right{min-width:100%}}.game-history-back-button.sticky{position:fixed;bottom:0;transform:translateY(80px);background:#fffc;display:flex;align-items:center;justify-content:center;padding:16px 32px;border:none;border-top:1px solid #e0e0e0;z-index:20;box-shadow:0 -2px 8px #0000000a}.game-history-container{margin:auto;height:1198px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-height:100vh;flex-shrink:0;background:#f6f6f6}.game-history-container-bg{height:362px;width:100%;background:url(/images/background_6_history.jpg) 50% 62% no-repeat;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-size:cover;flex-shrink:0;aspect-ratio:243/158}.game-history-bg-vector{position:absolute;width:100%;height:80px;bottom:0;z-index:-1;background:url(/images/history_curve.svg) no-repeat;background-size:100% auto}@media (max-width: 800px){.game-history-bg-vector{background-position:bottom;transform:translateY(1px)}}.game-history-selection{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:150px}.date-input-container{position:relative;display:flex;width:90%;max-width:390px;padding:11px 16px 11px 24px;justify-content:center;align-items:center;gap:10px;border-radius:9999px;border:1px solid #717580;background:#fff}.date-input-container label{cursor:pointer}.date-input{border:none;outline:none;flex:1;min-width:0;padding:0;font-size:20px;width:100%;margin-right:16px;color:#121212;font-family:Nunito;font-style:normal;font-weight:500;line-height:150%}@media (max-width: 600px){.date-input{font-size:14px}}.date-input::placeholder{color:#121212;font-family:Nunito;font-size:20px;font-style:normal;font-weight:500;line-height:150%}.game-history-selection-details{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px;gap:8px;width:100%}.game-history-selection-details-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;gap:8px;flex:1 0 0}.game-history-selection-details-text-result{color:#252525;text-align:center;font-family:Nunito;font-size:40px;font-style:normal;font-weight:900;line-height:120%;-webkit-user-select:none;user-select:none}.game-history-selection-details-text{color:#717580;font-family:Nunito;font-size:18px;font-style:normal;font-weight:500;line-height:150%;-webkit-user-select:none;user-select:none}.game-history-selection-image{width:52px;height:52px;aspect-ratio:1/1;-webkit-user-select:none;user-select:none}.line-separator{width:1px;height:127px;opacity:.4;background:#fff}.game-history-content-container{display:flex;width:50%;min-height:calc(100vh - 362px);padding:5px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;gap:20px;margin-top:8px;z-index:0}@media (max-width: 768px){.game-history-content-container{width:80%}}.calendar-popover{z-index:100}.game-history-card{display:flex;padding:12px 16px;height:auto;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:8px;border-radius:16px;border:1px solid #fff}.game-history-card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;color:#096dcb;height:63px;padding:4px 0;gap:20px;align-self:stretch}.game-history-card-header-speed-challenge{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;color:#6918e3;height:63px;padding:4px 0;gap:20px;align-self:stretch}.game-history-card-header-text{font-family:Nunito;font-size:22px;font-style:normal;font-weight:700;line-height:120%}.game-history-card-header-text-value{color:#252525;font-family:Nunito;font-size:18px;font-style:normal;font-weight:500;line-height:150%}.game-history-card-header-next{border:none;cursor:pointer;display:flex;width:32px;height:32px;padding:4px;justify-content:center;align-items:center;gap:12px;border-radius:9999px;background:#048fea;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-history-card-header-next-speed-challenge{border:none;cursor:pointer;display:flex;width:32px;height:32px;padding:4px;justify-content:center;align-items:center;gap:12px;border-radius:9999px;background:#6918e3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-history-card-header-next-speed-challenge:hover{background:#6918e3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translateY(-2px) scale(1.04)}.game-history-card-content{display:flex;align-items:flex-start;align-self:stretch;gap:12px;border-top:1px dashed #d5d8e1}.game-history-card-content-item{display:flex;padding:12px;justify-content:center;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch}.game-history-card-content-item-text{display:flex;flex-direction:row;color:var(--Neutral-800, #252525);gap:12px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:500;line-height:150%}.game-history-back-button{cursor:pointer;display:inline-flex;padding:16px 32px;justify-content:center;align-items:center;gap:12px;border-radius:9999px;border:1px solid #fff;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-decoration:none}.game-history-back-button-icon{width:32px;height:32px;aspect-ratio:1/1}.game-history-back-button-text{color:#048fea;text-align:center;font-family:Nunito;font-size:24px;font-style:normal;font-weight:700;line-height:120%}@media (max-width: 900px){.game-history-container{width:100%;min-height:calc(100vh + 60px);box-sizing:border-box}.game-history-container-bg{height:362px}.game-history-selection-details{display:flex;flex-direction:row;align-items:center;width:calc(95% - 32px)}.game-history-selection-details-text-container{margin-bottom:16px}}#result-page{background:url(/images/background_5_dictation_result.jpg) 0 0 no-repeat;background-size:cover}#result-page .box-section{background:#fffc;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:10px}#result-page .box-section .btn-group{padding:0 20px 10px}#result-page .search-check-icon{background:url(/images/search_check_2.svg) no-repeat center center;width:32px;height:32px}#result-page .hero{display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;height:300px;top:0}#result-page .handwriting-canvas{touch-action:auto}#result-page .handwriting-canvas.incorrect{cursor:pointer}#result-page .handwriting-canvas.non-correctable{cursor:auto}#result-page .game-history-card-content-item{flex:none}@media (max-width: 768px){#result-page .game-history-card-content-item-value span{display:none}}#result-page .game-history-card{border:0;display:block}#result-page .game-history-card .left{display:flex;flex-direction:row;gap:10px;align-items:center;border-radius:15px;padding:15px 20px;justify-content:center;margin-bottom:10px}@media (max-width: 768px){#result-page .game-history-card .left{flex-direction:column;gap:5px;margin-bottom:0}}#result-page .game-history-card .left .icon-wrapper{display:flex}#result-page .game-history-card .left .star-icon{display:inline-block;width:60px;height:60px;background-image:url(/images/star_icon.png);background-size:contain}#result-page .game-history-card .left .text{font-size:50px;line-height:1}@media (max-width: 768px){#result-page .game-history-card .left .text{font-size:36px}}#result-page .bottom-bar{position:fixed;bottom:0;width:100%;max-width:820px;background-color:#f6f6f6;padding:16px;box-shadow:0 -2px 5px #0000001a;gap:1rem}#result-page .bottom-bar .group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}#result-page .bottom-bar .cross-icon{background:url(/images/iconamoon_close-bold.svg) no-repeat center center;width:34px;height:34px}#result-page .bottom-bar .arrow-up-icon{background:url(/images/arrow_upward.svg) no-repeat center center;width:30px;height:30px}#result-page .bottom-bar .arrow-right-icon{background:url(/images/arrow_forward_ios.svg) no-repeat center center;width:30px;height:30px}#result-page .bottom-bar .solar-play-bold-icon{background:url(/images/solar_play-bold.svg) no-repeat center center;width:30px;height:30px}#result-page .bottom-bar .tabler-arrow-back{background:url(/images/tabler_arrow-back.svg) no-repeat center center;width:40px;height:40px}.result-handwriting-wrapper{display:flex;flex-direction:column;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:30px 20px;border-top-left-radius:40px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;-webkit-overflow-scrolling:touch;height:calc(100vh - 360px)}#input-text-page{background-image:url(/images/pattern.jpg);background-repeat:no-repeat;background-size:contain;background-position:left top}@media screen and (min-width: 768px){#input-text-page{background-position:0 -170px}}#input-text-page .page__container{overflow:hidden}#input-text-page .hero-section{position:relative;text-align:center;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-bottom:50px}@media (max-width: 700px){#input-text-page .hero-section{height:180px}}#input-text-page .hero-section .mascot-bg{position:absolute;top:50%;left:50%;width:400px;height:400px;background:url(/images/mascot_dictation.png) no-repeat center center;background-size:cover;transform:translate(-73%,-48%)}#input-text-page .hero-section .circle-bg{width:860px;height:860px;background:#d2f8ff66;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-68%)}#input-text-page .hero-section .read-aloud-btn{transform:translate(-65%,80%)}@media (min-width: 800px){#input-text-page .hero-section .read-aloud-btn{transform:translate(-100%,80%)}}@media (max-width: 700px){#input-text-page .hero-section .read-aloud-btn{transform:translate(-15px,40px)}}#input-text-page .hero-section .read-aloud-btn .speaker-icon{display:inline-block;width:35px;height:35px;background:url(/images/read_aloud_icon.svg) no-repeat center center}#input-text-page .edit-section{background-color:#fffc;padding:1.5rem;box-shadow:0 2px 4px #0000000d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top-left-radius:40px;min-height:calc(100vh - 90px)}#input-text-page .edit-section p{margin-bottom:1rem;color:#000;font-size:22px}#input-text-page .edit-section .input-group{margin-bottom:1.5rem}#input-text-page .edit-section .input-group label{display:block;margin-bottom:.5rem;font-weight:500}#input-text-page .edit-section .input-group input[type=text],#input-text-page .edit-section .input-group textarea{width:100%;padding:.75rem;border:2px solid rgba(113,117,128,1);border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;line-height:1.5;font-size:22px}#input-text-page .bottom-bar .group{justify-content:space-between;flex-direction:row}#read-aloud-page{background-image:url(/images/pattern.jpg);background-repeat:no-repeat;background-size:contain;background-position:left top}@media screen and (min-width: 768px){#read-aloud-page{background-position:0 -170px}}#read-aloud-page .page__container{overflow:hidden}#read-aloud-page .hero-section{position:relative;text-align:center;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-bottom:50px}@media (max-width: 700px){#read-aloud-page .hero-section{height:180px}}#read-aloud-page .hero-section .mascot-bg{position:absolute;top:50%;left:50%;width:400px;height:400px;background:url(/images/mascot_dictation.png) no-repeat center center;background-size:cover;transform:translate(-50%,-45%)}#read-aloud-page .hero-section .circle-bg{width:860px;height:860px;background:#d2f8ff66;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-68%)}#read-aloud-page .hero-section .read-aloud-btn{transform:translate(-65%,80%)}@media (max-width: 700px){#read-aloud-page .hero-section .read-aloud-btn{transform:translate(-15px,40px)}}#read-aloud-page .hero-section .read-aloud-btn .speaker-icon{display:inline-block;width:35px;height:35px;background:url(/images/read_aloud_icon.svg) no-repeat center center}#read-aloud-page .text-section{background-color:#fffc;padding:1.5rem;box-shadow:0 2px 4px #0000000d;border-top-left-radius:40px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-height:calc(100vh + 654px)}#read-aloud-page .text-section h1{font-size:32px;margin:0 0 10px;font-weight:400}#read-aloud-page .text-section p{margin-bottom:1rem;font-size:16px}#read-aloud-page .text-section .read-aloud-paragraph{margin-bottom:20px;font-size:24px;font-weight:400;line-height:1.5}#read-aloud-page .text-section .read-aloud-paragraph .highlight{background-color:#e2f4ff}#practice-page{background-image:url(/images/background_4_dictation.jpg);background-repeat:no-repeat;background-position:0 -778px}#practice-page .page__container{overflow-x:hidden}#practice-page .clock-icon{width:40px;height:40px;background:url(/images/practice_clock_icon.png) no-repeat center center}#practice-page .dictation-icon{width:40px;height:40px;background:url(/images/practice_dictation_icon.png) no-repeat center center;background-size:contain}#practice-page .hero-section{position:relative;text-align:center;height:300px;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding-bottom:50px}#practice-page .hero-section .ui{z-index:10;padding-right:20px}@media (min-width: 1000px){#practice-page .hero-section .ui{transform:translate(-40%)}}@media (min-width: 800px){#practice-page .hero-section .ui{transform:translate(-20%)}}@media (max-width: 600px){#practice-page .hero-section .ui{transform:scale(.75) translate(60px)}}#practice-page .hero-section .mascot-bg{position:absolute;top:50%;left:50%;width:460px;height:460px;background:url(/images/mascot_dictation.png) no-repeat center center;background-size:cover;transform:translate(-73%,-48%)}#practice-page .hero-section .circle-bg{width:860px;height:860px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-68%)}#practice-page .hero-section .read-aloud-btn{transform:translate(-65%,80%)}@media (max-width: 700px){#practice-page .hero-section .read-aloud-btn{transform:translate(-15px,40px)}}#practice-page .hero-section .read-aloud-btn .speaker-icon{display:inline-block;width:35px;height:35px;background:url(/images/read_aloud_icon.svg) no-repeat center center}#practice-page .instruction{font-size:20px;color:#252525;padding:0 25px;margin:0 auto 25px;line-height:1.5;max-width:860px}#practice-page .round-container{background-color:#fff9;border:solid 1px #fff;padding:12px 16px;border-radius:40px}#practice-page .control-btn-group,#practice-page .round-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#practice-page .read-aloud-control .controls{padding:0}#practice-page .progress-container{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:15px;margin:10px 0}#practice-page .progress-bar{flex-grow:1;height:22px;border-radius:15px;overflow:hidden;border:2px solid rgba(213,216,225,1)}#practice-page .progress-bar-fill{width:0%;height:100%;border-radius:15px;background:linear-gradient(270deg,#2796de,#3182ce);transition:width .5s ease-out}#practice-page .progress-text{font-size:1.5rem;font-weight:500;color:#121212}#practice-page .stopwatch-container{font-size:22px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding-top:6px;padding-bottom:6px}#practice-page #stopwatch-display{font-variant-numeric:tabular-nums}#practice-page .stopwatch{width:60px;background:#f6f6f6;border-radius:30px;padding:13px 15px;text-align:center;font-size:22px;font-weight:500;color:#121212;box-shadow:3px 3px 6px #0000001f}#practice-page .meta-info{display:flex;align-items:center;gap:20px}#practice-page .main-section{background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:30px 20px;border-top-left-radius:40px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;-webkit-overflow-scrolling:touch;height:calc(100vh - 390px)}#practice-page #handwriting-section{display:flex;flex-direction:column;align-items:center}#practice-page #submit-btn:hover{background-color:#218838}#practice-page #submit-btn:disabled{background-color:#ccc;cursor:not-allowed}#practice-page #results-section{margin-top:20px;padding:20px;background-color:#fff;border-radius:8px}#practice-page .result-item{display:flex;align-items:center;margin-bottom:10px;font-size:1.5em}#practice-page .result-item canvas{border:1px solid #000;margin-right:20px;width:75px;height:75px}#practice-page .result-item .correct-answer{color:#dc3545;font-weight:700}#practice-page .bottom-bar{position:fixed;bottom:0;width:100%;background-color:#f6f6f6;padding:16px;box-shadow:0 -2px 5px #0000001a;gap:1rem}#practice-page .bottom-bar .group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}#practice-page .bottom-bar .cross-icon{background:url(/images/iconamoon_close-bold.svg) no-repeat center center;width:34px;height:34px}#practice-page .bottom-bar .arrow-up-icon{background:url(/images/arrow_upward.svg) no-repeat center center;width:30px;height:30px}#practice-page .bottom-bar .arrow-right-icon{background:url(/images/arrow_forward_ios.svg) no-repeat center center;width:30px;height:30px}#proofread-page{background:url(/images/background_5_dictation_result.jpg) 0 0 no-repeat;background-size:cover}#proofread-page .box-section{background:#fffc;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:10px;padding:20px;width:calc(100% - 40px)}#proofread-page .box-section .box-section__inner{height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}#proofread-page .box-section .box-section__title{margin:0 0 10px;font-size:32px;font-weight:400}#proofread-page .box-section .box-section__content{font-size:24px;font-weight:400;line-height:1.5}#proofread-page .box-section .btn-group{padding:0 20px 10px}#proofread-page .search-check-icon{background:url(/images/search_check_2.svg) no-repeat center center;width:32px;height:32px}#proofread-page .hero{display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;height:300px;top:0}#proofread-page .handwriting-canvas{touch-action:auto}#proofread-page .game-history-card-content-item{flex:none}@media (max-width: 768px){#proofread-page .game-history-card-content-item-value span{display:none}}#proofread-page .game-history-card{border:0;display:block}#proofread-page .game-history-card .left{display:flex;flex-direction:row;gap:10px;align-items:center;border-radius:15px;padding:15px 20px;justify-content:center;margin-bottom:10px}@media (max-width: 768px){#proofread-page .game-history-card .left{flex-direction:column;gap:5px;margin-bottom:0}}#proofread-page .game-history-card .left .icon-wrapper{display:flex}#proofread-page .game-history-card .left .star-icon{display:inline-block;width:60px;height:60px;background-image:url(/images/star_icon.png);background-size:contain}#proofread-page .game-history-card .left .text{font-size:50px;line-height:1}@media (max-width: 768px){#proofread-page .game-history-card .left .text{font-size:36px}}#proofread-page .bottom-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#f6f6f6;padding:16px;box-shadow:0 -2px 5px #0000001a;gap:1rem}#proofread-page .bottom-bar .group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}#proofread-page .bottom-bar .cross-icon{background:url(/images/iconamoon_close-bold.svg) no-repeat center center;width:34px;height:34px}#proofread-page .bottom-bar .arrow-up-icon{background:url(/images/arrow_upward.svg) no-repeat center center;width:30px;height:30px}#proofread-page .bottom-bar .arrow-right-icon{background:url(/images/arrow_forward_ios.svg) no-repeat center center;width:30px;height:30px}#proofread-page .bottom-bar .solar-play-bold-icon{background:url(/images/solar_play-bold.svg) no-repeat center center;width:30px;height:30px}#proofread-page .bottom-bar .tabler-arrow-back{background:url(/images/tabler_arrow-back.svg) no-repeat center center;width:40px;height:40px}#proofread-page .bottom-bar .group{flex-direction:row;justify-content:space-between}#proofread-page #proofread-handwriting{display:flex;flex-direction:column;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:50px 20px 30px;border-top-left-radius:40px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;-webkit-overflow-scrolling:touch;height:calc(100vh - 360px)}#proofread-page #proofread-handwriting .handwriting-canvas{cursor:pointer}#proofread-page .proofread-button-container{display:flex;justify-content:center;gap:10px;position:absolute;top:-40px;left:40px}#proofread-page .correct-btn,#proofread-page .incorrect-btn{width:32px;height:32px;background-size:28px 28px;border-radius:50%;background-color:#fff;border:none;cursor:pointer;border-color:var(--active-canvas-border);box-shadow:0 0 10px var(--active-canvas-border)}#proofread-page .correct-btn{background:url(/images/circle_tick.svg) no-repeat center center}#proofread-page .incorrect-btn{background:url(/images/circle_cross.svg) no-repeat center center}#correction-page{background:url(/images/background_5_dictation_result.jpg) 0 0 no-repeat;background-size:cover}#correction-page .hero{display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;height:300px;top:0}#correction-page .speak-btn{display:flex;flex-direction:row;align-items:center;gap:10px;color:#048fea;font-size:22px;cursor:pointer}#correction-page .speak-icon{width:16px;height:16px;background:url(/images/brand_awareness.svg) no-repeat center center;background-size:contain}#correction-page #stroke-demo-btn{font-size:22px;color:#048fea;margin-bottom:20px;cursor:pointer}#correction-page #correction-boxes{display:flex;flex-wrap:wrap;justify-content:center}#correction-page #correction-message{background:#fff;box-shadow:0 0 10px #0000001a;position:relative;padding:10px;font-size:18px;color:#4a5568;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;text-align:center;border-radius:40px;font-size:26px;margin-bottom:10px}#correction-page #correction-message .message-content{display:flex;justify-content:space-between;align-items:center}#correction-page #correction-message .close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;padding:0 5px;color:#096dcb}#correction-page #correction-message .error{color:#e62244}#correction-page #correction-message .success{color:#209e22}#correction-page .content-wrapper{display:flex;flex-direction:column;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:50px 20px 30px;border-top-left-radius:40px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;-webkit-overflow-scrolling:touch;height:calc(100vh - 360px)}#correction-page .content-wrapper p{font-size:20px;color:#252525}#correction-page .correction-boxes-container{margin-bottom:50px;padding-bottom:50px;gap:32px 10px;display:grid;justify-items:center;grid-template-columns:repeat(2,1fr)}@media screen and (min-width: 600px){#correction-page .correction-boxes-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 768px){#correction-page .correction-boxes-container{grid-template-columns:repeat(4,1fr)}}#correction-page .character-meta{background:#fff0d6;padding:20px;border-radius:15px;margin-bottom:20px}@media screen and (min-width: 600px){#correction-page .character-meta{display:flex;justify-content:center;width:100%;gap:20px}#correction-page .character-meta #character-meta-data{flex:1;max-width:400px}}#correction-page .character-meta #character-animation{border:1px solid rgba(74,85,104,1);display:flex;background-color:#fff;border-radius:6px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="222" height="222" viewBox="0 0 222 222" fill="none"><line x1="1" y1="70.799" x2="221" y2="70.799" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="1" y1="146.201" x2="221" y2="146.201" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="74.282" y1="221" x2="74.282" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/><line x1="150.718" y1="221" x2="150.718" y2="1" stroke="%23FFF1E7" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 4"/></svg>');background-repeat:no-repeat}@media screen and (max-width: 600px){#correction-page .character-meta #character-animation{margin-bottom:15px}}#correction-page .character-meta .char-meta{background:#fff;padding:6px 12px;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;color:#4a5568}#correction-page .character-meta .char-meta .left{font-size:28px}#correction-page .character-meta .char-meta .right{font-size:22px;display:flex;gap:10px;align-items:center}#correction-page .character-meta .speak-meta{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}#correction-page .character-meta .speak-meta .left{font-size:18px}#correction-page .bottom-bar .group{flex-direction:row;justify-content:space-between}#correction-page .round-btn:disabled{background-color:#ccc;cursor:not-allowed}#about-page{background-color:#f6f6f6}#about-page .page__container{transform:translateY(-60px)}#about-page .about-container{align-items:center;background:#f6f6f6;box-sizing:border-box;display:flex;flex-direction:column;height:1198px;margin:auto}#about-page .about-container,#about-page .about-container-bg{flex-shrink:0;padding-top:12px;width:820px}#about-page .about-container-bg{aspect-ratio:243/158;background:url(/images/background_6_history.jpg) #d3d3d3 no-repeat;background-size:100% auto;height:400px;margin-top:-12px;position:absolute}#about-page .about-content{align-self:center;display:flex;gap:10px;height:234px;justify-content:center;width:100%;margin-top:100px}#about-page .about-vector{background:url(/images/about_vector.svg) no-repeat;background-size:100% auto;bottom:0;flex-shrink:0;height:48px;left:0;position:absolute;right:0}#about-page .about-character-img{align-items:center;aspect-ratio:1/1;display:inline-flex;height:234px;width:234px;transform:scale(1.5);object-fit:contain}#about-page .about-text-highlight{color:#252525;font-family:Nunito;font-size:24px;font-style:normal;font-weight:700;line-height:150%}#about-page .about-text{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffc;border-radius:12px;color:#000;flex:1 0;flex-direction:column;font-size:18px;font-weight:500;gap:10px;height:248px;justify-content:center;max-width:338px;padding:24px;width:326px}#about-page .about-main-container,#about-page .about-text{display:flex;font-family:Nunito;font-style:normal;line-height:150%}#about-page .about-main-container{flex-direction:column;font-size:24px;font-weight:700;margin-top:80px;max-width:820px}#about-page .about-footer-container{align-items:center;background:#e2f4ff;border-radius:12px;box-shadow:-3px -3px 6px #fff,3px 3px 6px #0000001f;display:flex;gap:24px;margin-left:44px;margin-right:44px;margin-top:50px;padding:16px 28px;width:656px}#about-page .about-footer-1{align-items:center;border-radius:9999px;display:flex;height:140px;width:140px}#about-page .about-footer-img{aspect-ratio:1/1;height:225px;margin-left:-81px;margin-top:-71px;width:225px}#about-page .about-footer-2{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:10px}#about-page .about-text-subcontent{color:#717580;font-family:Nunito;font-size:18px;font-style:normal;font-weight:500;line-height:150%}#about-page .about-scroll-container{-webkit-overflow-scrolling:touch;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:16px;margin-top:16px;overflow-x:auto;overflow-y:hidden;padding-right:33px;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}#about-page .about-scroll-content{align-items:flex-start;background:#fff;border:1px solid #e9e9e9;border-radius:8px;display:flex;flex-direction:column;gap:8px;height:280px;max-width:360px;min-width:360px;padding:24px 20px 16px}@media (max-width: 900px){#about-page .about-container,#about-page .about-container-bg{aspect-ratio:unset;width:100%}#about-page .about-container-bg{height:400px}#about-page .about-footer-container{margin-left:60px;width:80%}}@media (max-width: 600px){#about-page .about-container{width:100%}#about-page .about-container-bg{height:225px;width:100%}#about-page .about-content{flex-direction:column;height:auto;margin:auto}#about-page .about-character-img{align-items:center;align-self:center;display:inline-flex;z-index:2;transform:scale(1)}#about-page .about-vector{bottom:-25px}#about-page .about-text{margin:0 20px;width:auto;z-index:1}#about-page .about-main-container{margin:auto;padding-bottom:50px;padding-top:20px}#about-page .about-footer-container{flex-direction:column;flex-wrap:wrap;gap:0;margin:0 20px;width:auto}#about-page .about-footer-img{margin-left:-134px;margin-top:-83px}}