*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;height:100vh;width:100vw;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{position:relative;height:100vh;width:100vw;display:flex}.left-section{flex:1;background-color:#38bdf8;color:#fff;display:flex;align-items:center;justify-content:center;border-top-right-radius:50% 100%;border-bottom-right-radius:50% 100%;height:100vh}.left-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2.5rem;max-width:400px;width:100%;padding:2rem;height:100%}.logo-group{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2rem;font-weight:700;transform:translateY(-1rem)}.flag{width:45px;height:auto}.logo{font-weight:700;font-size:2rem;margin:0;line-height:1}.highlight{color:#dc2626}.welcome-title{font-size:2.7rem;font-weight:700;margin-bottom:1rem}.welcome-text{margin-bottom:1rem;font-size:1rem;line-height:1.4;max-width:100%}.sign-in-btn{background-color:#1e3a8a;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:999px;font-weight:700;cursor:pointer}.right-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.signup-title{color:#1e3a8a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.signup-text{margin-bottom:1.5rem;font-size:1rem}.form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:1rem}.input{padding:.6rem 1rem;border:1px solid #ccc;border-radius:8px;background-color:#f3f4f6}.signup-btn{background-color:#38bdf8;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:999px;font-weight:700;cursor:pointer}.signup-grid-form{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.signup-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}.signup-grid .input{width:100%}.signup-btn{width:100%;margin-top:1.3rem;font-size:1.15rem;padding:.8rem 0}@media (max-width: 640px){.signup-grid{grid-template-columns:1fr;gap:.9rem 0}.signup-btn{font-size:1rem;padding:.7rem 0}}.signup-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7;box-shadow:none}@media (max-width: 900px){.container{flex-direction:column;height:auto;min-height:100vh}.left-section,.right-section{width:100vw;min-width:0;min-height:unset;border-radius:0!important;padding:2rem 1.1rem}.left-section{flex:none;order:2;border-top-right-radius:0!important;border-bottom-right-radius:0!important;height:auto;min-height:210px;border-radius:0 0 2.2rem 2.2rem;justify-content:center;align-items:flex-start;padding-top:1.5rem;padding-bottom:2rem}.right-section{flex:none;order:1;background:#fff;min-height:260px;justify-content:flex-end;align-items:center;padding-bottom:.5rem}.logo-group{margin-top:0;margin-bottom:2rem}.logo,.welcome-title,.signup-title{font-size:1.6rem}.form{max-width:100%}.welcome-title{font-size:2rem}.welcome-text{font-size:.95rem;white-space:normal;max-width:100vw}}@media (max-width: 520px){.left-content{padding:1rem .2rem}.form{padding:0 .2rem}}.login-container{position:relative;height:100vh;width:100vw;display:flex}.login-left-section{flex:.85;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:#fff}.login-title{color:#1e3a8a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-text{margin-bottom:1.5rem;font-size:1rem;color:#000}.login-form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:1rem}.login-input{padding:.6rem 1rem;border:1px solid #ccc;border-radius:8px;background-color:#f3f4f6;color:#333}.forgot-link{text-align:center;display:block;margin-top:-.5rem;margin-bottom:1rem;color:#000;font-weight:500;text-decoration:underline;font-size:.95rem}.login-btn{background-color:#1e3a8a;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:999px;font-weight:700;cursor:pointer}.login-right-section{flex:1;background-color:#1e3a8a;color:#fff;display:flex;align-items:center;justify-content:center;border-top-left-radius:50% 100%;border-bottom-left-radius:50% 100%;height:100vh}.login-right-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:320px;padding:2rem}.login-logo-group{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;margin-top:-3.5rem}.login-flag{width:45px;height:auto;display:block;margin-right:8px;max-width:100%}.login-logo-text{font-weight:700;font-size:2rem}.login-logo-white{color:#fff}.login-highlight{color:#dc2626}.login-welcome-title{font-size:2.7rem;font-weight:700;margin-bottom:1rem}.login-cta-group{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.login-welcome-text.p{gap:.2rem}.login-welcome-text{font-size:1rem;line-height:1.4;text-align:center;max-width:280px;margin:0 auto;white-space:nowrap}.login-signup-btn{background-color:#38bdf8;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:999px;font-weight:700;cursor:pointer}@media (max-width: 900px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-left-section,.login-right-section{width:100vw;min-width:0;min-height:unset;border-radius:0!important;padding:2rem 1.1rem}.login-left-section{flex:none;order:1;padding-bottom:.5rem;background:#fff;min-height:260px;justify-content:flex-end}.login-right-section{flex:none;order:2;border-top-left-radius:0!important;border-bottom-left-radius:0!important;height:auto;min-height:210px;border-radius:0 0 2.2rem 2.2rem;justify-content:center;align-items:flex-start;padding-top:1.5rem;padding-bottom:2rem}.login-logo-group{margin-top:0;margin-bottom:2rem}.login-title,.login-logo-text,.login-welcome-title{font-size:1.6rem}.login-form{max-width:100%}.login-welcome-title{font-size:2rem}.login-welcome-text{font-size:.95rem;white-space:normal;max-width:100vw}}@media (max-width: 520px){.login-right-content{padding:1rem .2rem}.login-form{padding:0 .2rem}}.klaus{max-width:300px;height:auto}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#22caff;padding:.75rem 2rem;font-family:sans-serif;flex-wrap:wrap}.navbar-logo{display:flex;align-items:center;font-size:1.2rem;font-weight:700;gap:.4rem}.navbar-logo img{width:30px;height:auto}.white{color:#fff}.red{color:#dc2626}.navbar-links{display:flex;gap:2rem;flex-wrap:wrap}.navbar-links a{color:#fff;text-decoration:none;font-weight:700;position:relative}.navbar-links a:hover{color:#0f172a}.navbar-user{position:relative;font-weight:700;color:#fff;cursor:pointer}.dropdown{position:absolute;top:2.5rem;right:0;background-color:#7dd3fcf2;border-radius:1rem;display:flex;flex-direction:column;padding:1rem 1.5rem;gap:.5rem;z-index:1000;width:180px;box-shadow:0 8px 20px #0000001a}.dropdown button{background:none;border:none;color:#fff;font-weight:700;text-align:center;cursor:pointer}.dropdown button:hover{color:#0f172a}.flag{width:30px;height:auto;border-radius:4px}.hamburger{display:none;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;margin-left:auto}@media (max-width: 768px){.homepage-content{flex-direction:column;align-items:center;padding:1rem}.home-title{font-size:2rem;margin-top:1rem}.klaus{max-width:180px;margin-bottom:1rem}.levels-container{margin-left:0;width:100%;justify-content:center}.level-buttons{grid-template-columns:repeat(1,1fr);gap:1.2rem}.level{font-size:1.5rem;padding:2rem}.home-subtitle{font-size:1.1rem}.home-subtitle-translation{font-size:.95rem}.navbar{flex-direction:column;align-items:flex-start;padding:1rem}.hamburger{display:block}.navbar-links{display:none;flex-direction:column;width:100%;gap:1rem;margin-top:1rem}.navbar-links.open{display:flex}.navbar-user{margin-top:1rem;width:100%}.dropdown{position:static;margin-top:.5rem;width:100%;box-shadow:none;padding:1rem}.dropdown button{width:100%;text-align:left}}.homepage-content{display:flex;justify-content:center;align-items:flex-start;padding:2rem;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.home-title{text-align:center;font-size:3rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:#1e3a8a;font-family:sans-serif}.klaus{max-width:300px;height:auto;filter:drop-shadow(0 8px 32px #38bdf880)}.levels-container{display:flex;justify-content:center;align-items:center;flex:1;margin-left:-15rem}.level-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:750px;width:100%}.level{padding:3rem;font-size:2.2rem;font-weight:700;border:none;border-radius:1.8rem;color:#fff;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 10px #0000001a}.level:hover{transform:scale(1.05)}.level-a1{background-color:#38bdf8}.level-a2{background-color:#ec4899}.level-b1{background-color:#6366f1}.level-b2{background-color:#8b5cf6}.level-c1{background-color:#3b82f6}.level-c2{background-color:#f97316}.home-subtitle{text-align:center;font-size:1.25rem;color:#334155;margin-bottom:.5rem;font-family:sans-serif}.home-subtitle-translation{text-align:center;font-size:1rem;color:#64748b;margin-bottom:1.5rem;font-style:italic}.highlight-de{color:#1e40af;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000002e;display:flex;justify-content:center;align-items:center;z-index:50}.modal-box{background:#fff;border-radius:1.7rem;box-shadow:0 4px 32px #38bdf855;padding:2.2rem 2rem 1.5rem;text-align:center;max-width:350px;width:92vw}.modal-box h3{color:#0ea5e9;font-size:1.4rem;font-weight:700;margin-bottom:.7rem}.modal-box p{color:#475569;font-size:1.1rem;margin-bottom:1.4rem}.modal-btn{background:#38bdf8;color:#fff;border:none;padding:.7rem 2.3rem;border-radius:1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .18s}.modal-btn:hover,.modal-btn:focus{background:#0ea5e9}@media (max-width: 1200px){.homepage-content{flex-direction:column;align-items:center;padding:1rem}.home-title{font-size:2rem;margin-top:1rem}.klaus{max-width:180px;margin-bottom:1rem;filter:drop-shadow(0 8px 32px #38bdf880)}.levels-container{margin-left:0;width:100%;justify-content:center}.level-buttons{grid-template-columns:repeat(1,1fr);gap:1.2rem}.level{font-size:1.5rem;padding:2rem}.home-subtitle{font-size:1.1rem}.home-subtitle-translation{font-size:.95rem}}html,body{overflow-x:hidden;height:100%;overflow-y:auto}.section-view-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;align-items:flex-start;min-height:80vh;margin-top:.5rem;overflow-x:auto;white-space:nowrap;padding:1rem}.section-btn{padding:1.1rem 2.2rem;border-radius:2.5rem;font-weight:700;font-size:1.4rem;border:none;color:#fff;background:#38bdf8;cursor:pointer;text-align:center;box-shadow:0 2px 10px #38bdf81a;margin-left:.8rem}.section-title-centered{width:90%;max-width:600px;margin:1.2rem auto 0;background-color:#3b82f6;padding:.6rem 2rem;border-radius:2rem;font-weight:700;color:#fff;font-size:1.3rem;text-align:center;box-shadow:0 2px 8px #3b82f60d}.klaus-img{width:350px;height:auto;margin-bottom:.6rem}.a1-container{padding:2rem;max-width:1300px;margin:0 auto}.a1-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{background-color:#38bdf8;border:none;padding:.6rem 1.2rem;border-radius:2rem;font-weight:700;font-size:1.2rem;color:#fff;cursor:pointer}.a1-title{font-size:2rem;font-weight:700;color:#0f172a}.sections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.section-box{background-color:#7dd3fc;color:#fff;border-radius:1.5rem;padding:3.5rem 1rem;text-align:center;font-weight:700;font-size:1.3rem;transition:transform .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.section-box:hover{transform:scale(1.03)}.lock{margin-top:.5rem;font-size:1.4rem}.locked{background-color:#38bdf8}.section-box:nth-child(8){background-color:#1e3a8a}.lock-icon{width:100px;height:100px;margin-top:1rem;object-fit:contain}@media (max-width: 768px){.section-view-container{flex-direction:column;align-items:center;overflow-x:auto;padding:1rem}.section-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-left:0}.sidebar-btn{width:100%;margin-bottom:.8rem}.section-title-centered{margin:1rem auto;font-size:1.1rem;padding:.5rem 1rem}.klaus-img{width:220px}.klaus-speech{position:static;margin-top:1rem;left:auto;top:auto}.next-btn-wrapper,.next-btn-wrapper-quiz{padding:0 1rem;justify-content:space-between}.next-btn-wrapper-lesson{padding-right:1rem;justify-content:flex-end}.dropdown-list{padding-left:0;align-items:center}.a1-header{flex-direction:column;align-items:flex-start}.a1-title{font-size:1.5rem}.sections-grid{grid-template-columns:repeat(1,1fr);gap:1.2rem}.section-box{padding:2.5rem 1rem;font-size:1.1rem}.lock-icon{width:60px;height:60px}}body{background:#fff}html,body{overflow-x:hidden}.section-view-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;align-items:flex-start;min-height:80vh;margin-top:.5rem;overflow-x:auto;white-space:nowrap;padding:1rem;min-width:0;word-break:break-word;overflow-wrap:anywhere}.top-section-btn-container{position:relative;width:100%;max-width:1400px;margin:1.5rem auto 0;display:flex;align-items:flex-start;z-index:2}.section-btn{padding:1.1rem 2.2rem;border-radius:2.5rem;font-weight:700;font-size:1.4rem;border:none;color:#fff;background:#38bdf8;cursor:pointer;text-align:center;box-shadow:0 2px 10px #38bdf81a;margin-left:.8rem;box-shadow:0 4px 18px #38bdf877;transition:background .16s,box-shadow .18s,transform .16s}.section-btn:hover,.section-btn:focus{background:#0ea5e9;box-shadow:0 8px 28px #38bdf89a;transform:scale(1.045)}.section-title-centered{display:block;margin:1.2rem auto 0;background-color:#3b82f6;padding:.6rem 2rem;border-radius:2rem;font-weight:700;color:#fff;font-size:1.3rem;text-align:center;box-shadow:0 2px 8px #3b82f60d;width:fit-content;max-width:98vw}.section-sidebar{display:flex;flex-direction:column;gap:1.1rem;min-width:220px;margin-top:1.5rem;margin-left:2.5rem}.sidebar-btn{padding:1.1rem 0;border-radius:2rem;font-weight:700;font-size:1.13rem;border:none;color:#fff;background:#38bdf8;cursor:pointer;text-align:center;margin-bottom:.1rem;box-shadow:0 2px 10px #38bdf817;transition:background .2s,color .2s}.sidebar-btn.quiz-btn{background:#f97316}.badge-btn,.progress-btn{background:linear-gradient(to right,#67e8f9,#0284c7)}.dropdown-list{display:flex;flex-direction:column;gap:.28rem;padding-left:1.4rem}.dropdown-item{font-size:1.05rem;color:#2563eb;cursor:pointer;margin:.18rem 0;font-weight:500;text-decoration:underline}.section-main{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%}.section-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:2.2rem;width:100%}.klaus-balloon-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:1.6rem}.klaus-img{width:395px!important;height:auto;margin-bottom:.6rem;filter:drop-shadow(0 8px 32px #38bdf880)}.klaus-speech{position:absolute;left:120%;top:4px;background:#38bdf8;color:#fff;font-weight:700;padding:1rem 1.3rem;border-radius:1.2rem;font-size:1.1rem;max-width:250px;min-width:180px;text-align:left;box-shadow:0 4px 14px #38bdf81a;z-index:2}.next-btn,.next-btn-actv{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none}.next-img{width:70px;height:70px;object-fit:contain;display:block;background:transparent;border-radius:0;box-shadow:none}.next-btn-wrapper,.next-btn-wrapper-quiz{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:0 3rem;margin-top:2rem;gap:1rem;flex-direction:row-reverse}.next-btn-wrapper-lesson{width:100%;display:flex;justify-content:flex-end;padding-right:20rem;margin-top:.2rem;margin-bottom:4.5rem}.badge-icon,.progress-icon{width:45px;height:auto;margin-right:.015rem;vertical-align:middle}.activities-btn{background-color:#0284c7;color:#fff}.intro-reminder.tip{display:block;font-size:1.17rem;color:#42657a;margin-top:.4rem;text-align:center;font-weight:400;letter-spacing:.02em}.intro-reminder .done-green{color:#10b981;font-weight:500}@media (max-width: 600px){.section-content>p,.intro-reminder.tip{font-size:.84rem!important;padding:.7rem .7rem .5rem;word-break:break-word!important;max-width:98vw;margin-left:auto;margin-right:auto;line-height:1.3}.section-view-container{flex-direction:column;align-items:center;overflow-x:auto;padding:1rem}.section-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-left:0}.sidebar-btn{width:100%;margin-bottom:.8rem}.section-title-centered{font-size:1rem;padding:.5rem 1rem;width:98vw;max-width:98vw}.klaus-img{width:100%;max-width:500px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 8px 32px #38bdf880)}.klaus-speech{position:static;margin-top:1rem;left:auto;top:auto}.next-btn-wrapper,.next-btn-wrapper-quiz{padding:0 1rem;justify-content:space-between}.next-btn-wrapper-lesson{padding-right:1rem;justify-content:flex-end}.dropdown-list{padding-left:0;align-items:center}}.lesson-board-center{width:100%;display:flex;justify-content:center;margin-top:1.7rem}.next-btn-wrapper-intro{width:100%;display:flex;justify-content:center;margin-top:-2.5rem!important;margin-bottom:0;margin-left:7rem}.finish-lesson-btn{background:#38bdf8;color:#fff;font-size:1rem;border:none;border-radius:1.7rem;padding:.9rem 2.8rem;font-weight:700;margin-top:1.1rem;cursor:pointer;transition:background .2s;box-shadow:0 2px 14px #38bdf81c}.finish-lesson-btn:hover{background:#0ea5e9}.klaus-activity-container{display:flex;justify-content:center;align-items:center;margin:1.2rem 0 .6rem}.section-content>p{margin-bottom:-2rem}.mark-as-done-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;background:#10b981;color:#fff;border:none;border-radius:2rem;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;box-shadow:0 4px 16px #10b98133;cursor:pointer;margin:22px auto 10px;transition:background .15s,color .15s,box-shadow .15s;letter-spacing:.02em;outline:none}.mark-as-done-btn.done{background:#38bdf8;color:#00375e;box-shadow:0 4px 16px #38bdf833}.mark-as-done-btn:not(.done):hover{background:#059669}.mark-as-done-btn.done:hover{background:#2563eb;color:#fff}.lesson-board-container{display:flex;flex-direction:column;align-items:center;width:100%}.lesson-board-card{background:#fff;border-radius:2.2rem;border:none;padding:2.3rem 2rem 1.7rem;margin:0 auto 1.8rem;max-width:800px;width:98vw;min-width:230px;box-shadow:0 6px 44px #3341551f;display:flex;flex-direction:column;align-items:center;text-align:center}.lesson-board-title{font-size:2rem;font-weight:700;margin-bottom:1.4rem;margin-top:0;text-align:center;color:#23272f;letter-spacing:.01rem}.lesson-board-content{font-size:1rem;color:#23272f;margin:0 auto;text-align:center;max-width:680px;word-break:break-word;line-height:1.47}.lesson-board-nav{display:flex;justify-content:center;align-items:center;gap:1.1rem;margin:1.3rem 0 1rem}.lesson-board-arrow{background:transparent;border:none;color:#36b8fa;font-size:2.1rem;font-weight:700;cursor:pointer;padding:0 .2rem;transition:color .2s;display:flex;align-items:center}.lesson-board-arrow:disabled{color:#e2e8f0;cursor:default}.lesson-board-pager{display:flex;gap:.75rem}.lesson-board-dot{background:#59d8ff;color:#fff;font-size:1.09rem;border-radius:.62rem;border:none;width:47px;height:37px;font-weight:700;cursor:pointer;margin:0;transition:background .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 14px #38bdf814;outline:none}.lesson-board-dot.active,.lesson-board-dot:hover{background:#1ec6fc;color:#fff;border:2px solid #62d0f5}.lesson-board-done-btn-bar{width:100%;display:flex;justify-content:center;margin-top:.5rem}.lesson-board-done-btn{background:#38bdf8;color:#fff;border:none;border-radius:2rem;padding:.7rem 2.4rem;font-size:1.15rem;font-weight:700;margin-top:.2rem;cursor:pointer;transition:background .16s;box-shadow:0 2px 10px #38bdf81c}.lesson-board-done-btn:hover{background:#0ea5e9}@media (max-width: 800px){.lesson-board-card{max-width:99vw;padding:.65rem .18rem}.lesson-board-title{font-size:1.07rem}.lesson-board-content{font-size:.89rem;max-width:97vw;word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important}.lesson-board-dot{width:35px;height:28px;font-size:.97rem;border-radius:.36rem}.lesson-board-nav{gap:.18rem;margin:1.05rem 0 .9rem}.lesson-board-done-btn{font-size:.92rem;padding:.48rem 1.15rem}}@media (max-width: 600px){.lesson-board-nav{flex-direction:column!important;gap:.2rem;margin:.9rem 0 .5rem}.lesson-board-pager{flex-wrap:wrap;gap:.38rem;justify-content:center;width:99vw}}.cloze-container{display:flex;flex-direction:column;align-items:center;width:100%}.cloze-card{background:#378bfa;padding:2rem;border-radius:1.5rem;box-shadow:0 2px 10px #0001;width:498px;margin-bottom:1rem}.cloze-title{color:#fff;font-weight:700;margin-bottom:1rem;text-align:center;font-size:1.1rem}.cloze-sentences{margin-bottom:1.3rem}.cloze-sentence{color:#fff;font-size:1.1rem;margin-bottom:.8rem}.cloze-input{width:90px;margin:0 5px;padding:3px 7px;border-radius:.6rem;border:1.5px solid #b6dcff;font-size:1rem}.cloze-input.correct{border-color:#36d399;background:#e9ffe9}.cloze-input.incorrect{border-color:#f87171;background:#ffeaea}.cloze-check{margin:10px auto 0;display:block;padding:10px 30px;border-radius:2rem;font-weight:700;background:#0a4ec5;color:#fff;border:none;font-size:1.15rem;cursor:pointer;transition:background .2s}.cloze-check:hover{background:#003477}.cloze-feedback{margin-top:.7rem;text-align:center;font-weight:700;color:#fff}.cloze-options{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;background:#43c6fa;border-radius:1.5rem;padding:1rem .7rem;width:550px;margin-bottom:1.1rem}.cloze-option{background:#19b6ff;color:#fff;border:none;border-radius:1.1rem;padding:.7rem 1.4rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s}.cloze-option:disabled{background:#b9e4fa;color:#5882a3;cursor:not-allowed}.cloze-nav{display:flex;justify-content:center;align-items:center;gap:.4rem}.cloze-nav-btn{background:none;border:none;color:#38bdf8;font-size:2rem;cursor:pointer}.cloze-nav-page{background:#7befff;border:none;border-radius:.7rem;font-size:1.2rem;font-weight:700;margin:0 2px;width:2rem;height:2.5rem;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;padding:0}.cloze-nav-page.active{background:#38bdf8;color:#fff}.cloze-instructions{margin-top:2rem;color:#257;font-size:1rem;opacity:.85;text-align:center;margin-bottom:1rem}.cloze-nav-btn:disabled{color:#bcd;cursor:not-allowed}@media (max-width: 600px){.cloze-card{width:96vw;min-width:0;padding:1.2rem .6rem;font-size:1rem}.cloze-options{width:98vw;min-width:0;padding:.7rem .3rem;gap:.5rem}.cloze-instructions{font-size:.8rem;padding:0 .3rem;margin-top:1.2rem;margin-bottom:.7rem}.cloze-input{width:60px;font-size:.97rem;padding:2px 4px}.cloze-nav{flex-wrap:wrap;gap:.3rem .5rem;justify-content:center;align-items:flex-start;width:98vw;margin:0 auto .7rem;min-height:4.6rem}.cloze-nav-page{width:2.3rem;height:2.1rem;font-size:1rem;margin:.2rem .08rem}.cloze-nav-btn{font-size:1.6rem;margin:0 .35rem}.cloze-title{font-size:.85rem;padding:.3rem .5rem;max-width:97vw;line-height:1.2;margin:.6rem auto .7rem;word-break:break-word}.cloze-instructions{font-size:.8rem!important;padding:.2rem .6rem;margin-top:.8rem;margin-bottom:.5rem;max-width:97vw;line-height:1.3;word-break:break-word!important;overflow-wrap:break-word!important}}@media (max-width: 900px){.cloze-card,.cloze-options{width:98vw;min-width:0;padding:1.5rem .7rem}}.flashcard-container{display:flex;flex-direction:column;align-items:center;min-height:450px}.flashcard-card{width:555px;max-width:98vw;min-height:330px;background:#378bfa;border-radius:2.2rem;margin-top:2rem;margin-bottom:2.2rem;box-shadow:0 4px 30px #175bff30;color:#fff;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.51,1.08,.29,.99),opacity .2s;word-break:break-word;overflow-wrap:break-word}.flashcard-card.slide-right{transform:translate(320px) rotate(18deg);opacity:.01}.flashcard-card.slide-left{transform:translate(-320px) rotate(-18deg);opacity:.01}.flashcard-category{background:#0a4ec5!important;border-radius:1rem 1rem 0 0;padding:.7rem 1.6rem;margin-top:-2.5rem;margin-bottom:1.6rem;font-size:1.35rem;font-weight:700;width:100%;text-align:center;letter-spacing:1px;box-sizing:border-box}.flashcard-word,.flashcard-translation,.flashcard-use{max-width:100%;word-break:break-word;overflow-wrap:break-word;text-align:center}.flashcard-word{font-size:2.2rem;font-weight:700;margin:1.2rem 0 .2rem;letter-spacing:1px;max-width:100%;word-break:break-word;overflow-wrap:break-word;text-align:center;white-space:normal;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 500px){.flashcard-word{font-size:1.18rem;padding:0 .3rem}.flashcard-instructions{font-size:.97rem;padding:.5rem .2rem .4rem;margin-top:1.2rem;margin-bottom:-.5rem;max-width:98vw;word-break:break-word;text-align:center;line-height:1.36}}.flashcard-translation{font-size:1.4rem;margin:.2rem 0 1.1rem;color:#e0eaff}.flashcard-use{font-size:1.14rem;margin-top:1rem;color:#e9effb;line-height:1.4;text-align:center;max-width:95%;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.flashcard-actions{width:100%;display:flex;justify-content:space-around;margin-top:1.2rem}.flashcard-btn{padding:.85rem 2.3rem;border-radius:2rem;border:none;font-weight:700;font-size:1.1rem;margin:0 1.3rem;cursor:pointer;box-shadow:0 2px 14px #0a4ec533;background:#2dd4bf;color:#03636c;transition:background .15s}.flashcard-btn.know{background:#38bdf8;color:#184e76}.flashcard-btn.again{background:#fcd34d;color:#715600}.flashcard-btn.know:hover,.flashcard-btn.again:hover{color:#fff!important}.flashcard-instructions{margin-top:2rem;color:#257;font-size:1rem;opacity:.85;text-align:center;margin-bottom:-1rem}.flashcard-finished{background:#43c6fa;color:#fff;box-shadow:none}.flashcard-card.flashcard-finished .flashcard-word{font-size:2.1rem;color:#fff!important;text-align:center;margin-top:2.5rem;margin-bottom:2.5rem;font-weight:700;line-height:1.25;word-break:break-word;overflow-wrap:break-word;font-size:20px}@media (max-width: 600px){.flashcard-card{width:97vw;min-width:0;padding-left:.8rem;padding-right:.8rem}.flashcard-category{font-size:1.1rem;padding:.6rem .7rem}.flashcard-word{font-size:1.25rem}.flashcard-translation{font-size:1.05rem}.flashcard-use{font-size:.98rem;line-height:1.35;max-width:99%}.flashcard-actions{flex-direction:column;gap:1.2rem}.flashcard-btn{font-size:1rem;width:95%;margin:0 auto;padding:.7rem 0}.flashcard-instructions{font-size:.85rem;padding:.5rem .2rem .4rem;margin-top:1.2rem;margin-bottom:-.5rem;max-width:98vw;word-break:break-word;text-align:center;line-height:1.36}}.flashcard-btn.restart{background:#fbbf24;color:#fff;margin:2.5rem auto 0;display:block;font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border:none;border-radius:2rem;box-shadow:0 2px 14px #0a4ec533;cursor:pointer;transition:background .18s,color .18s}.flashcard-btn.restart:hover{background:#e0eaff;color:#2563eb}.flashcard-img{width:auto;height:83px;object-fit:cover;margin-right:-1.1rem;vertical-align:middle}.questions-outer{background:#f6f7f8;border-radius:3.5rem;padding:1.5rem 0 2.2rem;max-width:800px;margin:0 auto;box-shadow:0 6px 32px #2987f416;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2.1rem 2.2rem}.questions-header{width:100%;display:flex;justify-content:flex-start;padding-left:2.2rem;margin-bottom:-1.1rem}.questions-count{color:#1548aa;font-weight:700;font-size:2rem;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.questions-card{display:flex;flex-direction:column;align-items:center;width:97%;margin:0 auto .8rem;background:none}.questions-question{background:#388bfa;border-radius:2.5rem;color:#fff;font-size:1.45rem;font-weight:700;margin:.7rem 0 1.5rem;padding:1.1rem 2.3rem;text-align:center;max-width:90vw;min-width:350px;box-shadow:0 1px 7px #378bfa21;word-break:break-word;white-space:normal;overflow-wrap:break-word}.questions-options{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem 2rem;margin-bottom:1.3rem}.questions-option{background:#3ac2fe;color:#fff;font-weight:700;font-size:1.2rem;padding:1rem 2.2rem;margin:.25rem .75rem;border:none;border-radius:2.5rem;min-width:260px;text-align:center;transition:background .18s,color .18s,box-shadow .16s;cursor:pointer;outline:none;box-shadow:0 2px 12px #3ac2fe17;position:relative;display:flex;align-items:center;gap:.8rem}.option-letter{font-size:1.1em;font-weight:900}.questions-option.selected{background:#38bdf8;color:#00375e;box-shadow:0 4px 16px #38bdf822}.questions-option.correct{background:#10b981;color:#fff;box-shadow:0 4px 16px #10b98140}.questions-option.incorrect{background:#f87171;color:#fff;box-shadow:0 4px 16px #f8717140}.questions-check{background:#175bff;color:#fff;font-weight:700;font-size:1.2rem;padding:.8rem 3.2rem;border-radius:2rem;border:none;cursor:pointer;margin-top:.8rem;box-shadow:0 2px 14px #0a4ec533;transition:background .18s}.questions-check:disabled{background:#94a3b8;cursor:not-allowed}.questions-feedback{margin:1rem 0 .5rem;font-size:1.1rem;font-weight:700;color:#0c3}.questions-feedback:empty{display:none}.questions-nav{display:flex;align-items:center;justify-content:center;margin-top:1.1rem;gap:.7rem}.questions-nav-btn{background:#66e0ff;color:#00375e;border:none;border-radius:.6rem;font-weight:700;font-size:1.1rem;margin:0 .16rem;width:42px;height:42px;cursor:pointer;transition:background .18s,color .18s;display:flex;align-items:center;justify-content:center;padding:0}.questions-nav-btn.active{background:#38bdf8;color:#fff}.questions-arrow{background:none;color:#38bdf8;font-size:2.3rem;border:none;cursor:pointer;padding:0 .3rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;transition:color .18s}.questions-arrow:disabled{color:#bcd;cursor:not-allowed}.questions-instructions{margin-top:2rem;color:#257;font-size:1rem;opacity:.85;text-align:center;margin-bottom:1rem;max-width:96%}@media (max-width: 600px){.questions-outer{padding:1.1rem .3rem 1.5rem;max-width:100vw;border-radius:1.2rem}.questions-header{padding-left:.6rem;margin-bottom:-.5rem}.questions-card{width:100%;min-width:0;margin:0 auto .7rem}.questions-question{font-size:1.07rem;padding:.85rem .5rem;border-radius:1.2rem;min-width:0;max-width:99vw}.questions-options{gap:.6rem .6rem;width:100%;flex-direction:column;align-items:stretch}.questions-option{min-width:0;font-size:1rem;padding:.8rem .7rem;border-radius:1.3rem;margin:.16rem .2rem;word-break:break-word;white-space:normal;max-width:97vw}.questions-nav{flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.questions-nav-btn{width:32px;height:32px;font-size:1rem;border-radius:.45rem;margin:0 .08rem}.questions-arrow{font-size:1.5rem;padding:0 .12rem}.questions-instructions{font-size:.99rem;padding:0 .5rem;max-width:99vw}.questions-check{font-size:1rem;padding:.7rem 1.5rem;border-radius:1.2rem;margin-top:.6rem}.questions-instructions{font-size:.85rem!important;line-height:1.34;padding:.45rem .6rem;margin-top:1rem;margin-bottom:.6rem;text-align:center;max-width:98vw;word-break:break-word;overflow-wrap:break-word;white-space:normal}}.quiz-intro-container{display:flex;flex-direction:column;align-items:center;margin:3rem 0 2rem}.klaus-intro-img{width:150px!important;height:auto!important;max-width:none!important;min-width:0!important;display:block;margin-top:-1.5rem;margin-left:-3.8rem!important;filter:drop-shadow(0 8px 32px #38bdf880)}.quiz-intro-row{display:flex;align-items:flex-end;justify-content:center;gap:.8rem}.klaus-balloon.quiz-balloon{background:#38bdf8;color:#fff;border-radius:3rem 3rem 3rem 0;padding:1.2rem 2.1rem;font-weight:700;margin-top:1.3rem;font-size:1.2rem;max-width:500px;text-align:left;box-shadow:0 2px 10px #38bdf822}.quiz-cloud{background:linear-gradient(135deg,#3298ff 80%,#42e6e5);color:#fff;border-radius:2.5rem;padding:2.1rem 2.4rem;font-size:1rem;font-weight:700;width:100%;max-width:820px;box-sizing:border-box;text-align:justify;box-shadow:0 6px 28px #0a4ec533,0 1px 8px #38bdf829;margin-left:7rem;position:relative;overflow-wrap:break-word;word-break:break-word;display:block}.quiz-cloud>*{max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}@keyframes fadeInCloud{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.start-quiz-btn{margin:2.3rem 0 0;background:#ffa75b;color:#fff;border:none;border-radius:2.5rem;font-weight:700;font-size:2rem;padding:1.1rem 3.4rem;cursor:pointer;box-shadow:0 2px 10px #ffa75b33;transition:background .17s}.quiz-main-container,.quiz-score-container{display:flex;flex-direction:column;align-items:center;min-height:50vh;justify-content:center;margin:2.5rem 0}.quiz-header{display:flex;align-items:center;gap:2.5rem;margin-bottom:1.2rem;font-size:1.3rem;font-weight:700;color:#1353bd}.quiz-count{font-size:2rem;margin-left:auto}.quiz-title{font-size:1.7rem}.quiz-question-card{background:#fff;border-radius:2.3rem;color:#1452b6;box-shadow:0 8px 32px #00154b0f,0 2px 8px #00154b0a;margin:.7rem 0 1.6rem;padding:2.8rem 2.2rem 3rem;max-width:900px;width:95%;min-width:340px;word-break:break-word;text-align:center;display:flex;flex-direction:column;align-items:center}.quiz-options{flex-direction:column;gap:.8rem 0;align-items:stretch;width:100%}.quiz-option{background:#38bdf8;color:#fff;font-weight:700;font-size:1.15rem;padding:1.05rem 2.2rem;border:none;border-radius:2rem;margin:.35rem .6rem;cursor:pointer;transition:background .15s;text-align:center;box-shadow:0 2px 12px #38bdf81a;width:100%!important;max-width:100%!important;min-width:0;white-space:normal!important;overflow-wrap:break-word!important;box-sizing:border-box!important;text-align:left!important}.quiz-check-btn,.quiz-next-btn,.quiz-tryagain-btn{background:#1452b6;color:#fff;border:none;border-radius:2rem;font-weight:700;font-size:1.18rem;padding:.7rem 2.5rem;cursor:pointer;box-shadow:0 2px 14px #0a4ec533;margin:1rem .5rem 0;transition:background .17s}.quiz-score-main{font-weight:700;color:#1353bd;text-align:center;margin-bottom:2rem}.quiz-finish-btn,.quiz-badge-btn{background:#38bdf8;color:#fff;border:none;border-radius:2rem;font-weight:700;font-size:1.15rem;padding:.75rem 2.3rem;margin:1rem 1.2rem .5rem;cursor:pointer;transition:background .15s}.quiz-badge-btn{background:#ffa75b;color:#4517d9}.quiz-score-btns{display:flex;justify-content:center;gap:1.3rem;margin-bottom:1.5rem}.klaus-score-img{width:145px;margin:0 auto;display:block}.quiz-main-container{display:flex;flex-direction:column;align-items:center;min-height:55vh;justify-content:flex-start;margin:2.5rem 0;width:100%}.quiz-header{display:flex;align-items:center;gap:2.5rem;margin-bottom:.7rem;font-size:2.2rem;font-weight:700;color:#1353bd}.quiz-instructions{color:#5b748a;font-size:1.18rem;font-weight:500;margin-bottom:1.5rem;margin-top:-.2rem;text-align:center;letter-spacing:.01em}.quiz-question-card{background:#fff;border-radius:2.3rem;color:#1452b6;box-shadow:0 8px 32px #00154b0f,0 2px 8px #00154b0a;margin:.7rem 0 1.6rem;padding:2.2rem 2.2rem 2.8rem;max-width:800px;min-width:380px;width:100%;word-break:break-word;text-align:center;display:flex;flex-direction:column;align-items:center;transition:max-width .2s}.quiz-question{background:#3298ff;color:#fff;font-size:1.35rem;font-weight:700;padding:1.1rem 1.3rem;border-radius:1.5rem;margin-bottom:1.7rem;width:100%;max-width:650px;min-width:180px;text-align:center;display:inline-block;box-shadow:0 2px 12px #3298ff18;overflow-wrap:break-word;word-break:break-word;white-space:pre-line}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2.2rem;width:100%;justify-items:center;margin:1.1rem 0}.quiz-option{background:#38bdf8;color:#fff;font-weight:700;font-size:1.08rem;padding:1.1rem 1.2rem;border:none;border-radius:1.8rem;min-width:180px;max-width:320px;width:100%;margin:.32rem .4rem;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;text-align:left;box-shadow:0 1px 8px #38bdf826;display:flex;align-items:center;justify-content:flex-start;word-break:break-word}.quiz-option .option-letter{font-weight:700;margin-right:.35rem;font-size:1.11rem;letter-spacing:.01em}.quiz-option.selected{background:#7befff;color:#048}.quiz-option.incorrect{background:#f87171;color:#fff}.quiz-option.correct{background:#10b981;color:#fff}.quiz-check-btn,.quiz-next-btn,.quiz-tryagain-btn{background:#3298ff;color:#fff;border:none;border-radius:2rem;font-weight:700;font-size:1.13rem;padding:.73rem 2.9rem;cursor:pointer;margin:1.7rem auto 0;transition:background .18s;display:block;box-shadow:0 2px 18px #3298ff1c;letter-spacing:.01em}.quiz-check-btn:disabled{background:#b9d7f7;color:#fff;cursor:not-allowed}.quiz-tryagain-btn{background:#ffc107;color:#fff}.quiz-feedback{font-size:1.18rem;margin-top:1.2rem;font-weight:700}.quiz-score-container{display:flex;flex-direction:column;align-items:center;min-height:55vh;justify-content:center;margin:2.5rem 0;width:100%}.quiz-score-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.2rem;width:100%;max-width:430px}.Klaus-contenedor{display:flex;align-items:center;justify-content:flex-start;min-width:150px;filter:drop-shadow(0 8px 32px #38bdf880)}@media (max-width: 700px){.quiz-intro-row{flex-direction:column;align-items:center;gap:1.2rem}.quiz-cloud{max-width:99vw;padding:1.1rem .5rem;margin-left:0;font-size:.98rem;text-align:left;border-radius:1.3rem}.klaus-intro-img{width:38vw!important;min-width:90px!important;max-width:150px!important;margin:.2rem auto .7rem;display:block;position:static!important}.quiz-intro-container{margin:1.3rem 0 1.2rem}.start-quiz-btn{width:92vw;min-width:0;font-size:1.19rem;padding:.8rem 0;border-radius:2rem;margin:1.1rem auto 0;display:block}.quiz-instructions{font-size:.8rem!important;padding:0 .5rem;width:98vw;max-width:99vw;text-align:center;word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important}}@media (max-width: 715px){.quiz-options{flex-direction:column;gap:.8rem 0;align-items:stretch;width:100%}.quiz-option{width:100%;max-width:100%;min-width:0;font-size:1rem;padding:1rem .7rem;border-radius:1rem;white-space:normal;overflow-wrap:break-word;box-sizing:border-box;text-align:left}.quiz-instructions{font-size:.8rem!important;padding:0 .5rem;width:98vw;max-width:99vw;text-align:center;word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important}}@media (max-width: 600px){.quiz-cloud{background:linear-gradient(135deg,#3298ff 80%,#42e6e5);color:#fff;border-radius:2.5rem;padding:2.1rem 2.4rem;font-size:1rem;font-weight:700;width:100%;max-width:800px;box-sizing:border-box;text-align:left;box-shadow:0 6px 28px #0a4ec533,0 1px 8px #38bdf829;margin-left:7rem;position:relative;overflow-wrap:break-word;word-break:break-word;display:block;white-space:normal}.quiz-cloud *{word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}}@media (max-width: 600px){.quiz-cloud{font-size:.91rem;padding:.7rem .1rem;max-width:100vw;margin-left:0;border-radius:1.1rem;text-align:left}.klaus-intro-img{width:34vw;max-width:160px;min-width:88px;margin:0 auto 0 0;display:block;position:static}.quiz-instructions{font-size:.85rem!important;padding:.5rem .6rem;width:98vw;max-width:99vw;text-align:center;word-break:break-word;overflow-wrap:break-word;margin-bottom:1rem;margin-top:.5rem;box-sizing:border-box;line-height:1.35}.quiz-badge-btn,.mark-as-done-btn{margin-left:auto!important;margin-right:auto!important}}@media (max-width: 650px){.quiz-intro-row{flex-direction:column;align-items:center;gap:.7rem}.quiz-cloud{width:96vw;max-width:96vw;min-width:0;padding:1.1rem .7rem;font-size:1.04rem;text-align:left}.klaus-intro-img{width:34vw;max-width:160px;min-width:88px;margin:0 auto 0 0;display:block;position:static}.quiz-intro-container{max-width:99vw;padding:0}}@media (max-width: 650px){.quiz-intro-row{flex-direction:column;align-items:center;gap:.6rem;width:100%}.klaus-intro-img{display:block;margin:0 auto!important;width:32vw !;max-width:140px;min-width:80px;height:auto;position:static}.quiz-cloud{width:96vw;max-width:98vw;min-width:0;padding:1rem .7rem;font-size:1rem;text-align:left;margin:0 auto}.quiz-intro-container{max-width:99vw;padding:0}.quiz-instructions{font-size:.8rem!important;padding:0 .5rem;width:98vw;max-width:99vw;text-align:center;word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important}}@media (max-width: 420px){.quiz-cloud{font-size:.89rem;padding:.7rem .2rem;border-radius:.9rem}}.badge-unlocked-container{display:flex;flex-direction:column;align-items:center;margin:3rem 0;min-height:60vh;justify-content:center}.badge-unlocked-row{display:flex;align-items:flex-start;gap:6rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.klaus-badge-side{display:flex;flex-direction:column;align-items:center;max-width:430px}.klaus-badge-img{width:500px!important;height:auto;margin-bottom:1.6rem}.badge-section-side{display:flex;flex-direction:column;align-items:center;max-width:370px}.badge-section-title{color:#1769aa;font-size:2rem;font-weight:700;margin-bottom:1.6rem;letter-spacing:2px;text-align:center}.badge-img{width:250px;margin-bottom:.7rem}.badge-section-label{color:#1769aa;font-size:2.1rem;font-weight:700;margin-top:-2.6rem;margin-bottom:1.2rem;text-align:center;letter-spacing:1px}.finish-section-btn{background:#1769aa;color:#fff;border:none;border-radius:2.1rem;font-size:1.2rem;font-weight:700;padding:1.1rem 3.8rem;margin-top:2rem;cursor:pointer;box-shadow:0 4px 18px #2196f321;letter-spacing:1px;transition:background .18s}@media (max-width: 900px){.badge-unlocked-row{gap:2rem}.klaus-badge-img,.badge-img{width:160px}.badge-section-title{font-size:2.1rem}.badge-section-label{font-size:1.3rem}}.badge-unlocked-container .mark-as-done-btn{margin-top:-1rem!important;margin-bottom:.7rem!important}.progress-report-container{background:#f5faff;border-radius:2.3rem;box-shadow:0 6px 38px #1353bd13;max-width:950px;margin:48px auto 0;padding:2.6rem 2.1rem 2.1rem;display:flex;flex-direction:column;align-items:center}.progress-title{color:#1769aa;font-size:2.2rem;font-weight:700;margin-bottom:2.6rem;letter-spacing:2px;text-align:center}.progress-cols{display:flex;justify-content:center;width:100%;gap:2.2rem}.progress-list{list-style:none;padding:0;margin:0;min-width:340px;display:flex;flex-direction:column;gap:1.05rem}.progress-list-item{display:flex;align-items:center;border-radius:2.3rem;padding:.85rem 1.2rem .85rem .8rem;font-size:1.28rem;font-weight:600;box-shadow:0 2px 12px #1452870d;background:#d1fae5;color:#166534;transition:background .22s,color .18s;min-height:54px}.progress-list-item.notdone{background:#fee2e2;color:#b91c1c}.progress-emoji{font-size:2.3rem;text-align:left;margin-right:.9rem;margin-left:.2rem;display:flex;align-items:center;justify-content:flex-start}.progress-label{font-size:1.22rem;font-weight:600}.progress-status{font-size:1.15rem;font-weight:600}@media (max-width: 880px){.progress-report-container{max-width:99vw;padding:1.3rem .5rem}.progress-cols{flex-direction:column;gap:.7rem}.progress-list{min-width:0;width:100%}}.practice-layout{position:relative;min-height:75vh;display:flex;flex-direction:column}.back-button{display:flex;align-items:center;gap:.6rem;background:#38bdf8;border:none;padding:.8rem 2.4rem;border-radius:999px;font-weight:700;font-size:1.35rem;color:#fff;margin-top:2.5rem;margin-left:2.5rem;margin-bottom:1rem;cursor:pointer;box-shadow:0 4px 18px #38bdf877;transition:background .16s,box-shadow .18s,transform .16s;outline:none;letter-spacing:1px;align-self:flex-start}.back-button:hover,.back-button:focus{background:#0ea5e9;box-shadow:0 8px 28px #38bdf89a;transform:scale(1.045)}.hex-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:50vh;width:100%;margin-bottom:2.5rem;gap:.6rem}.hex-row{display:flex;justify-content:center;align-items:center;gap:2.3rem;margin-bottom:1.6rem}.bottom-row{margin-bottom:0}.hex-row-spacer{width:95px;height:1px}.hex{width:185px;height:165px;background-color:#ddd;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.45rem;cursor:pointer;box-shadow:0 4px 32px #0002,0 1px 6px #0003;transition:transform .14s,box-shadow .18s,filter .16s;position:relative;z-index:1;outline:none;-webkit-user-select:none;user-select:none}.hex:hover,.hex:focus{transform:scale(1.09) rotate(-2deg);box-shadow:0 8px 42px #38bdf88a,0 3px 16px #0001;filter:brightness(1.13) drop-shadow(0 4px 20px #fff2);z-index:2;outline:none}.klaus-img-fixed{position:fixed;bottom:2.2rem;right:2rem;width:425px;max-width:38vw;z-index:5;filter:drop-shadow(0 6px 28px #38bdf86c);pointer-events:none;-webkit-user-select:none;user-select:none;transition:width .2s,right .2s,bottom .2s}.intro-instructions{margin-top:.8rem;margin-bottom:1.3rem;font-size:1.25rem;text-align:center;color:#334155;background:#f6f7fa;padding:1.1rem .7rem;border-radius:2rem;max-width:650px;margin-left:auto;margin-right:auto;box-shadow:0 2px 16px #38bdf81e;letter-spacing:.01em}.instr-german{color:#3b82f6;font-style:italic;font-size:1.1rem;display:block;margin-top:.2em}@media (max-width: 1210px){.klaus-img-fixed{position:static;display:block;margin:2.2rem auto .6rem;width:44vw;min-width:110px;max-width:340px;right:unset;bottom:unset;z-index:3}}@media (max-width: 700px){.hex-center{min-height:10vh;gap:.6rem}.hex-row{gap:.5rem;margin-bottom:.7rem}.hex-row-spacer{display:none}.hex{width:62vw;max-width:130px;min-width:75px;height:14vw;max-height:74px;min-height:48px;font-size:1.02rem;margin:0 .25rem}.klaus-img-fixed{position:static;width:90vw;max-width:260px;min-width:110px;display:block;margin:2.2rem auto .8rem;right:unset;bottom:unset;z-index:3}.practice-layout{min-height:90vh}.back-button{font-size:.99rem;padding:.63rem 1.09rem;margin-top:1rem;margin-left:.5rem;margin-bottom:1rem}.intro-instructions{font-size:1.01rem;max-width:99vw;min-width:unset;padding:.5rem .1rem;margin-bottom:1.1rem}}@media (max-width: 400px){.hex{width:85vw;min-width:34px;max-width:96px;height:18vw;max-height:44px;font-size:.76rem;padding:0}.klaus-img-fixed{width:98vw;min-width:90px;max-width:330px;margin:1.6rem auto .3rem}.intro-instructions{padding:.21rem .02rem;font-size:.92rem}}.flashcardhouse-back-btn{display:flex;align-items:center;gap:.6rem;background:#f472b6;border:none;padding:.7rem 2.1rem;border-radius:2rem;font-weight:700;font-size:1.2rem;color:#fff;margin-top:2.1rem;margin-left:2.1rem;margin-bottom:1.2rem;cursor:pointer;box-shadow:0 4px 18px #f472b677;transition:background .16s,box-shadow .18s,transform .16s;outline:none;letter-spacing:1px;align-self:flex-start}.flashcardhouse-back-btn:hover,.flashcardhouse-back-btn:focus{background:#f160ae;box-shadow:0 8px 28px #f472b6bb;transform:scale(1.045)}.flashcardhouse-arrow-icon{font-size:1.5rem;margin-right:.2rem}.flashcardhouse-container{display:flex;flex-direction:column;align-items:center;min-height:450px}.flashcardhouse-instructions{margin-top:1.5rem;color:#ad1457!important;font-size:1.1rem;opacity:.92;text-align:center;margin-bottom:.8rem;font-weight:600;letter-spacing:.02em}.flashcardhouse-card{width:570px;max-width:98vw;min-height:360px;background:#f472b6!important;border-radius:2.2rem;margin-bottom:2.2rem;margin-top:1.3rem;box-shadow:0 4px 30px #f472b677;color:#fff;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.51,1.08,.29,.99),opacity .2s;word-break:break-word;overflow-wrap:break-word}.flashcardhouse-card.slide-right{transform:translate(320px) rotate(18deg);opacity:.01}.flashcardhouse-card.slide-left{transform:translate(-320px) rotate(-18deg);opacity:.01}.flashcardhouse-category{background:#ad1457;border-radius:1rem 1rem 0 0;padding:.7rem 1.6rem;margin-top:-2.5rem;margin-bottom:1.6rem;font-size:1.35rem;font-weight:700;width:100%;text-align:center;letter-spacing:1px;box-sizing:border-box}.flashcardhouse-word{font-size:1.5rem;font-weight:700;margin:1.2rem 0 .2rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;word-break:break-word;width:100%;text-align:center}.flashcardhouse-img{width:90px;height:83px;object-fit:cover;margin-right:-.5rem!important;vertical-align:middle}.flashcardhouse-translation{font-size:1.4rem;margin:.2rem 0 1.1rem;color:#fce7f3}.flashcardhouse-use{font-size:1.14rem;margin-top:1rem;color:#fdf2f8;line-height:1.4;text-align:center;max-width:95%;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.flashcardhouse-progress{font-weight:600;margin-bottom:1.4rem;color:#ad1457;font-size:1.05rem}.flashcardhouse-actions{width:100%;display:flex;justify-content:space-around;margin-top:1.2rem}.flashcardhouse-btn{padding:.85rem 2.3rem;border-radius:2rem;border:none;font-weight:700;font-size:1.1rem;margin:0 1.3rem;cursor:pointer!important;background:#fbcfe8!important;color:#ad1457;box-shadow:0 2px 14px #f472b666;transition:background .14s}.flashcardhouse-btn.know{background:#f9a8d4!important;color:#ad1457}.flashcardhouse-btn.again{background:#fbcfe8!important;color:#ad1457}.flashcardhouse-btn.know:hover,.flashcardhouse-btn.again:hover{color:#fff!important}.flashcardhouse-btn.restart{background:#de77ba!important;color:#ad1457!important;margin:2.5rem auto 0;display:block;font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border:none;border-radius:2rem;box-shadow:0 2px 14px #fbbf2444;cursor:pointer;transition:background .18s,color .18s}.flashcardhouse-btn.restart:hover{background:#f472b6!important;color:#fff!important}.flashcardhouse-card.flashcardhouse-finished{background:#fbcfe8!important;color:#fff!important;box-shadow:0 4px 30px #f472b677}.flashcardhouse-card.flashcardhouse-finished .flashcardhouse-word{color:#ad1457!important}@media (max-width: 500px){.flashcardhouse-card{width:97vw;min-width:0;padding-left:.8rem;padding-right:.8rem}.flashcardhouse-category{font-size:1.1rem;padding:.6rem .7rem}.flashcardhouse-word{font-size:1.25rem}.flashcardhouse-translation{font-size:1.05rem}.flashcardhouse-use{font-size:.98rem;line-height:1.35;max-width:99%}.flashcardhouse-actions{flex-direction:column;gap:1.2rem}.flashcardhouse-btn{font-size:1rem;width:95%;margin:0 auto;padding:.7rem 0}}.school-back-btn{display:flex;align-items:center;gap:.6rem;background:#fbbf24;border:none;padding:.7rem 2.1rem;border-radius:2rem;font-weight:700;font-size:1.2rem;color:#fff;margin-top:2.1rem;margin-left:2.1rem;margin-bottom:1.2rem;cursor:pointer;box-shadow:0 4px 18px #fbbf2477;transition:background .16s,box-shadow .18s,transform .16s;outline:none;letter-spacing:1px;align-self:flex-start}.school-back-btn:hover,.school-back-btn:focus{background:#eab308;box-shadow:0 8px 28px #fbbf24bb;transform:scale(1.045)}.school-title{font-size:1.25rem;font-weight:700;color:#b45309;margin-top:.1em;letter-spacing:1.2px}.flashcardschool-container{display:flex;flex-direction:column;align-items:center;min-height:450px}.flashcardschool-instructions{margin-top:1.5rem;color:#b45309;font-size:1.1rem;opacity:.92;text-align:center;margin-bottom:.8rem;font-weight:600;letter-spacing:.02em}.flashcardschool-card{width:570px;max-width:98vw;min-height:360px;background:#fbbf24;border-radius:2.2rem;margin-bottom:2.2rem;margin-top:1.3rem;box-shadow:0 4px 30px #fbbf2477;color:#fff;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.51,1.08,.29,.99),opacity .2s;word-break:break-word;overflow-wrap:break-word}.flashcardschool-card.slide-right{transform:translate(320px) rotate(18deg);opacity:.01}.flashcardschool-card.slide-left{transform:translate(-320px) rotate(-18deg);opacity:.01}.flashcardschool-category{background:#b45309;border-radius:1rem 1rem 0 0;padding:.7rem 1.6rem;margin-top:-2.5rem;margin-bottom:1.6rem;font-size:1.35rem;font-weight:700;width:100%;text-align:center;letter-spacing:1px;box-sizing:border-box;color:#fff}.flashcardschool-word{font-size:1.5rem!important;font-weight:700;margin:1.2rem 0 .2rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;word-break:break-word;width:100%;text-align:center}.flashcardschool-img{width:90px;height:83px;object-fit:cover;margin-right:-.5rem!important;vertical-align:middle}.flashcardschool-translation{font-size:1.4rem;margin:.2rem 0 1.1rem;color:#fff}.flashcardschool-use{font-size:1.14rem;margin-top:1rem;color:#fff;line-height:1.4;text-align:center;max-width:95%;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.flashcardschool-progress{font-weight:600;margin-bottom:1.4rem;color:#b45309;font-size:1.05rem}.flashcardschool-actions{width:100%;display:flex;justify-content:space-around;margin-top:1.2rem}.flashcardschool-btn{padding:.85rem 2.3rem;border-radius:2rem;border:none;font-weight:700;font-size:1.1rem;margin:0 1.3rem;cursor:pointer!important;background:#fde68a;color:#b45309;box-shadow:0 2px 14px #fbbf2466;transition:background .14s}.flashcardschool-btn.know{background:#fbbf24;color:#b45309;cursor:pointer!important}.flashcardschool-btn.again{background:#f8de74!important;color:#b45309;cursor:pointer!important}.flashcardschool-btn.know:hover,.flashcardschool-btn.again:hover{color:#fff!important}.flashcardschool-btn.restart{background:#fbbf24;color:#b45309;margin:2.5rem auto 0;display:block;font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border:none;border-radius:2rem;box-shadow:0 2px 14px #b4530944;cursor:pointer;transition:background .18s,color .18s}.flashcardschool-btn.restart:hover{background:#fde68a;color:#fff}.flashcardschool-card.flashcardschool-finished{background:#fde68a!important;color:#b45309!important;box-shadow:0 4px 30px #fbbf2477}.flashcardschool-card.flashcardschool-finished .flashcardschool-word{color:#b45309!important;font-size:2.1rem;text-align:center;margin-top:2.5rem;margin-bottom:2.5rem;font-weight:700;line-height:1.25}.flashcardschool-btn,.flashcardschool-btn.know,.flashcardschool-btn.again{cursor:pointer!important}@media (max-width: 500px){.flashcardschool-card{width:97vw;min-width:0;padding-left:.8rem;padding-right:.8rem}.flashcardschool-category{font-size:1.1rem;padding:.6rem .7rem}.flashcardschool-word{font-size:1.25rem}.flashcardschool-translation{font-size:1.05rem}.flashcardschool-use{font-size:.98rem;line-height:1.35;max-width:99%}.flashcardschool-actions{flex-direction:column;gap:1.2rem}.flashcardschool-btn{font-size:1rem;width:95%;margin:0 auto;padding:.7rem 0}}.food-back-btn{display:flex;align-items:center;gap:.6rem;background:#22c55e;border:none;padding:.7rem 2.1rem;border-radius:2rem;font-weight:700;font-size:1.2rem;color:#fff;margin-top:2.1rem;margin-left:2.1rem;margin-bottom:1.2rem;cursor:pointer;box-shadow:0 4px 18px #22c55e77;transition:background .16s,box-shadow .18s,transform .16s;outline:none;letter-spacing:1px;align-self:flex-start}.food-back-btn:hover,.food-back-btn:focus{background:#16a34a;box-shadow:0 8px 28px #22c55ebb;transform:scale(1.045)}.arrow-icon{font-size:1.5rem;margin-right:.2rem}.food-title{font-size:1.25rem;font-weight:700;color:#065f46;margin-top:.1em;letter-spacing:1.2px}.flashcardfood-container{display:flex;flex-direction:column;align-items:center;min-height:450px}.flashcardfood-instructions{margin-top:1.5rem;color:#065f46;font-size:1.1rem;opacity:.92;text-align:center;margin-bottom:.8rem;font-weight:600;letter-spacing:.02em}.flashcardfood-card{width:570px;max-width:98vw;min-height:360px;background:#22c55e;border-radius:2.2rem;margin-bottom:2.2rem;margin-top:1.3rem;box-shadow:0 4px 30px #22c55e77;color:#fff;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.51,1.08,.29,.99),opacity .2s;word-break:break-word;overflow-wrap:break-word}.flashcardfood-card.slide-right{transform:translate(320px) rotate(18deg);opacity:.01}.flashcardfood-card.slide-left{transform:translate(-320px) rotate(-18deg);opacity:.01}.flashcardfood-category{background:#065f46;border-radius:1rem 1rem 0 0;padding:.7rem 1.6rem;margin-top:-2.5rem;margin-bottom:1.6rem;font-size:1.35rem;font-weight:700;width:100%;text-align:center;letter-spacing:1px;box-sizing:border-box;color:#fff}.flashcardfood-word{font-size:1.5rem!important;font-weight:700;margin:1.2rem 0 .2rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;word-break:break-word;width:100%;text-align:center}.flashcardfood-img{width:98px;height:auto;object-fit:cover;margin-right:-.5rem!important;vertical-align:middle}.flashcardfood-translation{font-size:1.4rem;margin:.2rem 0 1.1rem;color:#fff}.flashcardfood-use{font-size:1.14rem;margin-top:1rem;color:#fff;line-height:1.4;text-align:center;max-width:95%;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.flashcardfood-progress{font-weight:600;margin-bottom:1.4rem;color:#065f46;font-size:1.05rem}.flashcardfood-actions{width:100%;display:flex;justify-content:space-around;margin-top:1.2rem}.flashcardfood-btn{padding:.85rem 2.3rem;border-radius:2rem;border:none;font-weight:700;font-size:1.1rem;margin:0 1.3rem;cursor:pointer!important;background:#bbf7d0;color:#065f46;box-shadow:0 2px 14px #22c55e66;transition:background .14s}.flashcardfood-btn.know{background:#4ade80!important;color:#065f46;cursor:pointer!important}.flashcardfood-btn.again{background:#78f5a4!important;color:#065f46;cursor:pointer!important}.flashcardfood-btn.know:hover,.flashcardfood-btn.again:hover{color:#fff!important}.flashcardfood-btn.restart{background:#fbbf24;color:#065f46;margin:2.5rem auto 0;display:block;font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border:none;border-radius:2rem;box-shadow:0 2px 14px #22c55e44;cursor:pointer;transition:background .18s,color .18s}.flashcardfood-btn.restart:hover{background:#22c55e;color:#fff}.flashcardfood-card.flashcardfood-finished{background:#bbf7d0!important;color:#065f46!important;box-shadow:0 4px 30px #22c55e77}.flashcardfood-card.flashcardfood-finished .flashcardfood-word{color:#065f46!important;font-size:2.1rem;text-align:center;margin-top:2.5rem;margin-bottom:2.5rem;font-weight:700;line-height:1.25}.flashcardfood-btn,.flashcardfood-btn.know,.flashcardfood-btn.again{cursor:pointer!important}@media (max-width: 500px){.flashcardfood-card{width:97vw;min-width:0;padding-left:.8rem;padding-right:.8rem}.flashcardfood-category{font-size:1.1rem;padding:.6rem .7rem}.flashcardfood-word{font-size:1.25rem}.flashcardfood-translation{font-size:1.05rem}.flashcardfood-use{font-size:.98rem;line-height:1.35;max-width:99%}.flashcardfood-actions{flex-direction:column;gap:1.2rem}.flashcardfood-btn{font-size:1rem;width:95%;margin:0 auto;padding:.7rem 0}}.flashcardtravel-back-btn{display:flex;align-items:center;gap:.6rem;background:#a78bfa;border:none;padding:.7rem 2.1rem;border-radius:2rem;font-weight:700;font-size:1.2rem;color:#fff;margin-top:2.1rem;margin-left:2.1rem;margin-bottom:1.2rem;cursor:pointer;box-shadow:0 4px 18px #a78bfa77;transition:background .16s,box-shadow .18s,transform .16s;outline:none;letter-spacing:1px;align-self:flex-start}.flashcardtravel-back-btn:hover,.flashcardtravel-back-btn:focus{background:#7c3aed;box-shadow:0 8px 28px #a78bfa99;transform:scale(1.045)}.flashcardtravel-arrow-icon{font-size:1.5rem;margin-right:.2rem}.flashcardtravel-container{display:flex;flex-direction:column;align-items:center;min-height:450px}.flashcardtravel-instructions{margin-top:1.5rem;color:#5b21b6;font-size:1.1rem;opacity:.92;text-align:center;margin-bottom:.8rem;font-weight:600;letter-spacing:.02em}.flashcardtravel-card{width:570px;max-width:98vw;min-height:360px;background:#a78bfa!important;border-radius:2.2rem;margin-bottom:2.2rem;margin-top:1.3rem;box-shadow:0 4px 30px #a78bfa77;color:#fff;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.51,1.08,.29,.99),opacity .2s;word-break:break-word;overflow-wrap:break-word}.flashcardtravel-card.slide-right{transform:translate(320px) rotate(18deg);opacity:.01}.flashcardtravel-card.slide-left{transform:translate(-320px) rotate(-18deg);opacity:.01}.flashcardtravel-category{background:#5b21b6;border-radius:1rem 1rem 0 0;padding:.7rem 1.6rem;margin-top:-2.5rem;margin-bottom:1.6rem;font-size:1.35rem;font-weight:700;width:100%;text-align:center;letter-spacing:1px;box-sizing:border-box}.flashcardtravel-word{font-size:1.5rem;font-weight:700;margin:1.2rem 0 .2rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;word-break:break-word;width:100%;text-align:center}.flashcardtravel-img{width:97px;height:85px;object-fit:cover;margin-right:-.5rem!important;vertical-align:middle}.flashcardtravel-translation{font-size:1.4rem;margin:.2rem 0 1.1rem;color:#fff}.flashcardtravel-use{font-size:1.14rem;margin-top:1rem;color:#fff;line-height:1.4;text-align:center;max-width:95%;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.flashcardtravel-progress{font-weight:600;margin-bottom:1.4rem;color:#5b21b6;font-size:1.05rem}.flashcardtravel-actions{width:100%;display:flex;justify-content:space-around;margin-top:1.2rem}.flashcardtravel-btn{padding:.85rem 2.3rem;border-radius:2rem;border:none;font-weight:700;font-size:1.1rem;margin:0 1.3rem;cursor:pointer!important;background:#ddd6fe;color:#5b21b6;box-shadow:0 2px 14px #a78bfa44;transition:background .14s}.flashcardtravel-btn.know{background:#c4b5fd!important;color:#5b21b6!important}.flashcardtravel-btn.again{background:#ddd6fe!important;color:#5b21b6!important}.flashcardtravel-btn.know:hover,.flashcardtravel-btn.again:hover{color:#fff!important}.flashcardtravel-btn.restart{background-color:#9260ea!important;color:#fff!important;margin:2.5rem auto 0;display:block;font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border:none;border-radius:2rem;box-shadow:0 2px 14px #a78bfa44;cursor:pointer;transition:background .18s,color .18s}.flashcardtravel-btn.restart:hover{background:#5b21b6!important;color:#fff!important}.flashcardtravel-card.flashcardtravel-finished{background:#bda4e9!important;color:#fff!important;border-radius:2.2rem;box-shadow:0 4px 30px #a78bfa77;padding:2.5rem 2rem 2rem}.flashcardtravel-card.flashcardtravel-finished .flashcardtravel-word{color:#fff!important}@media (max-width: 500px){.flashcardtravel-card{width:97vw;min-width:0;padding-left:.8rem;padding-right:.8rem}.flashcardtravel-category{font-size:1.1rem;padding:.6rem .7rem}.flashcardtravel-word{font-size:1.25rem}.flashcardtravel-translation{font-size:1.05rem}.flashcardtravel-use{font-size:.98rem;line-height:1.35;max-width:99%}.flashcardtravel-actions{flex-direction:column;gap:1.2rem}.flashcardtravel-btn{font-size:1rem;width:95%;margin:0 auto;padding:.7rem 0}}.flashcardfamily-back-btn{display:flex;align-items:center;gap:.6rem;background:#ef4444;border:none;padding:.7rem 2.1rem;border-radius:2rem;font-weight:700;font-size:1.2rem;color:#fff;margin-top:2.1rem;margin-left:2.1rem;margin-bottom:1.2rem;cursor:pointer;box-shadow:0 4px 18px #ef444477;transition:background .16s,box-shadow .18s,transform .16s;outline:none;letter-spacing:1px;align-self:flex-start}.flashcardfamily-back-btn:hover,.flashcardfamily-back-btn:focus{background:#b91c1c;box-shadow:0 8px 28px #ef444499;transform:scale(1.045)}.flashcardfamily-arrow-icon{font-size:1.5rem;margin-right:.2rem}.flashcardfamily-container{display:flex;flex-direction:column;align-items:center;min-height:450px}.flashcardfamily-instructions{margin-top:1.5rem;color:#b91c1c;font-size:1.1rem;opacity:.92;text-align:center;margin-bottom:.8rem;font-weight:600;letter-spacing:.02em}.flashcardfamily-card{width:570px;max-width:98vw;min-height:360px;background:#ef4444!important;border-radius:2.2rem;margin-bottom:2.2rem;margin-top:1.3rem;box-shadow:0 4px 30px #ef444477;color:#fff;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.51,1.08,.29,.99),opacity .2s;word-break:break-word;overflow-wrap:break-word}.flashcardfamily-card.slide-right{transform:translate(320px) rotate(18deg);opacity:.01}.flashcardfamily-card.slide-left{transform:translate(-320px) rotate(-18deg);opacity:.01}.flashcardfamily-category{background:#b91c1c;border-radius:1rem 1rem 0 0;padding:.7rem 1.6rem;margin-top:-2.5rem;margin-bottom:1.6rem;font-size:1.35rem;font-weight:700;width:100%;text-align:center;letter-spacing:1px;box-sizing:border-box;color:#fff}.flashcardfamily-word{font-size:1.5rem;font-weight:700;margin:1.2rem 0 .2rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;word-break:break-word;width:100%;text-align:center}.flashcardfamily-img{width:98px;height:94px;object-fit:cover;margin-right:-.5rem!important;vertical-align:middle}.flashcardfamily-translation{font-size:1.4rem;margin:.2rem 0 1.1rem;color:#fee2e2}.flashcardfamily-use{font-size:1.14rem;margin-top:1rem;color:#ffe4e6;line-height:1.4;text-align:center;max-width:95%;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.flashcardfamily-progress{font-weight:600;margin-bottom:1.4rem;color:#b91c1c;font-size:1.05rem}.flashcardfamily-actions{width:100%;display:flex;justify-content:space-around;margin-top:1.2rem}.flashcardfamily-btn{padding:.85rem 2.3rem;border-radius:2rem;border:none;font-weight:700;font-size:1.1rem;margin:0 1.3rem;cursor:pointer!important;background:#fca5a5;color:#b91c1c;box-shadow:0 2px 14px #ef444444;transition:background .14s}.flashcardfamily-btn.know{background:#f87171!important;color:#b91c1c!important}.flashcardfamily-btn.again{background:#fca5a5!important;color:#b91c1c!important}.flashcardfamily-btn.know:hover,.flashcardfamily-btn.again:hover{color:#fff!important}.flashcardfamily-btn.restart{background:#eb6f5c!important;color:#b91c1c!important;margin:2.5rem auto 0;display:block;font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border:none;border-radius:2rem;box-shadow:0 2px 14px #fbbf2444;cursor:pointer;transition:background .18s,color .18s}.flashcardfamily-btn.restart:hover{background:#ef4444!important;color:#fff!important}.flashcardfamily-card.flashcardfamily-finished{background:#fee2e2!important;color:#b91c1c!important;box-shadow:0 4px 30px #ef444477}.flashcardfamily-card.flashcardfamily-finished .flashcardfamily-word{color:#b91c1c!important}@media (max-width: 500px){.flashcardfamily-card{width:97vw;min-width:0;padding-left:.8rem;padding-right:.8rem}.flashcardfamily-category{font-size:1.1rem;padding:.6rem .7rem}.flashcardfamily-word{font-size:1.25rem}.flashcardfamily-translation{font-size:1.05rem}.flashcardfamily-use{font-size:.98rem;line-height:1.35;max-width:99%}.flashcardfamily-actions{flex-direction:column;gap:1.2rem}.flashcardfamily-btn{font-size:1rem;width:95%;margin:0 auto;padding:.7rem 0}}.profile-container{background:linear-gradient(120deg,#e0f2fe,#60a5fa);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:4.5rem}.profile-card{background:#fff;border-radius:2rem;box-shadow:0 4px 36px #2563eb22;padding:2.5rem 2.8rem 2rem;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center}.profile-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid #3b82f6;object-fit:cover;background:#e0e7ff;margin-bottom:.9rem}.profile-name{font-size:1.7rem;color:#2563eb;font-weight:700;margin-bottom:.3em}.profile-email{color:#2563ebaa;font-size:1rem;margin-bottom:1.3em;font-weight:500}.profile-info{margin-top:1.3em;width:100%}.profile-info>div{display:flex;justify-content:space-between;font-size:1.07rem;margin:.8em 0}.profile-label{color:#2563eb;font-weight:600}.profile-value{color:#2563ebba}.profile-avatar{position:relative;display:flex;justify-content:center;align-items:center}.profile-edit-btn{position:absolute;bottom:15px;right:12px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2563eb 65%,#38bdf8);border:3px solid #fff;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #38bdf855,0 1px 7px #2563eb44;cursor:pointer;transition:background .16s,box-shadow .18s,transform .13s;z-index:2;padding:0}.profile-edit-btn:hover{background:linear-gradient(120deg,#2563eb 80%,#0ea5e9);box-shadow:0 8px 24px #38bdf899;transform:scale(1.08)}.profile-edit-profile-btn{margin-top:1.5em;background:#2563eb;color:#fff;border:none;border-radius:1.5rem;padding:.65rem 1.6rem;font-weight:600;font-size:1.05rem;box-shadow:0 2px 16px #3b82f655;cursor:pointer;transition:background .15s}.profile-edit-profile-btn:hover{background:#1d4ed8}.profile-form{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:1em}.profile-input{font-size:1.07rem;border:1.5px solid #93c5fd;border-radius:1.1rem;padding:.7em 1em;color:#1e293b;background:#f1f5f9;outline:none;transition:border .16s}.profile-input:focus{border:1.5px solid #2563eb;background:#fff}.profile-edit-actions{display:flex;gap:1.2em;margin-top:1em;justify-content:center}.profile-save-btn{background:#2563eb;color:#fff;border:none;border-radius:1.5rem;padding:.62rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .16s}.profile-save-btn:hover{background:#1d4ed8}.profile-cancel-btn{background:#fff;color:#2563eb;border:1.5px solid #2563eb;border-radius:1.5rem;padding:.62rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .16s,color .16s}.profile-cancel-btn:hover{background:#e0e7ff;color:#1d4ed8}.profile-card{position:relative}.profile-close-btn{position:absolute;top:18px;left:18px;width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#e0f2fe 55%,#60a5fa);color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 2px 8px #60a5fa25;cursor:pointer;transition:background .16s,color .13s,transform .12s;z-index:10;padding:0}.profile-close-btn:hover,.profile-close-btn:focus{background:linear-gradient(120deg,#60a5fa 80%,#3b82f6);color:#fff;transform:scale(1.12);box-shadow:0 4px 16px #2563eb33}.profile-close-btn svg line{stroke:#2563eb;transition:stroke .15s}.profile-close-btn:hover svg line,.profile-close-btn:focus svg line{stroke:#fff}.reminder-container{background:linear-gradient(120deg,#e0f2fe,#60a5fa);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:4.5rem}.reminder-card{position:relative;background:#fff;border-radius:2.3rem;box-shadow:0 8px 48px #2563eb33,0 2px 18px #60a5fa22;padding:3rem 2.7rem 2.2rem;max-width:410px;width:100%;display:flex;flex-direction:column;align-items:center;animation:popin .6s cubic-bezier(.55,1.35,.45,1) 1;overflow:visible}@keyframes popin{0%{opacity:0;transform:scale(.94) translateY(40px)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.reminder-close-btn{position:absolute;top:24px;left:24px;background:#2563eb;border:none;border-radius:50%;width:44px;height:44px;font-size:2rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 18px #2563eb55,0 0 0 5px #e0f2fe;display:flex;align-items:center;justify-content:center;outline:none;transition:background .16s,transform .12s,box-shadow .15s;z-index:10;padding:0}.reminder-close-btn:hover,.reminder-close-btn:focus{background:#1d4ed8;transform:scale(1.09) rotate(-10deg);box-shadow:0 8px 26px #2563eb88,0 0 0 7px #bae6fd}.reminder-title{font-size:1.7rem;color:#2563eb;font-weight:800;margin-bottom:.25em;letter-spacing:.01em;text-align:center;display:flex;gap:.6em;align-items:center}.reminder-title:before{content:"⏰";display:inline-block;font-size:1.17em;animation:reminderBell 1.8s infinite cubic-bezier(.5,.2,.4,1)}@keyframes reminderBell{0%,90%,to{transform:rotate(-8deg)}10%,30%,50%,70%{transform:rotate(10deg)}20%,40%,60%,80%{transform:rotate(-10deg)}}.reminder-desc{color:#2563ebd2;text-align:center;margin-bottom:1.4em;font-size:1.09rem;font-weight:500}.reminder-form{width:100%;display:flex;flex-direction:column;gap:1.23em;margin-top:.2em}.reminder-row{display:flex;align-items:center;gap:1.3em;width:100%;margin-bottom:.1em}.reminder-label{color:#2563eb;font-size:1.12rem;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:.45em}.reminder-label input[type=checkbox]{accent-color:#3b82f6;width:1.1em;height:1.1em;margin-right:.42em;border-radius:6px}.reminder-select{border-radius:1.2rem;border:2px solid #60a5fa;background:#e0e7ff;color:#2563eb;font-weight:700;padding:.41em 1.28em;font-size:1.08rem;outline:none;transition:border .15s,background .14s;box-shadow:0 1px 5px #60a5fa1b}.reminder-select:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;border-color:#cbd5e1}.reminder-feedback-row{display:flex;flex-direction:column;align-items:center;gap:.25em;margin:1.1em 0 .7em;width:100%}.reminder-frequency-feedback{font-size:1.13rem;color:#2563eb;background:#60a5fa2b;border-radius:2.1rem;padding:.54em 2.2em;font-weight:800;text-align:center;min-height:34px;box-shadow:none;opacity:0;pointer-events:none;position:relative;width:fit-content;max-width:95%;display:block;margin:0 auto;transition:none}.reminder-frequency-feedback.show{opacity:1;pointer-events:all}.reminder-saved{color:#10b981;font-weight:700;text-align:center;font-size:1.12rem;letter-spacing:.01em;padding:.35em 1.2em;background:#10b9811a;border-radius:2em;margin-bottom:.2em;margin-top:0;width:fit-content;display:block}.reminder-btn{margin-top:1.2em;background:linear-gradient(90deg,#2563eb 30%,#60a5fa 95%);color:#fff;font-weight:700;border:none;padding:.95em 2.7em;border-radius:1.4rem;cursor:pointer;font-size:1.19rem;box-shadow:0 6px 32px #2563eb2c,0 1px 7px #60a5fa44;transition:background .18s,transform .12s,box-shadow .16s;letter-spacing:.01em}.reminder-btn:active{transform:scale(.97)}.reminder-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.reminder-note{color:#64748b;font-size:1.05rem;margin-top:2em;margin-bottom:.1em;text-align:center;font-weight:500;letter-spacing:.01em;background:transparent!important;box-shadow:none;border-radius:0;padding:.6em .2em;width:100%;max-width:100%;display:block;overflow:visible;white-space:normal;line-height:1.3}.reminder-note *{background:none!important}@media (max-width: 500px){.reminder-card{max-width:99vw;padding:1.3rem .4rem 1.1rem}.reminder-close-btn{left:8px;top:8px}.reminder-frequency-feedback{max-width:98vw;font-size:1.01rem;padding:.46em .9em}.reminder-saved{font-size:1.03rem;padding:.32em .8em}}.overall-progress-container{max-width:480px;margin:70px auto 0;padding:38px 22px 48px;background:linear-gradient(135deg,#f7f6fd 60%,#f0faff);border-radius:36px;box-shadow:0 8px 32px #aadfff19;text-align:center;position:relative;border:2.2px solid #e3e3fa}.progress-header-row h2{color:#4474cf;font-size:2.25rem;font-weight:800;margin-bottom:.3em;letter-spacing:.8px}.level-chip{display:inline-block;background:linear-gradient(90deg,#38bdf8,#1769aa);color:#fff;border-radius:25px;font-weight:600;padding:.45em 1.2em;margin:1em 0;font-size:1.18em;letter-spacing:1px}.chip-level{color:#ffe156;font-weight:700;letter-spacing:1px}.overall-progress-description{color:#5b6ee7;margin-bottom:2em;font-size:1.08rem;font-weight:500;line-height:1.65;letter-spacing:.2px}.overall-progress-tip{margin-top:34px;padding:18px 15px;background:linear-gradient(90deg,#fff6d4 85%,#ffe7f5);border-radius:20px;color:#cd8b25;font-size:1.09rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 1px 8px #ffe07c20;max-width:99%;margin-left:auto;margin-right:auto;border:1.6px solid #faebc7}.overall-progress-tip b{color:#db5a95;font-weight:800}.overall-progress-tip span{font-size:1.05em}.exp-bar-cute-container{width:100%;max-width:340px;margin:32px auto 0}.exp-bar-cute-bg{background:#eee4ff;border-radius:20px;height:32px;overflow:hidden;position:relative;border:1.5px solid #e2cfff}.exp-bar-cute-fill{background:linear-gradient(90deg,#80e0fd,#d2a3ff 90%);height:100%;border-radius:20px;transition:width .6s cubic-bezier(.87,0,.13,1);display:flex;align-items:center;justify-content:flex-end;font-weight:700;font-size:1.18em;color:#fff8e9;padding-right:16px;box-shadow:0 3px 12px #d6b0fa3c}.exp-bar-cute-label{position:absolute;width:100%;top:0;left:0;height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#595a7c;font-size:1.13em;letter-spacing:.8px;z-index:2;pointer-events:none}.close-x-btn{position:absolute;top:18px;left:18px;background:none;border:none;font-size:2.1rem;color:#db5a95;cursor:pointer;font-weight:800;transition:color .18s,background .18s;z-index:10;line-height:1;padding:0 8px}.close-x-btn:hover{color:#4474cf;background:#e0e7ff;border-radius:50%}