:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background:#0f172a;color:#e2e8f0}#root{max-width:1100px;margin:0 auto;padding:24px}.container{display:flex;flex-direction:column;gap:16px}h1{margin:0}.sub{opacity:.9;margin:0}.tabs{display:flex;align-items:center;justify-content:space-between;gap:10px}.tabs-actions{display:flex;gap:8px;flex-wrap:wrap}.tabs-logo-link{display:inline-flex;border:1px solid #334155;border-radius:10px;padding:4px 8px;background:#0b1220}.tabs-logo{width:84px;height:auto;display:block}button{border:1px solid #334155;background:#1e293b;color:#f8fafc;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{background:#334155}button:disabled{opacity:.5;cursor:not-allowed}.card{background:#111827;border:1px solid #334155;border-radius:12px;padding:16px}ul{margin:12px 0;padding-left:20px;list-style:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.learn-options{margin-top:10px}.learn-option{margin:6px 0;padding:8px 10px;border-radius:8px;border:1px solid transparent}.learn-option.selected{background:#38bdf81f}.learn-option.correct{background:#22c55e33;border-color:#22c55e80}.learn-option.wrong{background:#ef444433;border-color:#ef444480}.progress-nav-row{display:flex;align-items:center;gap:10px;margin:8px 0 14px}.nav-inline{display:flex;gap:8px}.nav-arrow{width:40px;height:40px;border-radius:999px;padding:0;font-size:24px;line-height:1;-webkit-user-select:none;user-select:none}.test-item{margin-top:18px;padding-top:12px;border-top:1px dashed #334155}.test-item h3{margin:0 0 10px;font-size:16px}.option{display:block;margin:6px 0;padding:6px 8px;border-radius:8px}.option.selected{background:#38bdf81f}.option.wrong{background:#ef44442e;border:1px solid rgba(239,68,68,.45)}.option.correct-when-wrong{background:#ef444424;border:1px solid rgba(239,68,68,.55)}.feedback-ok{color:#22c55e;font-weight:600}.feedback-wrong{color:#f87171;font-weight:600}.correct-answer{color:#22c55e;font-weight:600}.flip-card{perspective:1000px;margin-bottom:12px;cursor:pointer;width:100%}.flip-card-inner{position:relative;width:100%;min-height:320px;transition:transform .55s ease;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #334155;border-radius:10px;background:#0b1220;padding:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front,.flip-back{display:flex;flex-direction:column;gap:10px}.flip-front ul{margin-top:0}.flip-back{transform:rotateY(180deg)}.answer-text{color:#22c55e;font-size:20px}.progress-wrap{display:flex;align-items:center;gap:10px;margin:0;flex:1}.progress-track{flex:1;height:10px;border-radius:999px;background:#1e293b;overflow:hidden;border:1px solid #334155}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#38bdf8);transition:width .25s ease}.progress-label{min-width:42px;text-align:right;font-weight:600;color:#cbd5e1}.test-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-bottom:14px}.test-grid-item{padding:6px 0;border-radius:8px}.test-grid-item.active{outline:2px solid #38bdf8}.test-grid-item.answered{background:#0b3b57}.test-grid-item.correct{background:#166534}.test-grid-item.wrong{background:#7f1d1d}.footer{margin-top:8px;padding:14px 16px;border:1px solid #334155;border-radius:12px;background:#111827;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.footer p{margin:0}.footer a{color:#38bdf8;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}