:root{--bg-deep:#08090a;--bg-panel:#0f1011;--bg-surface:#191a1b;--bg-hover:#28282c;--text-primary:#f7f8f8;--text-body:#d0d6e0;--text-muted:#8a8f98;--text-subtle:#62666d;--accent:#5e6ad2;--accent-bright:#7170ff;--accent-hover:#828fff;--border-standard:#ffffff14;--border-subtle:#ffffff0d;--border-strong:#ffffff1f;--green:#27a644;--red:#ef4444;--orange:#f59e0b}*{box-sizing:border-box}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{color:var(--text-primary);border:1px solid var(--border-standard);background:#ffffff05;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238a8f98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.btn-ghost{color:var(--text-body);border:1px solid var(--border-standard);background:#ffffff05;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-strong);background:#ffffff0a}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:default}.card{border:1px solid var(--border-standard);background:#ffffff05;border-radius:8px;transition:border-color .15s,background .15s}.card:hover{border-color:var(--border-strong)}.progress-bar{background:#ffffff0f;border-radius:999px;height:3px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.dash-container{background:var(--bg-deep);justify-content:center;min-height:100vh;padding:40px 20px 80px;display:flex}.dash-inner{width:100%;max-width:640px}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.dash-greeting{margin-bottom:2px}.dash-greeting h1{color:var(--text-primary);letter-spacing:-.4px;font-size:26px;font-weight:640}.dash-greeting p{color:var(--text-muted);margin-top:2px;font-size:14px}.progress-card{background:linear-gradient(135deg,#5e6ad214,#7170ff0a);border:1px solid #5e6ad226;border-radius:16px;align-items:center;gap:24px;margin-bottom:32px;padding:28px;display:flex;position:relative;overflow:hidden}.progress-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#5e6ad21f,#0000 70%);width:160px;height:160px;position:absolute;top:-40px;right:-40px}.progress-ring{z-index:1;flex-shrink:0;position:relative}.progress-ring svg{display:block}.progress-ring-value{color:var(--text-primary);letter-spacing:-.3px;justify-content:center;align-items:center;font-size:22px;font-weight:640;display:flex;position:absolute;inset:0}.progress-stats{gap:24px;margin-top:8px;display:flex}.progress-stat{flex-direction:column;display:flex}.progress-stat-value{letter-spacing:-.2px;font-size:18px;font-weight:640}.progress-stat-value.streak{color:var(--orange)}.progress-stat-value.learned{color:var(--text-body)}.progress-stat-label{color:var(--text-subtle);margin-top:1px;font-size:11px}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-head-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:510}.mode-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:36px;display:grid}.mode-card{background:var(--bg-panel);border:1px solid var(--border-standard);color:inherit;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:var(--accent);background:#5e6ad20a;transform:translateY(-1px)}.mode-card:active{transform:scale(.97)}.mode-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.mode-icon.learn{background:#5e6ad21a}.mode-icon.quiz{background:#27a6441a}.mode-icon.match{background:#f59e0b1a}.mode-label{color:var(--text-body);font-size:14px;font-weight:510}.mode-sub{color:var(--text-subtle);font-size:11px}.level-list{flex-direction:column;gap:10px;display:flex}.level-card{background:var(--bg-panel);border:1px solid var(--border-standard);color:inherit;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 20px;text-decoration:none;transition:all .2s;display:flex}.level-card:hover{border-color:var(--border-strong);background:#ffffff03}.level-card-info{flex:1}.level-card-title{color:var(--text-body);margin-bottom:4px;font-size:15px;font-weight:510}.level-card-desc{color:var(--text-subtle);font-size:12px}.level-card-arrow{background:#5e6ad214;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.level-card:hover .level-card-arrow{background:#5e6ad226}.level-card-arrow svg{width:14px;height:14px;color:var(--accent-bright)}.btn-logout{border:1px solid var(--border-standard);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn-logout:hover{border-color:var(--border-strong);color:var(--text-body);background:#ffffff05}.quiz-container{background:var(--bg-deep);justify-content:center;min-height:100vh;padding:32px 20px 80px;display:flex}.quiz-inner{width:100%;max-width:560px}.quiz-loading{background:var(--bg-deep);min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.quiz-loading-spinner{border:2.5px solid var(--border-standard);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite quiz-spin}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-error,.quiz-empty{background:var(--bg-deep);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.quiz-error-icon,.quiz-empty-icon{margin-bottom:8px;font-size:40px}.quiz-error-msg,.quiz-empty-msg{color:var(--text-muted);max-width:300px;font-size:14px;line-height:1.5}.quiz-error-msg{color:var(--red)}.quiz-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.quiz-back{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .15s}.quiz-back:hover{color:var(--text-body)}.quiz-controls{align-items:center;gap:8px;display:flex}.quiz-select{appearance:none;border:1px solid var(--border-standard);color:var(--text-body);cursor:pointer;background:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%238a8f98' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") right 6px center no-repeat;border-radius:6px;outline:none;padding:4px 22px 4px 8px;font-size:11px;transition:border-color .15s}.quiz-select:hover{border-color:var(--border-strong)}.quiz-select:focus{border-color:var(--accent)}.quiz-dot{color:var(--text-subtle);font-size:12px}.quiz-hearts{gap:2px;font-size:14px;display:flex}.quiz-heart{transition:all .3s}.quiz-heart.alive{color:#ef4444}.quiz-heart.dead{color:var(--text-subtle);opacity:.3}.quiz-progress-head{justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.quiz-score{color:var(--text-subtle)}.quiz-score-val{color:var(--green);font-weight:600}.quiz-progress-text{color:var(--text-subtle)}.quiz-progress-track{background:#ffffff0f;border-radius:999px;height:3px;margin-bottom:24px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#5e6ad2,#7170ff);border-radius:999px;height:100%;transition:width .4s}.quiz-word-card{border:1px solid var(--border-standard);text-align:center;background:#ffffff04;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:160px;margin-bottom:20px;padding:40px 24px;transition:border-color .2s;display:flex}.quiz-word-card:has(+.quiz-options .quiz-option-correct){border-color:#27a64440}.quiz-word-card:has(+.quiz-options .quiz-option-reveal){border-color:#ef444433}.quiz-word-prompt{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px}.quiz-word-text{color:var(--text-primary);letter-spacing:-.4px;font-size:36px;font-weight:640}.quiz-word-pos{color:var(--text-muted);margin-top:2px;font-size:11px}.quiz-word-example{color:var(--text-muted);border-top:1px solid var(--border-subtle);max-width:320px;margin-top:12px;padding-top:12px;font-size:13px;font-style:italic;line-height:1.5;animation:.3s quiz-fade-in}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{background:var(--bg-panel);border:1px solid var(--border-standard);color:var(--text-body);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:14px;transition:all .15s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff04}.quiz-option:disabled{cursor:default}.quiz-option-key{width:22px;height:22px;color:var(--text-subtle);background:#ffffff0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.quiz-option-text{flex:1;line-height:1.4}.quiz-option-check{color:var(--green);flex-shrink:0;font-size:16px;font-weight:700}.quiz-option-correct{background:#27a64414!important;border-color:#27a6444d!important}.quiz-option-correct .quiz-option-key{color:var(--green);background:#27a64426}.quiz-option-reveal{animation:.8s quiz-pulse;background:#27a64414!important;border-color:#27a6444d!important}.quiz-option-reveal .quiz-option-key{color:var(--green);background:#27a64426}@keyframes quiz-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.quiz-option-dim{opacity:.4}.quiz-feedback{text-align:center;margin-top:16px;font-size:13px;font-weight:510;animation:.25s quiz-fade-in}.quiz-feedback-ok{color:var(--green)}.quiz-feedback-bad{color:var(--red)}.quiz-finished{background:var(--bg-deep);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.quiz-finished-icon{margin-bottom:16px;font-size:48px}.quiz-finished-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:590}.quiz-finished-score{align-items:baseline;gap:2px;margin-bottom:6px;display:flex}.quiz-finished-num{color:var(--accent-bright);letter-spacing:-1px;font-size:48px;font-weight:640}.quiz-finished-div{color:var(--text-subtle);margin:0 2px;font-size:24px}.quiz-finished-total{color:var(--text-body);font-size:28px;font-weight:510}.quiz-finished-label{color:var(--text-subtle);margin-bottom:20px;font-size:11px}.quiz-finished-bar{background:#ffffff0f;border-radius:999px;width:200px;height:4px;margin-bottom:32px;overflow:hidden}.quiz-finished-fill{background:linear-gradient(90deg,#5e6ad2,#7170ff);border-radius:999px;height:100%;transition:width .6s}.quiz-finished-actions{gap:12px;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes flash{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}