:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-2: #252525;--border: #333;--text: #e8e8e8;--text-muted: #888;--primary: #7c6ff7;--primary-dim: rgba(124, 111, 247, .15);--success: #4ade80;--success-dim: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-dim: rgba(251, 191, 36, .15);--error: #f87171;--error-dim: rgba(248, 113, 113, .15);--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}#root{max-width:480px;margin:0 auto;padding:16px}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80dvh;gap:8px}.auth h1{font-size:2rem;color:var(--primary)}.auth .subtitle{color:var(--text-muted);margin-bottom:24px}.auth form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}input[type=text],input[type=email],input[type=password]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--text);font-size:1rem;outline:none;width:100%}input:focus{border-color:var(--primary)}select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;color:var(--text);font-size:.875rem}button{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:10px 20px;font-size:1rem;cursor:pointer;transition:opacity .15s}button:hover{opacity:.9}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.link{background:none;color:var(--text-muted);padding:8px;font-size:.875rem}button.link:hover{color:var(--text)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left{display:flex;align-items:center;gap:12px}header h1{font-size:1.25rem;color:var(--primary)}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border)}.tabs button{background:none;color:var(--text-muted);border-radius:0;padding:8px 16px;font-size:.9rem;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.practice-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50dvh;gap:8px;text-align:center}.review-count{font-size:4rem;font-weight:700;color:var(--primary)}.review-label{color:var(--text-muted);font-size:1.1rem;margin-bottom:16px}.practice{display:flex;flex-direction:column;gap:16px}.progress-bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s}.progress-text{text-align:center;color:var(--text-muted);font-size:.75rem}.prompt-card{background:var(--primary-dim);border-radius:var(--radius);padding:24px;text-align:center;display:flex;flex-direction:column;gap:8px}.prompt-label{color:var(--text-muted);font-size:.8rem}.prompt-word{font-size:1.5rem;font-weight:600}.prompt-hint{color:var(--text-muted);font-size:.75rem}.answer-area{display:flex;flex-direction:column;gap:12px}.result-card{border-radius:var(--radius);padding:20px;text-align:center;display:flex;flex-direction:column;gap:8px}.result-card.result-exact{background:var(--success-dim)}.result-card.result-exact .result-message{color:var(--success)}.result-card.result-exact .result-word{color:var(--success);font-size:1.25rem;font-weight:600}.result-card.result-close,.result-card.result-wrong_article{background:var(--warning-dim)}.result-card.result-close .result-message,.result-card.result-wrong_article .result-message{color:var(--warning)}.result-card.result-wrong{background:var(--error-dim)}.result-card.result-wrong .result-message{color:var(--error)}.result-actions{display:flex;gap:8px;margin-top:8px;justify-content:center}.result-actions button{flex:1}.word-list{display:flex;flex-direction:column;gap:16px}.stats{display:flex;gap:12px;justify-content:center}.stat{display:flex;flex-direction:column;align-items:center;background:var(--surface);border-radius:var(--radius);padding:12px 20px;min-width:80px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted)}.words{display:flex;flex-direction:column;gap:4px}.word-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface);border-radius:var(--radius)}.word-main{display:flex;flex-direction:column;gap:2px}.word-text{font-weight:500}.word-translation{color:var(--text-muted);font-size:.85rem}.word-meta{display:flex;gap:6px}.tag{background:var(--surface-2);border-radius:4px;padding:2px 8px;font-size:.7rem;color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);padding:48px 0}.error{color:var(--error);font-size:.875rem}.message{color:var(--success);font-size:.875rem}.header-right{display:flex;gap:4px;align-items:center}.reading{display:flex;flex-direction:column;gap:16px}.reading-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40dvh;gap:12px;text-align:center}.story-title{font-size:1.5rem;font-weight:700;color:var(--text)}.story-words{color:var(--text-muted);font-size:.8rem;font-style:italic}.story-body{display:flex;flex-direction:column;gap:16px;line-height:1.7;font-size:1rem}.story-paragraph{color:var(--text)}.clickable-word{cursor:pointer;border-radius:3px;transition:background .1s}.clickable-word:hover{background:var(--primary-dim)}.difficulty-feedback{display:flex;flex-direction:column;gap:8px;background:var(--surface);padding:16px;border-radius:var(--radius);text-align:center}.feedback-buttons{display:flex;gap:8px}.feedback-buttons button{flex:1;font-size:.85rem;padding:8px 12px}.reading-actions{display:flex;gap:8px}.reading-actions button{flex:1}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.1rem}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.modal-footer{padding:16px;border-top:1px solid var(--border)}.modal-footer button{width:100%}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:.8rem;color:var(--text-muted)}.field input[type=range]{width:100%;accent-color:var(--primary)}.hint{color:var(--text-muted);font-size:.8rem}.word-title{font-weight:700;color:var(--primary)}.word-translation-big{font-size:1.3rem;font-weight:600;color:var(--primary)}.context{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--surface-2);border-radius:var(--radius)}.context-text{font-style:italic;font-size:.9rem}