@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Comfortaa:wght@300;400;500;600;700&display=swap";.header-wrapper{width:100%;max-width:1200px;margin:0 auto 30px;padding:0 15px;box-sizing:border-box;position:relative}.header-wrapper:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:20px;background:linear-gradient(to bottom,#eeeeee,transparent);pointer-events:none}.header-container{width:100%;height:70px;background-color:#fff;border:1px solid #C9CED6;border-radius:35px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;box-shadow:4px 4px 10px #0000000d}.header-left{display:flex;align-items:center;gap:5px;cursor:pointer}.header-logo-image{height:50px;width:50px}.header-section{flex:1;display:flex;align-items:center}.header-left-section{justify-content:flex-start}.header-center-section{justify-content:center}.header-right-section{justify-content:flex-end;padding-right:25px}.header-search-input{width:300px;height:40px;background-color:#f5f5f5;border:1px solid transparent;border-radius:20px;padding:0 20px;font-size:14px;color:#444;outline:none;transition:width .3s ease,border-color .3s ease}.header-search-input:focus{width:350px;border-color:#1abc9c;background-color:#fff}@media(max-width:768px){.header-search-input{display:none}}.sticky-header{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#fff;border-bottom:1px solid #C9CED6;z-index:1000;display:none;align-items:center;justify-content:center;box-shadow:4px 4px 10px #0000000d}.sticky-header.visible{display:flex}.sticky-header-content{width:100%;max-width:1200px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.header-icon{width:24px;height:24px;cursor:pointer;transition:all .2s ease;opacity:.6;padding:8px;border-radius:50%;box-sizing:content-box}.header-icon:hover{transform:scale(1.1);opacity:1;background-color:#0000000d}.header-settings-icon-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;padding:8px;width:24px;height:24px;box-sizing:content-box;transition:all .2s ease}.header-settings-icon-wrapper:hover{background-color:#0000000d;transform:scale(1.1)}.header-right-group{display:flex;align-items:center;gap:10px}.user-menu-container{position:relative}.user-menu-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.user-menu-icon img{width:24px;height:24px}.user-dropdown{position:absolute;top:40px;right:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:200px;z-index:1000;overflow:hidden}.user-dropdown-header{padding:16px;border-bottom:1px solid #eee;font-weight:600;color:#2c3e50;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:10px}.user-dropdown-profile-icon{width:64px;height:64px;border-radius:50%;background-color:#fcece0;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.user-dropdown-profile-icon img{width:40px;height:40px;opacity:.8}.user-dropdown-item{padding:12px 16px;cursor:pointer;color:#5f6368;font-size:.9rem;transition:background-color .2s;text-align:left;display:flex;align-items:center;gap:12px}.user-dropdown-item img{width:20px;height:20px;opacity:.7}.user-dropdown-item:hover{background-color:#f8f9fa}.user-dropdown-item.logout{color:#5f6368;border-top:1px solid #eee}.header-right-container{display:flex;align-items:center;gap:10px}.header-title{font-size:1.4rem;font-weight:500;font-family:Quicksand,sans-serif;color:#444}.app-logo-container{display:flex;align-items:center;justify-content:center}.app-logo-container.dir-column{flex-direction:column;gap:5px}.app-logo-container.dir-row{flex-direction:row;gap:10px}.app-logo-image{object-fit:contain;margin-bottom:0!important}.app-logo-text{font-family:Quicksand,sans-serif;color:#444;line-height:1.2;font-size:1.4rem;font-weight:500}.size-small .app-logo-image{width:40px;height:40px}.size-large .app-logo-image{width:80px;height:80px}.timer-container{display:flex;align-items:center;background-color:#fff;border-radius:20px;padding:5px 15px;box-shadow:0 2px 5px #0000001a;border:1px solid #e0e0e0;font-family:Inter,sans-serif}.timer-display{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-right:15px;min-width:60px;text-align:center}.timer-stop-btn{background-color:#ff6b6b;color:#fff;border:none;border-radius:15px;padding:5px 15px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;align-items:center;gap:5px;box-shadow:0 4px 6px #ff6b6b33}.timer-stop-btn:hover{background-color:#fa5252;transform:translateY(-2px);box-shadow:0 6px 12px #ff6b6b4d}.timer-stop-btn:active{transform:translateY(0)}.about-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-modal-content{background:#fff;padding:30px;border-radius:16px;width:90%;max-width:400px;position:relative;text-align:center;box-shadow:0 4px 20px #00000026}.about-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:#888;cursor:pointer;padding:5px}.about-close-button:hover{color:#333}.about-logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.about-logo{width:80px;height:80px}.about-app-name{font-size:1.4rem;font-weight:500;color:#444}.about-app-name .accent{color:#1abc9c}.about-info{margin-bottom:24px}.about-version{font-size:16px;color:#666;margin-bottom:8px}.about-contact{font-size:14px;color:#666}.about-contact a{color:#1abc9c;text-decoration:none;font-weight:500}.about-contact a:hover{text-decoration:underline}.about-footer{font-size:12px;color:#999;border-top:1px solid #eee;padding-top:16px}.exercise-card{background-color:#fff;border:1px solid #C9CED6;padding:30px 20px;text-align:center;transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:24px;cursor:default;height:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative;margin-top:30px;box-shadow:4px 4px 10px #0000000d}.exercise-card:hover{cursor:pointer;text-decoration:none;border-color:var(--exercise-color);transform:translateY(-7px);box-shadow:0 10px 20px #0000001a}.exercise-icon-wrapper{transition:transform .2s ease-in-out;background-color:var(--exercise-color);width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:6px;margin-bottom:20px;position:relative;margin-top:-60px;z-index:2}.exercise-card:hover .exercise-icon-wrapper{transform:translateY(5px)}.exercise-icon-wrapper:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:var(--exercise-color) transparent transparent transparent}.exercise-card h2{color:#444;font-size:18px;margin-bottom:15px;font-weight:400;transition:color .3s}.exercise-card:hover h2{color:var(--exercise-color)}.exercise-card p{color:#666;font-size:14px;line-height:1.5;margin:0}.exercises-page-container{max-width:1200px;margin:0 auto 50px;padding:0 15px}.exercises-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:70px}@media(max-width:992px){.exercises-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.exercises-grid{grid-template-columns:1fr}}.remember-numbers-exercise-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box}.feedback-display{font-size:2rem;font-weight:700;padding:10px 20px;border-radius:8px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);min-width:150px;text-align:center}.feedback-display.correct{color:#27ae60;border:1px solid #27ae60;background-color:#27ae600d}.feedback-display.incorrect{color:#c0392b;border:1px solid #c0392b;background-color:#c0392b0d}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.remember-numbers-input-container{display:flex;flex-direction:column;align-items:center;width:100%}.remember-numbers-input{font-size:3rem;padding:15px;width:200px;text-align:center;border:2px solid #3498db;border-radius:10px;margin-bottom:20px;font-family:Quicksand,sans-serif;outline:none;color:#2c3e50}.remember-numbers-input:focus{box-shadow:0 0 0 3px #3498db4d}.focus-arrows-container{display:flex;justify-content:center;align-items:center;height:100px;position:relative;width:100%}.focus-arrow{font-size:3rem;color:#3498db;font-weight:700;position:absolute;transition:all .3s ease;opacity:0;animation:fadeIn .1s forwards}.focus-arrow.left{right:50%}.focus-arrow.right{left:50%}.focus-arrow.left.wide{margin-right:min(180px,35vw)}.focus-arrow.right.wide{margin-left:min(180px,35vw)}.focus-arrow.left.narrow{margin-right:min(130px,25vw)}.focus-arrow.right.narrow{margin-left:min(130px,25vw)}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.remember-numbers-flash-display{font-size:3.5rem}.remember-numbers-input{font-size:2.5rem;width:160px}}.remember-numbers-button-container{display:flex;gap:10px}.app-button.repeat-button{background-color:#e67e22}.app-button.repeat-button:hover:not(:disabled){background-color:#d35400}.remember-numbers-content{display:flex;flex-direction:column;align-items:center;width:100%}.remember-numbers-label{font-size:1.5rem;color:#7f8c8d;margin-bottom:25px;font-family:Quicksand,sans-serif;height:30px;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.remember-numbers-flash-display{font-size:4rem;font-weight:700;color:#2c3e50;font-family:Quicksand,sans-serif;animation:fadeInOut .2s ease-in-out}.remember-numbers-input-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.exercise-status-bar-container{width:100%;margin-bottom:20px}.exercise-info-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:1.2rem;font-weight:700;color:#2c3e50;background-color:#fff}.exercise-info-left{flex:1;text-align:left;display:flex;align-items:center;gap:8px}.exercise-info-center{flex:1;text-align:center}.exercise-info-right{flex:1;text-align:right}.exercise-progress-container{width:100%;height:8px;background-color:#ecf0f1;border-radius:4px;overflow:hidden}.exercise-progress-bar{height:100%;transition:width .2s linear}@media(max-width:480px){.exercise-info-bar{font-size:.9rem}}.pause-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-in-out}.pause-modal-content{background-color:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 10px 25px #0003;animation:scaleIn .2s cubic-bezier(.175,.885,.32,1.275);min-width:300px}.pause-modal-title{font-size:1.2rem;color:#7f8c8d;margin-bottom:10px;font-family:Comfortaa,sans-serif;font-weight:400}.pause-modal-content h2{margin-top:0;margin-bottom:30px;color:#2c3e50;font-family:Comfortaa,sans-serif}.pause-modal-actions{display:flex;gap:15px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.find-letters-exercise-container{width:100%;max-width:600px;margin:0 auto;text-align:center}.find-letters-info-bar{display:flex;justify-content:space-between;margin-bottom:20px;font-size:1.2rem;font-weight:600}.find-letters-targets{color:#333}.find-letters-target-char{display:inline-block;margin:0 5px;color:#e67e22;font-size:1.4rem}.find-letters-remaining{color:#7f8c8d}.find-letters-progress-container{width:100%;height:10px;background-color:#ecf0f1;border-radius:5px;margin-bottom:20px;overflow:hidden}.find-letters-progress-bar{height:100%;background-color:#e67e22;transition:width .1s linear}.find-letters-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 10px #0000000d}@media(max-width:480px){.find-letters-grid{gap:2px;padding:5px}.find-letters-cell{font-size:1rem}}.find-letters-cell{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:#34495e;background-color:#f8f9fa;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease}.find-letters-cell:hover{background-color:#e9ecef}.find-letters-cell.correct{background-color:#2ecc71;color:#fff;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.find-letters-cell.incorrect{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;background-color:#e74c3c;color:#fff}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.find-letters-cell.missed{background-color:#3498db!important;color:#fff!important}.grid-stack{display:grid;grid-template-areas:"stack";overflow:hidden;width:100%;position:relative;border-radius:10px}.grid-stack>*{grid-area:stack;width:100%}.slide-out-left{animation:slideOutLeft .5s ease-in-out forwards;pointer-events:none;z-index:1}.slide-in-right{animation:slideInRight .5s ease-in-out forwards;z-index:2}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-120%);opacity:0}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.countdown-container{display:flex;justify-content:center;align-items:center;height:60vh;background-color:transparent;overflow:hidden}.countdown-number{font-size:4rem;font-weight:700;font-family:Quicksand,sans-serif;color:#1abc9c;animation:countdown-pulse .9s ease-in-out forwards}@keyframes countdown-pulse{0%{transform:scale(.8);opacity:0}20%{transform:scale(1.1);opacity:1}40%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.exercise-initializer-container{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;--theme-color: #e67e22}.exercise-initializer-content{background-color:#fff;padding:15px;border-radius:20px;box-shadow:4px 4px 10px #0000000d;text-align:center;max-width:100%;width:100%;border:1px solid #C9CED6}.exercise-initializer-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.exercise-initializer-icon-wrapper{width:60px;height:60px;border-radius:6px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;background-color:var(--theme-color)}.exercise-initializer-icon-arrow{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-width:8px 8px 0;border-style:solid;border-color:var(--theme-color) transparent transparent transparent}.exercise-initializer-icon{width:40px;height:40px;filter:brightness(0) invert(1);object-fit:contain}.exercise-initializer-title{font-family:Quicksand,sans-serif;font-size:2.5rem;font-weight:600;color:#333;margin:0}.exercise-initializer-instructions{font-family:Inter,sans-serif;font-size:1rem;color:#666;margin-bottom:30px;line-height:1.6}.exercise-initializer-options{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}@media(max-width:480px){.exercise-initializer-title{font-size:2rem}.exercise-initializer-instructions{font-size:.95rem;margin-bottom:20px}}.common-slider-container{width:100%;max-width:400px;padding:0 20px;margin-bottom:20px;box-sizing:border-box}.common-slider-label{display:block;font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.common-slider{appearance:none;-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.common-slider:hover{opacity:1}.common-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--slider-color, #e67e22);cursor:pointer;border:none}.common-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--slider-color, #e67e22);cursor:pointer;border:none}.common-slider-value{margin-top:10px;font-size:1.2rem;font-weight:700;color:var(--slider-color, #e67e22)}.metronome-sound-selector{display:flex;flex-direction:column;width:100%;margin-top:20px;align-items:center}.metronome-sound-buttons{display:flex;gap:10px;margin-top:10px;width:100%;justify-content:center}.metronome-sound-btn{padding:10px 15px;border:2px solid #2980b9;background-color:transparent;color:#2980b9;border-radius:8px;font-size:.9rem;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;transition:all .2s ease;flex:1;max-width:120px}.metronome-sound-btn:hover{background-color:#2980b91a}.metronome-sound-btn.active,.metronome-sound-btn:active{background-color:#2980b9;color:#fff}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideInDown .4s ease-out forwards}.animate-slide-up{animation:slideInUp .4s ease-out forwards}.metronome-label{color:#666;margin-bottom:5px}.metronome-animation-container{width:100%;display:flex;justify-content:center;margin-top:20px;height:83px;align-items:center}.metronome-svg{overflow:visible;transform:scaleY(-1)}.metronome-pendulum-group{transform-origin:0px 0px}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:2rem}.app-layout{padding-top:30px;padding-bottom:30px;min-height:100%;box-sizing:border-box}.logo{max-width:300px;width:100%;height:auto;margin-bottom:2rem;animation:fadeIn 1s ease-in}.work-in-progress{font-size:2rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn 1.5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.logo{max-width:200px}.work-in-progress{font-size:1.5rem}}*{-webkit-tap-highlight-color:transparent}a,button,[role=button],.exercise-card,.answer-button,.header-icon,.header-left{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:pointer}.login-page{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.login-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.login-content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100%}.login-container{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;min-height:calc(100% - 100px)}.login-card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:50px 40px;border-radius:24px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.4);width:100%;max-width:440px;text-align:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.login-title{margin-bottom:2rem;color:#1a202c;font-size:2rem;font-weight:700}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{position:relative}.login-input{width:100%;padding:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:1rem;outline:none;background:#ffffffe6;transition:all .2s ease;box-sizing:border-box}.login-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s;padding:0}.password-toggle:hover{opacity:1}.password-toggle img{width:20px;height:20px}.login-button{width:100%;padding:16px;border-radius:12px;background:linear-gradient(135deg,#3c9,#3498db);color:#fff;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3c96}.login-button:disabled{opacity:.7;cursor:not-allowed}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#718096;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.divider span{padding:0 1rem}.social-login-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.social-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.social-button:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.social-button.primary{font-weight:600;border:1px solid #e2e8f0;position:relative}.secondary-social-row{display:flex;gap:12px}.social-button.secondary{flex:1;padding:12px}.social-button img{width:20px;height:20px}.social-button.google img{width:22px;height:22px}@media(max-width:640px){.login-card{padding:30px 20px}.login-title{font-size:1.5rem}}.current-text-name{color:#1abc9c;font-weight:600}.word-count-display{display:inline-block;margin-top:5px;font-size:.9rem;color:#888}.speed-test-options{width:100%;display:flex;justify-content:center}.option-group{display:flex;flex-direction:column;align-items:center;width:100%}.option-label{font-size:.9rem;color:#888;margin-bottom:5px}.preset-select{width:80%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;font-family:Inter,sans-serif;color:#444;outline:none;cursor:pointer;background-color:#fff;transition:box-shadow .2s}.preset-select:focus{box-shadow:0 0 0 2px #1abc9c66;border-color:#1abc9c}.change-text-link{background:none;border:none;color:#3498db;text-decoration:underline;cursor:pointer;font-size:.9rem;font-family:Inter,sans-serif;padding:5px;transition:color .2s}.change-text-link:hover{color:#2980b9}.question-text{font-family:Quicksand,sans-serif;font-size:1.4rem;margin-bottom:30px;color:#2c3e50;font-weight:600}.answers-list{display:flex;flex-direction:column;gap:15px}.answer-button{display:block;width:100%;padding:15px;border:1px solid #e0e0e0;border-radius:10px;background-color:#fff;cursor:pointer;text-align:left;font-size:1rem;font-family:Inter,sans-serif;color:#444;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.answer-button:focus{outline:none}.answer-button:hover:not(:disabled){background-color:#f0f4f8;border-color:#3498db}.answer-button.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.answer-button.incorrect-selected{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.answer-button:disabled{cursor:default;opacity:.8}.answers-list.answered .answer-button:not(.correct):not(.incorrect-selected){opacity:.5}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.stat-value{transition:all .2s ease}.stat-value.pulse{animation:pulse .5s ease-in-out;color:#27ae60}.stat-card{transition:transform .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000001a}.action-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.action-button{padding:10px 20px;font-size:1rem;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.summary-buttons-container{display:flex;justify-content:center;gap:20px}@media(max-width:600px){.summary-buttons-container{flex-direction:column;width:100%;gap:15px}.summary-buttons-container button{width:100%;margin:0!important}}.remember-numbers-history-container{margin-top:30px;width:100%;border-top:1px solid #eee;padding-top:20px}.remember-numbers-history-title{font-family:Quicksand,sans-serif;color:#333;margin-bottom:15px}.remember-numbers-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.remember-numbers-history-item{padding:10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;font-size:.9rem;background-color:#e74c3c1a;border:1px solid #e74c3c}.remember-numbers-history-item.correct{background-color:#2ecc711a;border-color:#2ecc71}.remember-numbers-history-index{font-weight:700;color:#555}.remember-numbers-history-original{font-size:1.2rem;color:#c0392b;margin:5px 0}.remember-numbers-history-item.correct .remember-numbers-history-original{color:#27ae60}.remember-numbers-history-user-input{text-decoration:line-through;color:#95a5a6;font-size:.8rem}.find-words-initializer-container{display:flex;flex-direction:column;align-items:center;width:100%}.find-words-container{width:100%;max-width:800px;margin:0 auto;text-align:center}.find-words-targets{display:none}.find-words-grid{display:grid;gap:4px;background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 10px #0000000d}@media(max-width:480px){.find-words-grid{gap:2px;padding:5px}.word-cell{font-size:1rem}}.word-cell{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:#34495e;background-color:#f8f9fa;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease}.word-cell:hover{background-color:#e9ecef}.word-cell.found{background-color:#2ecc71;color:#fff;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.word-cell.incorrect{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;background-color:#e74c3c;color:#fff}.word-cell.missed{background-color:#3498db!important;color:#fff!important}@keyframes shake{50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media(max-width:600px){.word-cell{width:auto;height:auto;aspect-ratio:1;font-size:.85rem}.find-words-targets{gap:10px}.target-word{font-size:1rem;padding:6px 12px}}.settings-page-wrapper{width:calc(100% - 30px);max-width:600px;margin:50px auto;background-color:#fff;padding:30px;border-radius:20px;box-shadow:4px 4px 10px #0000000d;border:1px solid #C9CED6;display:flex;flex-direction:column;gap:30px}.settings-page-header{margin:0;color:#2c3e50;text-align:center}.settings-section-label{display:block;margin-bottom:10px;color:#7f8c8d;font-weight:700}.settings-lang-list{display:flex;flex-direction:column;gap:10px}.settings-lang-option{display:flex;align-items:center;padding:15px;border-radius:12px;border:2px solid #ecf0f1;background-color:transparent;cursor:pointer;transition:all .2s ease}.settings-lang-option.selected{border-color:#3498db;background-color:#ebf5fb}.settings-lang-name{flex:1;font-weight:400}.settings-lang-name.selected{font-weight:600}.settings-lang-radio{cursor:pointer}.settings-actions{display:flex;gap:20px;justify-content:center;margin-top:10px}.settings-flag-icon{border-radius:4px;margin-right:10px}.settings-flag-icon.bordered{border:1px solid #eee}@media(max-width:600px){.settings-actions{flex-direction:column-reverse;width:100%;gap:15px}.settings-actions button{width:100%;margin:0!important}}.the-same-numbers-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box}.the-same-numbers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;width:100%;margin-top:20px}.number-pair-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:8px;padding:10px;cursor:pointer;transition:transform .1s,background-color .2s;-webkit-user-select:none;user-select:none;aspect-ratio:1;border:2px solid transparent}.number-pair-cell:hover{transform:scale(1.05);background-color:#e0e0e0}.number-pair-cell.found{background-color:#27ae60;color:#fff;cursor:default;transform:none}.number-pair-cell.incorrect{animation:shake .5s;background-color:#e74c3c;color:#fff}.number-pair-cell.missed{background-color:#3498db!important;color:#fff!important}.number-pair-item{font-size:1.2rem;font-weight:700;margin:2px 0;font-family:Roboto Mono,monospace}@media(max-width:600px){.the-same-numbers-grid{grid-template-columns:repeat(3,1fr)}.number-pair-item{font-size:1rem}}.the-same-words-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.the-same-words-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;margin-top:20px}.word-pair-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:8px;padding:10px;cursor:pointer;transition:transform .1s,background-color .2s;-webkit-user-select:none;user-select:none;aspect-ratio:1.2;border:2px solid transparent}.word-pair-cell:hover{transform:scale(1.05);background-color:#e0e0e0}.word-pair-cell.found{background-color:#27ae60;color:#fff;cursor:default;transform:none}.word-pair-cell.incorrect{animation:shake .5s;background-color:#e74c3c;color:#fff}.word-pair-item{font-size:1.1rem;font-weight:500;margin:3px 0;font-family:Inter,sans-serif;text-align:center}@media(max-width:600px){.the-same-words-grid{grid-template-columns:repeat(3,1fr)}.word-pair-item{font-size:.9rem}}.dot-distance-selector{display:flex;flex-direction:column;width:100%;margin-bottom:20px;align-items:center}.distance-buttons{display:flex;gap:10px;margin-top:10px;width:100%;justify-content:center}.distance-btn{padding:10px 20px;border:2px solid #27ae60;background-color:transparent;color:#27ae60;border-radius:8px;font-size:1rem;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;transition:all .2s ease;flex:1;max-width:120px}.distance-btn:hover{background-color:#27ae601a}.distance-btn.active{background-color:#27ae60;color:#fff}.dot-exercise-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:900px;margin:0 auto;align-items:center;position:relative}.dot-game-area{display:flex;align-items:center;justify-content:center;width:100%;flex-grow:1;min-height:300px}.peripheral-content{font-size:2rem;font-weight:700;color:#333;font-family:Roboto Mono,monospace;min-width:80px;text-align:center;transition:margin .3s ease}.peripheral-content.left{text-align:right}.peripheral-content.right{text-align:left}.peripheral-content.left.distance-small{margin-right:20px}.peripheral-content.right.distance-small{margin-left:20px}.peripheral-content.left.distance-medium{margin-right:80px}.peripheral-content.right.distance-medium{margin-left:80px}.peripheral-content.left.distance-big{margin-right:140px}.peripheral-content.right.distance-big{margin-left:140px}.central-dot{width:20px;height:20px;background-color:#e74c3c;border-radius:50%;margin:0 20px;flex-shrink:0}.instruction-top{margin-top:20px;text-align:center;color:#666;font-size:.9rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#eee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none;height:100%}body{margin:0;width:100%;height:100%;position:fixed;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}input,textarea{user-select:text;-webkit-user-select:text}#root{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 auto;text-align:center}h1{font-size:3.2em;line-height:1.1}.initializer-page{width:100%;max-width:800px;margin:0 auto;padding:0 15px 15px;box-sizing:border-box}.exercise-page{width:calc(100% - 30px);max-width:800px;margin:0 auto;box-sizing:border-box;background-color:#fff;padding:15px;border-radius:20px;box-shadow:4px 4px 10px #0000000d;border:1px solid #C9CED6;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-header{margin-bottom:20px;display:flex;justify-content:space-between;color:#888;font-family:Inter,sans-serif;width:100%}.app-button{padding:10px 30px;font-size:1rem;border-radius:30px;cursor:pointer;font-weight:600;border:none;font-family:Quicksand,sans-serif;transition:transform .2s,box-shadow .2s,background-color .2s,filter .2s;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 4px 6px #3498db33}.app-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(.95);box-shadow:0 6px 10px #3498db4d;opacity:1}.app-button:active:not(:disabled){transform:translateY(0)}.app-button:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.app-button-primary{background-color:#3498db;color:#fff}.app-button-secondary{background-color:#ecf0f1;color:#7f8c8d}.app-button-success{color:#fff}@media(max-width:480px){.app-button{padding:8px 20px;font-size:.95rem}.question-header{margin-bottom:15px}h1{font-size:2.2em}}