@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);:root{--red:#dc2626;--red-dark:#b91c1c;--red-light:#fee2e2;--dark:#111827;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--card:#fff;--green:#16a34a;--green-light:#dcfce7;--orange:#d97706;--r-sm:8px;--r-md:14px;--r-lg:20px;--shadow-sm:0 1px 3px #00000012,0 1px 8px #0000000d;--shadow-md:0 4px 12px #00000014,0 1px 4px #0000000d;--shadow-lg:0 8px 32px #0000001a,0 2px 8px #0000000f;--ease:200ms ease}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg);color:#1f2937;color:var(--text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.App{margin:0 auto;max-width:960px;padding:24px 16px}.App-header{text-align:center}.content-container{align-items:center;display:flex;flex-direction:column;width:100%}h2{font-size:1.75rem;font-weight:700}h2,h3{color:var(--dark);margin:0 0 8px}h3{font-size:1.25rem}h3,h4{font-weight:600}h4{font-size:1rem;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}h4,p{color:var(--muted)}p{line-height:1.6;margin:0}.close-button{align-items:center;align-self:flex-start;background:var(--card);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:40px;justify-content:center;line-height:1;margin-bottom:24px;padding:0;transition:background var(--ease),color var(--ease),border-color var(--ease);width:40px}.close-button:hover{background:var(--red-light);border-color:var(--red);color:var(--red)}.quiz-container{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:520px;padding:32px 24px;position:relative;text-align:center;width:100%}.quiz-progress-bar{background:var(--border);border-radius:99px;height:10px;margin-bottom:28px;overflow:hidden}.quiz-progress-fill{background:var(--red);border-radius:99px;height:100%;min-width:4px;transition:width .4s ease}.quiz-progress{display:none}.quiz-title{color:var(--muted);font-size:1rem;font-weight:600;letter-spacing:.06em;margin-bottom:20px;text-transform:uppercase}.quiz-question{color:var(--dark);font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:24px}.quiz-image{border-radius:var(--r-md);margin-bottom:24px;max-height:240px;max-width:100%;object-fit:contain}.quiz-description{color:var(--dark);font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.quiz-option{background:var(--card);border:2px solid var(--border);border-radius:var(--r-md);color:var(--dark);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:14px 20px;position:relative;text-align:left;transition:border-color var(--ease),background var(--ease),color var(--ease),transform var(--ease),box-shadow var(--ease);width:100%}.quiz-option:hover:not(:disabled){background:var(--red-light);border-color:var(--red);box-shadow:var(--shadow-sm);color:var(--red-dark);transform:translateY(-1px)}.quiz-option:active:not(:disabled){transform:translateY(0)}.quiz-option:disabled{cursor:default}.quiz-option-correct{background:var(--green-light)!important;border-color:var(--green)!important;color:var(--green)!important}.quiz-option-wrong{background:var(--red-light)!important;border-color:var(--red)!important;color:var(--red)!important}.word-search-input{background:var(--card);border:2px solid var(--border);border-radius:var(--r-md);color:var(--dark);font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;margin-bottom:16px;outline:none;padding:14px 16px;transition:border-color var(--ease),box-shadow var(--ease);width:100%}.word-search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-light)}.correct{background:var(--green-light);border:2px solid var(--green);border-radius:var(--r-md);color:var(--green)}.correct,.incorrect{font-weight:600;margin:16px 0;padding:16px}.incorrect{background:var(--red-light);border:2px solid var(--red);border-radius:var(--r-md);color:var(--red-dark)}.quiz-result{animation:fadeUp .35s ease;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:520px;padding:40px 32px;text-align:center}.quiz-result.passed{border-top:5px solid var(--green)}.quiz-result.failed{border-top:5px solid var(--red)}.quiz-result-title{color:var(--dark);font-size:2rem;font-weight:800;margin-bottom:8px}.quiz-result-message{font-size:1.3rem;font-weight:700;margin-top:8px}.quiz-result.passed .quiz-result-message{color:var(--green)}.quiz-result.failed .quiz-result-message{color:var(--red)}.quiz-score{color:var(--muted);font-size:1.1rem;font-weight:600;margin:4px 0 16px}.confetti-container{animation:bounce .6s ease infinite alternate;font-size:2rem;margin:12px 0}.wrong-answers{background:var(--bg);border-radius:var(--r-md);margin-top:20px;padding:20px;text-align:left}.wrong-answers h3{color:var(--red);font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.belt-group{margin-bottom:48px;width:100%}.belt-group h3{border-bottom:2px solid var(--border);color:var(--dark);font-size:1.3rem;font-weight:700;margin-bottom:4px;padding-bottom:12px}.type-group{margin-bottom:24px}.data-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;margin:0;padding:0;width:100%}.data-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow var(--ease),transform var(--ease)}.data-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.data-item h5{color:var(--dark);font-size:1rem;font-weight:600;margin:0 0 8px}.item-image{border-radius:var(--r-sm);height:auto;margin-bottom:10px;max-width:100%}.word-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:400px;overflow-y:auto;text-align:left}.word-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px}.word-item p{color:var(--dark);font-size:.95rem;font-weight:500;margin:0}.quiz-link{background:var(--red);border:none;border-radius:var(--r-md);color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;padding:14px 20px;text-align:center;text-decoration:none;transition:background var(--ease),transform var(--ease),box-shadow var(--ease)}.quiz-link:hover{background:var(--red-dark);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.quiz-link:active{box-shadow:none;transform:translateY(0)}.info-notice{font-size:.8rem;margin-top:2rem}.user-card{align-items:center;background:var(--card);border-radius:var(--r-lg);border-top:5px solid var(--red);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:8px;margin-top:8px;min-width:280px;padding:40px 48px}.user-card-label{color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:.06em;margin:0;text-transform:uppercase}.user-card-name{color:var(--dark);font-size:2rem;font-weight:800;margin:0}.user-card-xp{color:var(--red);font-size:1.1rem;font-weight:700;margin:0}.user-form{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:8px;max-width:360px;width:100%}.user-input{background:var(--card);border:2px solid var(--border);border-radius:var(--r-md);color:var(--dark);font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:14px 16px;transition:border-color var(--ease),box-shadow var(--ease);width:100%}.user-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-light)}.user-error{color:var(--red);font-size:.875rem;font-weight:500;margin:0}.user-btn{border:none;cursor:pointer;font-family:Poppins,sans-serif;max-width:360px;width:100%}.user-btn-secondary{background:#0000;border:2px solid var(--border)!important;box-shadow:none!important;color:var(--muted)}.user-btn-secondary:hover{background:var(--bg)!important;border-color:var(--muted)!important;box-shadow:none!important;transform:none!important}.user-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.user-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0 8px}.stat-card{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:110px;padding:16px 24px}.stat-value{color:var(--dark);font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}.progress-section{margin-top:24px;max-width:560px;width:100%}.progress-section h3{color:var(--muted);font-size:1rem;font-weight:700;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.progress-item{display:flex;flex-direction:column;gap:8px}.mastery-bar-label{color:var(--text);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.last-practiced{color:var(--muted);font-size:.8rem;font-weight:400}.mastery-bar-track{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.mastery-bar-fill{background:var(--red);border-radius:99px;height:100%;transition:width .5s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media (max-width:600px){.quiz-container{border-radius:var(--r-md);padding:24px 16px}.quiz-result{border-radius:var(--r-md);padding:28px 20px}.user-card{padding:28px 24px}}.homepage-container{align-items:center;background:var(--bg);display:flex;flex-direction:column;min-height:100vh;padding:48px 20px 32px}.streak-banner{align-items:center;border:1.5px solid;border-radius:var(--r-lg);display:flex;gap:12px;margin-bottom:28px;max-width:480px;padding:14px 18px;width:100%}.streak-banner--active{background:#fffbeb;border-color:#fcd34d}.streak-banner--inactive{background:var(--bg);border-color:var(--border)}.streak-banner--inactive .streak-warning{color:var(--muted)}.streak-banner--inactive .streak-sub{color:var(--border);color:#9ca3af}.streak-banner--inactive .streak-xp{background:var(--border)}.streak-banner--inactive .streak-xp-label,.streak-banner--inactive .streak-xp-value{color:var(--muted)}.streak-flame{flex-shrink:0;font-size:2rem;line-height:1}.streak-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.streak-warning{color:#92400e;font-size:.95rem;font-weight:700;line-height:1.2}.streak-sub{color:#b45309;font-size:.78rem;font-weight:400;margin-top:2px}.streak-xp{align-items:center;background:#fef3c7;border-radius:var(--r-sm);display:flex;flex-direction:column;flex-shrink:0;padding:6px 12px}.streak-xp-value{color:#92400e;font-size:1.2rem;font-weight:800;line-height:1}.streak-xp-label{color:#b45309;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.homepage-logo{font-size:3rem;margin-bottom:8px}.homepage-title{color:var(--dark);font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.homepage-title span{color:var(--red)}.homepage-subtitle{color:var(--muted);font-size:1rem;font-weight:400;margin:0 0 40px}.nav-section{margin-bottom:8px;max-width:480px;width:100%}.nav-section-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.09em;margin:0 0 10px 2px;text-transform:uppercase}.nav-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:32px;max-width:480px;width:100%}.nav-card{align-items:flex-start;background:var(--card);border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 18px;text-decoration:none;transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}.nav-card:hover{border-color:var(--red);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-card:active{transform:translateY(0)}.nav-card-icon{font-size:1.6rem;line-height:1}.nav-card-title{color:var(--dark);font-size:.95rem;font-weight:700;line-height:1.2}.nav-card-desc{color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.4}.nav-card--featured{align-items:center;background:var(--dark);border-color:var(--dark);flex-direction:row;gap:14px;grid-column:span 2}.nav-card--featured:hover{background:#1c2637;border-color:var(--red)}.nav-card--featured .nav-card-title{color:#fff;font-size:1.05rem}.nav-card--featured .nav-card-desc{color:#ffffff8c}.nav-card--featured .nav-card-icon{font-size:2rem}.nav-card--profile{align-items:center;background:var(--red-light);border-color:var(--red);flex-direction:row;gap:14px;margin-bottom:24px;margin-top:8px;max-width:480px;width:100%}.nav-card--profile:hover{background:#fecaca;box-shadow:0 4px 16px #dc262626}.nav-card--profile .nav-card-title{color:var(--red-dark)}.nav-card--profile .nav-card-desc{color:#b91c1c99}.info-notice{color:var(--muted);font-size:.78rem;font-style:italic;line-height:1.7;max-width:400px;text-align:center}@media (max-width:420px){.homepage-title{font-size:2.2rem}.nav-grid{grid-template-columns:1fr}.nav-card--featured,.nav-card--profile{grid-column:span 1}}.selector-page{align-items:center;justify-content:center;min-height:80vh;padding:24px}.selector-card,.selector-page{display:flex;flex-direction:column}.selector-card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);gap:20px;max-width:400px;padding:40px 36px;width:100%}.selector-card h2{color:var(--dark);font-size:1.5rem;font-weight:800;margin:0;text-align:center}.dropdown-label{color:var(--muted);display:block;font-size:.8rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.belt-dropdown{-webkit-appearance:none;appearance:none;background:var(--card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid var(--border);border-radius:var(--r-md);color:var(--dark);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:12px 40px 12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.belt-dropdown:focus,.belt-dropdown:hover{border-color:var(--red)}.belt-dropdown:focus{box-shadow:0 0 0 3px var(--red-light)}.dropdown-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:24px}
/*# sourceMappingURL=main.6ca8c865.css.map*/