:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f8fafc;background:radial-gradient(circle at top,#1e3a8a,#0f172a 52%);font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:0;min-height:100vh}#root{width:100%;min-width:0;min-height:100vh;display:grid;place-items:center;padding:24px}.card,.setup,.training,section,article,div{min-width:0}h1,h2,h3,p,strong,span,small,button,a,textarea{overflow-wrap:anywhere}.card{width:min(100%,440px);padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#0f172ad1;box-shadow:0 24px 80px #00000059;text-align:center}.eyebrow{color:#60a5fa;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:12px 0 8px;font-size:42px}.subtitle{color:#cbd5e1;line-height:1.5}.welcome{margin:28px 0 18px;font-size:20px;font-weight:700}button{width:100%;padding:15px;border:0;border-radius:14px;font:inherit;font-weight:800}button:disabled{color:#94a3b8;background:#334155}.primary-link{display:block;padding:15px;border-radius:14px;color:#0f172a;background:#60a5fa;font-weight:800;text-decoration:none}.admin-link{display:block;margin-top:10px;padding:12px;color:#93c5fd;text-decoration:none}small{display:block;margin-top:12px;color:#64748b}.error p{color:#fca5a5}.loader{width:48px;height:48px;border:4px solid #334155;border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup{width:min(100%,620px);padding:12px 0 40px}.setup h1{font-size:36px}.setup section{margin:26px 0;padding:20px;border-radius:20px;background:#0f172ac7}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:0 0 14px;font-size:20px}.text-button{width:auto;padding:6px;color:#60a5fa;background:none}.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chip{padding:12px;border:1px solid #475569;border-radius:12px}.chip.selected{border-color:#60a5fa;background:#2563eb33}.chip input,.topic input{margin-right:8px;accent-color:#60a5fa}.topic-list{display:grid;gap:8px}.topic{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 4px;border-bottom:1px solid #334155}.topic strong{color:#93c5fd}.preview{margin:20px 0;padding:16px;border-radius:14px;background:#1e293b;text-align:center}.back{color:#93c5fd;text-decoration:none}.setup select{width:100%;padding:12px;border:1px solid #475569;border-radius:12px;color:#f8fafc;background:#1e293b}.review-list{display:grid;gap:10px;margin-top:20px}.review-card{display:grid;gap:8px;padding:16px;border:1px solid #334155;border-radius:14px;color:#f8fafc;background:#0f172abf;text-decoration:none}.review-card span{color:#94a3b8;font-size:12px}.editor textarea{width:100%;padding:12px;border:1px solid #475569;border-radius:12px;color:#f8fafc;background:#0f172a;font:inherit;resize:vertical}.question-input{min-height:100px;font-size:19px!important;font-weight:700!important}.source-answer{margin:16px 0;padding:16px;border-left:3px solid #60a5fa;background:#1e293b}.option-editor{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:10px 0}.option-editor input{margin-top:16px;accent-color:#22c55e}.option-editor small{grid-column:2;margin:-6px 0 0;color:#fbbf24}.explanation-input{min-height:220px}.editor-actions{display:grid;gap:10px;margin-top:18px}.editor-actions .publish{color:#052e16;background:#4ade80}.form-error{color:#fca5a5}.training{width:min(100%,680px);padding:12px 0 40px}.training-progress{display:flex;justify-content:space-between;gap:12px;color:#94a3b8;font-size:14px}.training progress{width:100%;margin:12px 0 28px;accent-color:#60a5fa}.answer-list{display:grid;gap:12px;margin:24px 0}.answer-option{color:#f8fafc;border:2px solid #475569;background:#1e293b;text-align:left}.answer-option.selected{border-color:#60a5fa}.answer-option.correct,.feedback.correct{border-color:#22c55e;background:#22c55e29}.answer-option.wrong,.feedback.wrong{border-color:#ef4444;background:#ef444429}.feedback{margin-bottom:20px;padding:16px;border:1px solid;border-radius:14px}.feedback h2{margin-top:0}.result{display:grid;gap:16px}.result-score{color:#60a5fa;font-size:64px;font-weight:800}.button-link{display:block;padding:15px;border-radius:14px;color:#0f172a;background:#60a5fa;font-weight:800;text-decoration:none}.home-stats{display:grid;gap:3px;margin:0 0 20px;padding:14px;border-radius:14px;background:#1e293b}.home-stats strong{color:#60a5fa;font-size:28px}.home-stats small{margin:2px 0 0}.history-list{display:grid;gap:12px}.history-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid #334155;border-radius:14px;color:#f8fafc;background:#0f172ac7;text-decoration:none}.history-card strong{color:#60a5fa;font-size:24px}.history-card time{color:#94a3b8;font-size:12px}.review-item{padding:20px!important}.review-heading{display:flex;justify-content:space-between;gap:12px;color:#94a3b8;font-size:13px}.review-item h2{font-size:21px}.review-options{display:grid;gap:8px}.review-option{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:10px;border:1px solid #475569;border-radius:10px}.review-option.correct{border-color:#22c55e;background:#22c55e24}.review-option.wrong{border-color:#ef4444;background:#ef444424}.review-explanation{color:#cbd5e1;line-height:1.5}.success-text{color:#4ade80}.danger-text{color:#f87171}.progress-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.progress-summary div{display:grid;gap:5px;padding:14px 8px;border-radius:14px;background:#1e293b;text-align:center}.progress-summary strong{color:#60a5fa;font-size:22px}.progress-summary span{color:#94a3b8;font-size:11px}.topic-progress-list{display:grid;gap:16px}.topic-progress{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 44px;align-items:center;gap:12px}.topic-progress>div:first-child{display:grid}.topic-progress span{color:#94a3b8;font-size:12px}.progress-track{height:8px;overflow:hidden;border-radius:10px;background:#334155}.progress-track span{display:block;height:100%;border-radius:10px;background:#60a5fa}.topic-progress b{text-align:right}.queue-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:16px;border-radius:16px;background:#1e293b}.queue-progress>strong{color:#4ade80;font-size:32px}.queue-progress div{display:grid;gap:8px}.queue-progress progress{width:100%;accent-color:#22c55e}.queue-levels{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.queue-levels span{padding:6px 9px;border-radius:8px;color:#cbd5e1;background:#334155;font-size:12px}.resume-link{display:block;margin-bottom:10px;padding:15px;border:1px solid #4ade80;border-radius:14px;color:#bbf7d0;background:#22c55e1f;font-weight:800;text-decoration:none}.daily-mini{display:flex;justify-content:space-between;gap:10px;margin:-10px 0 16px;color:#cbd5e1;font-size:13px}.profile-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.profile-metrics div{display:grid;gap:5px;padding:18px;border-radius:16px;background:#1e293b;text-align:center}.profile-metrics strong{font-size:24px}.profile-metrics span{color:#94a3b8;font-size:12px}.daily-goal progress{width:100%;accent-color:#4ade80}.daily-goal p{color:#cbd5e1}.achievement-grid{display:grid;gap:10px}.achievement{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px;border:1px solid #334155;border-radius:14px;opacity:.52;background:#0f172ab8}.achievement.unlocked{border-color:#fbbf24;opacity:1;background:#f59e0b1a}.achievement>span{font-size:32px;filter:grayscale(1)}.achievement.unlocked>span{filter:none}.achievement p{margin:4px 0;color:#94a3b8;font-size:13px}.achievement small{margin:0}@media(max-width:480px){#root{place-items:start stretch;padding:14px}.card{width:100%;padding:22px 16px;border-radius:20px}h1{font-size:clamp(28px,10vw,36px);line-height:1.12}.setup h1{font-size:clamp(27px,9vw,34px)}.training h1{font-size:clamp(25px,8vw,32px)}.training-progress,.daily-mini,.review-heading{flex-direction:column;align-items:flex-start}.chips,.profile-metrics,.progress-summary{grid-template-columns:1fr}.topic-progress{grid-template-columns:minmax(0,1fr) 42px}.topic-progress .progress-track{grid-column:1 / -1;grid-row:2}.topic-progress b{grid-column:2;grid-row:1}.history-card{grid-template-columns:auto minmax(0,1fr)}.history-card time{grid-column:1 / -1}.queue-progress{grid-template-columns:1fr}.achievement{grid-template-columns:36px minmax(0,1fr);padding:12px}.achievement>span{font-size:27px}button,.primary-link,.button-link,.resume-link{padding:13px}}