.quiz-type-grid{display:flex;flex-direction:column;gap:clamp(1.6rem,2.4vw,2.4rem);max-width:800px;margin-left:auto;margin-right:auto}.quiz-type-grid .quiz-item{background:#fff;border-radius:20px;padding:2.4rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 6px #00000014}.quiz-type-grid .quiz-info-and-button{gap:.8rem}.quiz-type-buttons{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.quiz-type-buttons button{display:flex;align-items:center;gap:8px}.upgrade-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.upgrade-popup{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;position:relative;text-align:center}.upgrade-popup h3{color:#201b4b;font-size:1.8rem;font-weight:600;margin:0 0 8px}.upgrade-popup p{color:#201b4b;margin:0 0 24px}.upgrade-popup .upgrade-button{justify-self:center;display:block;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.upgrade-popup .close-button{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1}.upgrade-popup .close-button:hover{color:#374151}@media(min-width:0px)and (max-width:700px){.articles article{display:block;height:auto;margin-bottom:1.6rem}.articles article section img{display:none}}@media(min-width:0px)and (max-width:800px){.result-buttons{display:flex;flex-direction:column;gap:1.6rem}h1{font-size:2.4rem;margin-top:1.6rem;margin-bottom:.8rem}h2{font-size:2rem}p{font-size:1.6rem}.primary-button,.secondary-button,.secondary-button-inverted,.tertiary-button{max-width:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.small-layout{margin:0 auto;padding:2.4rem;min-height:120vh}.large-layout{margin:0 auto;padding:1.6rem}.prices{padding:2.4rem 1.6rem}.prices h2{text-align:left;margin-bottom:1.6rem}.try-service-section{padding:2.4rem 1.6rem}.try-service-section h2{font-size:2.4rem;margin-bottom:1.6rem}.try-service-section p{font-size:1.6rem;margin-bottom:2.4rem}.faq-section{padding:2.4rem 1.6rem}.faq-section h2{margin-bottom:1.6rem}.price-plan{gap:2.4rem}.mobile-only{display:block}.dialog{width:90%;max-width:360px;min-width:280px}.mobile-nav{display:block!important;color:#201b4b;padding:0!important}.mobile-first-row{display:flex;align-items:center;width:100%;justify-content:space-between}.mobile-actions{display:flex;align-items:center;gap:1rem}.mobile-add-button{display:flex!important}.app-header .header-links,.app-header .menu{display:none!important}.hamburger-button{position:relative}.hamburger-button:hover{background-color:#0000}.hamburger-button:after{background:#fff;bottom:-4px;content:"";height:1.5px;left:50%;opacity:0;position:absolute;transition:all .3s ease;width:1%}.hamburger-button:hover:after{left:0;opacity:1;width:100%}.hero-container{margin:0;gap:0;min-height:450px;height:100vh}.scroll-indicator{display:none}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center;width:100%;padding:4.8rem 1.6rem 1.6rem}h2.hero-subtitle{margin-bottom:1.6rem}.hero-text{text-align:center;justify-items:center}.hero-visual{order:-1}.hero-container p{margin-bottom:1.6rem}.hero-container .callToAction p{text-align:left}.hero-container .callToAction{display:flex;justify-content:center;width:100%}.leftLeading,.rightLeading{width:100%!important}.leftLeading{padding:2.4rem 1.6rem}.leftLeading h1{margin-bottom:1.6rem!important}.leftLeading p{font-size:1.6rem}.rightLeading{width:100%;position:static;min-height:inherit;background-position:50%}.children{background-position:50% 25%}.mainScreenshot{max-height:400px}.frontpage-padding-layout{padding:2.4rem 1.6rem}.example-quiz{padding:2.4rem}.example-flashcard .interactive-label{right:30px;left:unset}.example-writing{height:auto;padding:2.4rem}.four-columns{grid-template-columns:1fr;gap:1.6rem}.four-columns>div{padding:2.4rem}.four-columns h3{margin-top:.8rem;font-size:1.6rem}.frontpage-padding-layout h2{text-align:left;margin-bottom:1.6rem}.frontpage-quote{padding:2.4rem 0}.frontpage-quote .frontpage-padding-layout h2:before{height:30px;width:30px}.flex-container{grid-template-columns:1fr;height:auto;padding:2.4rem 1.6rem;grid-gap:0}.quiz-section .leftFlex{order:1}.quiz-section .rightFlex{order:2}.flashcard-section .leftFlex .tertiary-button,.quiz-section .rightFlex .tertiary-button{display:block;text-align:left;margin-left:0;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.flashcard-section .leftFlex .example-flashcard{margin-bottom:0}.mobile-button-container{margin-top:2.4rem;margin-bottom:2.4rem;clear:both;position:relative;z-index:1}.flex-container .rightFlex h2{margin-bottom:1.6rem}.flex-container .rightFlex p{font-size:1.6rem}.creating-quiz .quiz-type-content h3{font-size:2rem}.creating-quiz .quiz-type-header{gap:.8rem}.creating-quiz .quiz-type-buttons{justify-content:flex-start}.radio-button label{margin-bottom:.8rem}.dividerText:after,.dividerText:before{max-width:200px!important}.file-upload-wrapper{flex-direction:column;min-height:unset}.file-upload-wrapper>div{width:100%}.file-upload-dropzone{background-image:none;padding:0}.file-upload-dropzone span{display:none}.file-upload-dropzone button{width:100%}.create-quiz-button-wrapper{display:block}.loading-text p{margin-top:1.6rem;text-align:center}.quiz-category{margin-bottom:3rem}.category-title{font-size:2rem;margin-bottom:2rem;padding-bottom:1rem}.quiz-list{grid-template-columns:1fr}.quiz-list li{height:auto}.quiz-list .primary-button,.quiz-list .secondary-button{width:auto!important}.quiz-info p.public-text{margin:.8rem 0}.flashcard{min-height:250px}.game-layout .flashcard p{font-size:1.8rem}.flashcard .back:before{height:20px;width:20px}.flashcard .back,.flashcard .front{padding:1.6rem}.link-button{font-size:1.4rem}.flashcard-direction{gap:.8rem}.result{padding:4rem}.summary .summary-cards{display:flex;flex-direction:column}.summary .personal-records-card .records-list{flex-direction:row;gap:1.6rem}.summary .session-stats{display:flex;flex-wrap:wrap;justify-content:flex-start}.correctAnswers{margin-top:2.4rem}.correctAnswers>div,.result button:not(:last-child),.summary .primary-button{margin-bottom:1.6rem}.remove-card-button{width:auto!important}.quiz{padding:2.4rem}.quiz-alternatives:hover{background-color:#fff}.writing-container .question-container{padding:2.4rem}.vocabulary-item{display:block}.vocabulary-inputs{display:flex;align-items:center;gap:1.6rem}.vocabulary-inputs>div{flex-direction:column;height:100%;padding:0}.vocabulary-inputs .input-wrapper:last-child input{margin-bottom:0}.vocabulary-inputs>div .input-wrapper{width:100%}.vocabulary-inputs .delete-button{justify-self:right;min-width:35px}.quiz-header h1{margin-bottom:0}.form-footer{flex-direction:column;gap:1.6rem}.form-footer>div{width:100%}.login-form{max-width:none}.header-actions{flex-direction:column;align-items:flex-start}.breadcrumb-button{display:none}.created-question .flashcard-inputs,.flashcard-inputs{display:block}.app-footer{display:block!important}.app-footer>div{margin-bottom:2.4rem}.cookie-banner{min-width:300px}.cookie-banner .primary-button:first-child{margin-bottom:1.6rem}.vocabulary-section .leftFlex{order:1}.vocabulary-section .rightFlex{order:2}.vocabulary-section .rightFlex .tertiary-button{display:block;text-align:center;margin-left:0;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.vocabulary-section .rightFlex .example-flashcard{margin-bottom:2.4rem}.flashcard-section,.quiz-section,.vocabulary-section{transform:none;transition:opacity 1.2s ease-out}.vocabulary-section .example-vocabulary{margin-bottom:2.4rem}.vocabulary-section .mobile-button-container{margin-top:2.4rem;margin-bottom:2.4rem}}@media(min-width:0px)and (max-width:525px){.quiz-category{margin-bottom:2.4rem}.category-title{font-size:1.8rem;margin-bottom:1.6rem;padding-bottom:.8rem}.quiz-list li{padding:2rem}.quiz-list li h2{margin-bottom:0}.quiz-item{padding:0;overflow:hidden}.quiz-content-wrapper{display:flex;gap:1.2rem}.quiz-title-container{display:flex;align-items:center;margin-bottom:.8rem}.quiz-title-container .quiz-icon{display:none}.quiz-text-content{flex:1 1;min-width:0;justify-content:space-between}.quiz-info-and-button,.quiz-text-content{display:flex;flex-direction:column}.quiz-list .quiz-info-and-button{gap:0}.quiz-info-and-button .start-button-container{width:100%;gap:1.2rem}.quiz-info-and-button .start-button-container .start-button{margin-left:auto}.tools-wrapper{margin-bottom:.8rem}.quiz-icon{width:60px;height:60px;background:#eef1ff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-icon.vocabulary-icon-container{background:#e0f2f1}.quiz-info{flex-direction:row;align-items:center;margin-bottom:.8rem;gap:.8rem;flex-wrap:wrap}.quiz-info-separator{display:inline}.start-button-container .tools-wrapper{display:flex;margin-bottom:0}}@media(min-width:526px){.start-button-container .tools-wrapper{display:flex!important}.quiz-list li{padding:2.4rem}.quiz-title-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.quiz-title-container .quiz-icon{display:none}.quiz-content-wrapper{display:flex;gap:1.6rem}.desktop-icon{display:flex!important;width:90px;height:90px;background:#eef1ff;border-radius:12px;flex-shrink:0}.desktop-icon.vocabulary-icon-container{background:#e0f2f1}.quiz-text-content{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}}@media(min-width:0px)and (max-width:525px){.desktop-icon{display:none!important}}@media(min-width:0px)and (max-width:400px){.dialog{width:95%;max-width:300px;min-width:250px}.app-footer{padding:1.6rem!important}.quiz-icon{margin-bottom:1.6rem}}@media(min-width:801px)and (max-width:1024px){.mobile-only{display:block}.mobile-nav{display:block!important;padding:0!important}.mobile-first-row{display:flex;width:100%;justify-content:space-between;align-items:center}.mobile-actions{display:flex;align-items:center;gap:1rem}.mobile-add-button{display:flex!important}.app-header .header-links,.app-header .menu{display:none!important}.hamburger-button{position:relative;color:#fff}.hamburger-button:hover{background-color:#0000}.hamburger-button:after{background:#fff;bottom:-4px;content:"";height:1.5px;left:50%;opacity:0;position:absolute;transition:all .3s ease;width:1%}.hamburger-button:hover:after{left:0;opacity:1;width:100%}.small-layout{margin:0 auto}.faq-section,.prices{padding:4rem 1.6rem}.hero-container{min-height:600px;height:100vh}.hero-content{gap:3rem;width:100%;margin-top:7.7rem}.flex-container,.frontpage-padding-layout,.leftLeading{padding:4rem}.big-container{min-height:600px}.app-footer{padding:4rem 1.6rem!important}}@media(min-width:1025px)and (max-width:1320px){.hero-container{height:100vh}}@media(max-width:768px){.flashcard-tool-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem}.exercise-tools{flex-wrap:wrap;justify-content:flex-end}.flashcard-tool-wrapper:has(.voice-mic-denied){flex-wrap:wrap}.flashcard-tool-wrapper .streak-container{margin:0 auto}.exercise-timer{margin-left:auto}}