*,*:before,*:after{box-sizing:border-box}:root{--bg: #0b1220;--bg2: #111a2e;--card: rgba(255, 255, 255, .92);--text: #0f172a;--muted: #64748b;--blue: #2563eb;--blue2: #1d4ed8;--green: #16a34a;--green2: #15803d;--purple: #7c3aed;--purple2: #6d28d9;--border: rgba(15, 23, 42, .12)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 20% 10%,#1d4ed8 0%,transparent 60%),radial-gradient(1200px 700px at 80% 20%,#7c3aed 0%,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}#root{min-height:100vh}.app-container{max-width:860px;margin:0 auto;padding:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 16px;box-shadow:0 18px 40px #02061759;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{font-size:1.8rem;margin:0 0 6px;letter-spacing:-.02em}h2{font-size:1.35rem;margin:0 0 8px;letter-spacing:-.01em}h3{font-size:1.05rem;margin:16px 0 8px}p{margin:6px 0}.subtitle{color:var(--muted);margin-bottom:10px}a{color:var(--blue2)}button{font-family:inherit;border-radius:999px;border:none;cursor:pointer;transition:transform .05s ease,box-shadow .12s ease,background-color .12s ease}button:disabled{cursor:default;opacity:.6}.button-primary{display:block;width:100%;margin:8px 0;padding:.78rem 1rem;font-size:1rem;font-weight:650;background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 18px #2563eb47}.button-primary:hover:not(:disabled){box-shadow:0 14px 24px #2563eb59}.button-primary:active:not(:disabled){transform:translateY(1px)}.button-green{background:linear-gradient(180deg,var(--green),var(--green2));box-shadow:0 10px 18px #16a34a40}.button-purple{background:linear-gradient(180deg,var(--purple),var(--purple2));box-shadow:0 10px 18px #7c3aed40}.button-secondary{padding:.55rem .95rem;font-size:.95rem;background-color:#0f172a14;color:var(--text);border:1px solid rgba(15,23,42,.12)}.button-secondary:hover:not(:disabled){background-color:#0f172a1f}select{padding:.45rem .65rem;border-radius:12px;border:1px solid rgba(15,23,42,.16);font-family:inherit;font-size:.95rem;background:#ffffffe6}.field-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}.field-label{font-size:.85rem;color:var(--muted)}.status-pill{padding:8px 10px;border-radius:999px;font-size:.9rem;background:#0f172a0f;border:1px solid rgba(15,23,42,.12);color:var(--text)}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.quiz-header{display:grid;gap:10px;margin-bottom:12px}.toolbar-right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.timer-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toolbar-right .pill,.timer-row .pill,.quiz-meta .pill{margin-right:0}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.86rem;background:#0f172a0f;border:1px solid rgba(15,23,42,.12);color:var(--text);margin-right:6px}.quiz-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.quiz-progress{color:var(--muted);font-size:.92rem;margin-top:6px}.question-text{font-weight:700;margin:12px 0 8px;line-height:1.35}.options-list{margin-top:10px}.option-button{display:block;width:100%;text-align:left;padding:.85rem 1rem;border-radius:14px;background:#ffffffeb;border:1px solid rgba(15,23,42,.14);box-shadow:0 8px 16px #0206170f;margin:10px 0}.option-button:hover:not(:disabled){border-color:#2563eb73;box-shadow:0 10px 18px #02061714}.multi-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;margin:10px 0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.tag{padding:5px 9px;border-radius:999px;font-size:.82rem;background:#2563eb1f;border:1px solid rgba(37,99,235,.22);color:#1d4ed8}.flashcard{margin-top:12px;perspective:1200px;-webkit-user-select:none;user-select:none;width:min(680px,100%);margin-left:auto;margin-right:auto;aspect-ratio:1 / 1;max-height:70vh;height:clamp(240px,52vh,560px);background:#fffffff2;border:1px solid rgba(37,99,235,.22)}.flashcard-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;height:100%;border-radius:16px;border:1px solid var(--border);background:#ffffffeb;padding:16px;box-shadow:0 14px 26px #0206171a;backface-visibility:hidden;overflow:auto;overscroll-behavior:contain}.flashcard-face a{overflow-wrap:anywhere;word-break:break-word}.flashcard-face ul{padding-left:18px}.flashcard:hover .flashcard-face{box-shadow:0 18px 34px #02061724}.flashcard-back{transform:rotateY(180deg);background:#7c3aed1a;border:1px solid rgba(124,58,237,.26)}.flashcard-controls{display:flex;gap:10px;margin-top:12px;align-items:center;flex-wrap:wrap}.flashcard-controls .button-primary,.flashcard-controls .button-secondary{width:auto;margin:0}.flashcard-controls>button{flex:1 1 160px}.flashcard-mark{display:flex;gap:10px;flex:2 1 360px;flex-wrap:wrap}.flashcard-mark .button-primary,.flashcard-mark .button-secondary{flex:1 1 180px}@media(max-width:760px){.flashcard{height:clamp(240px,58vh,640px)}}@media(prefers-reduced-motion:reduce){.flashcard-inner{transition:transform .52s cubic-bezier(.18,.9,.2,1)}}.flashcard .question-text{font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.25;margin:6px 0 10px}.feedback{margin-top:16px;padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.12)}.feedback-title{font-weight:800;margin:0 0 6px}.feedback-body{margin:0;line-height:1.45}.feedback-correct{background:#16a34a1f}.feedback-incorrect{background:#ef44441f}.results-list{list-style:none;padding-left:0;margin:6px 0 0}.results-list li{font-size:.98rem;padding:4px 0}.coach{margin-top:14px;padding:12px;border-radius:14px;background:#7c3aed14;border:1px solid rgba(124,58,237,.18)}.coach-row{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:640px){.app-container{padding:12px}.card{border-radius:0}.button-grid{grid-template-columns:1fr}.field{min-width:100%}}.exam-header{margin-bottom:10px}.exam-timers{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:10px}.progress-row{display:flex;align-items:center;gap:10px}.progress-count{min-width:56px;font-weight:650;color:var(--muted)}.progress-track{flex:1;height:12px;background:#0f172a1a;border:1px solid rgba(15,23,42,.12);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));width:0%}.exam-layout{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px}.opt-text{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.exam-left,.exam-right{min-width:0}.opt-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(15,23,42,.16);background:#0f172a0d;font-weight:800;flex:0 0 auto}.opt-text{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.option-button{display:flex;align-items:flex-start;gap:10px}.multi-option{display:grid;grid-template-columns:20px 28px 1fr;gap:10px;align-items:start}.multi-option input{margin-top:6px}.multi-option.selected{border-color:#2563eb8c;background:#2563eb0f}.check-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb}.option-button.selected{border-color:#2563eb8c;box-shadow:0 10px 18px #2563eb1f;background:#2563eb0f}.linkish{background:transparent;border:none;padding:0;margin:8px 0 0;color:var(--blue2);text-decoration:underline;cursor:pointer;text-align:left}.linkish:disabled{opacity:.6;cursor:default}.option-review{margin-top:10px;display:grid;gap:8px}.option-review .opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb}.option-review .opt.ok{background:#16a34a1a;border-color:#16a34a40}.option-review .opt.bad{background:#ef44441a;border-color:#ef444440}.opt-mark{font-weight:900;width:18px;text-align:right}.tabs{display:flex;gap:8px;border-bottom:1px solid rgba(15,23,42,.12);padding-bottom:8px}.tab{padding:8px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#0f172a0f}.tab.active{background:#2563eb1f;border-color:#2563eb40;color:#1d4ed8}.review-list{list-style:none;padding-left:0;margin:10px 0 0;display:grid;gap:10px}.review-row{display:flex;justify-content:space-between;gap:10px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;padding:10px 12px}.review-row.ok{border-color:#16a34a40}.review-row.bad{border-color:#ef444440}.review-left{display:flex;gap:10px;min-width:0}.review-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;background:#0f172a0f;border:1px solid rgba(15,23,42,.12)}.review-q{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.review-sub{color:var(--muted);font-size:.9rem;margin-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-card{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;padding:10px 12px}.summary-k{color:var(--muted);font-size:.85rem}.summary-v{font-weight:900;font-size:1.1rem;margin-top:4px}.paused-overlay{position:fixed;inset:0;background:#0206178c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.paused-card{width:min(520px,100%);background:var(--card);border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:16px}@media(max-width:760px){.exam-layout,.summary-grid{grid-template-columns:1fr}.review-q{max-width:260px}}.review-details{width:100%}.review-summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.review-summary::-webkit-details-marker{display:none}.review-body{margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.1)}.review-answer-row{display:flex;flex-wrap:wrap;gap:8px}.modal-overlay{position:fixed;inset:0;background:#0206178c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card{width:min(560px,100%);background:var(--card);border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:16px;box-shadow:0 18px 40px #02061759}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.kbd-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:2px 8px;border-radius:10px;border:1px solid rgba(15,23,42,.14);background:#0f172a0d}