@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f6f4ef;--bg-accent: #d7e8ff;--card: rgba(255, 255, 255, .75);--card-border: rgba(15, 23, 42, .08);--text: #132042;--muted: #4f5d77;--chip-bg: #e8f0ff;--chip-text: #174793;--panel: rgba(255, 255, 255, .9);--panel-2: #f2f6ff;--input-bg: #ffffff;--input-border: #d2dbea;--primary: #2868ff;--primary-2: #1f9dff;--secondary: #dbe7ff;--secondary-text: #16356f;--good: #0f9f6f;--bad: #d04646;--result: #102041;--shadow: 0 24px 56px rgba(26, 42, 85, .16)}body[data-theme=dark]{--bg: #071225;--bg-accent: #001b3f;--card: rgba(8, 19, 39, .85);--card-border: rgba(116, 153, 213, .28);--text: #dce8ff;--muted: #98b1da;--chip-bg: rgba(29, 67, 128, .42);--chip-text: #c7deff;--panel: rgba(12, 28, 54, .92);--panel-2: rgba(13, 32, 62, .92);--input-bg: rgba(8, 22, 47, .95);--input-border: rgba(99, 148, 224, .45);--primary: #7ca8ff;--primary-2: #50c2ff;--secondary: rgba(39, 78, 141, .4);--secondary-text: #dce8ff;--good: #38d39f;--bad: #f17d7d;--result: #dce8ff;--shadow: 0 24px 56px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 20%,var(--bg-accent),transparent 48%),radial-gradient(circle at 88% 0%,rgba(139,190,255,.25),transparent 30%),var(--bg);transition:background .35s ease,color .35s ease}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.bg-orb{position:absolute;border-radius:999px;filter:blur(50px);opacity:.5;pointer-events:none}.bg-orb-left{width:320px;height:320px;left:-120px;bottom:-120px;background:linear-gradient(135deg,#4fb2ff,#8fd3ff)}.bg-orb-right{width:300px;height:300px;right:-110px;top:-120px;background:linear-gradient(135deg,#7795ff,#5abaff)}.card{width:min(980px,100%);background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:30px;padding:28px;box-shadow:var(--shadow);animation:cardEnter .5s ease;position:relative;z-index:2}@keyframes cardEnter{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.version-badge{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--input-border);background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.theme-toggle{border:1px solid var(--input-border);background:var(--panel-2);color:var(--text);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--primary)}.card-top h1{margin:0;font-size:clamp(1.8rem,3vw,2.5rem);color:var(--text);line-height:1.12}.card-top p{margin:10px 0 0;color:var(--muted);max-width:640px}.setup-grid{margin-top:22px;display:grid;gap:18px;grid-template-columns:1.55fr 1fr}.setup-main,.setup-side,.quiz-panel,.results-panel,.loading-panel{background:var(--panel);border:1px solid var(--card-border);border-radius:20px;padding:18px}.setup-side{display:grid;gap:12px;align-content:start}.clear-btn{margin-top:6px;background:transparent;border:1px dashed var(--input-border);color:var(--muted);padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:700}.clear-btn:hover{color:var(--bad);border-color:#d0535399}.side-stat{background:var(--panel-2);border-radius:14px;padding:12px;border:1px solid var(--card-border);display:grid;gap:4px}.side-stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.side-stat strong{color:var(--text);font-size:1.08rem}.side-note{margin-top:4px;background:linear-gradient(135deg,#2968ff1f,#1f9dff14);border-radius:14px;border:1px solid var(--card-border);color:var(--muted);padding:12px;line-height:1.5;font-size:14px}.field-label{display:block;margin-bottom:8px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}input,select,button{font:inherit}input,select{width:100%;border:1px solid var(--input-border);border-radius:13px;padding:12px 13px;background:var(--input-bg);color:var(--text)}input::placeholder{color:var(--muted)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1f9dff2e}.selectors-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.history-panel,.recent-quiz-panel{margin-top:16px}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{border:1px solid var(--input-border);background:var(--chip-bg);color:var(--chip-text);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.topic-chip:hover{transform:translateY(-1px);border-color:var(--primary)}.recent-quiz-list{display:grid;gap:9px}.recent-quiz-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--card-border);background:var(--panel-2);border-radius:12px;padding:10px 11px}.recent-quiz-list>*{opacity:0;transform:translateY(8px) scale(.995)}.recent-quiz-list.mounted>*{animation:slideUpFade .42s cubic-bezier(.2,.9,.2,1) both}.recent-quiz-list.mounted>*:nth-child(1){animation-delay:0ms}.recent-quiz-list.mounted>*:nth-child(2){animation-delay:70ms}.recent-quiz-list.mounted>*:nth-child(3){animation-delay:.14s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.recent-quiz-item:hover{transform:translateY(-4px);box-shadow:0 10px 30px #16327814}.primary-btn:active,.secondary-btn:active,.topic-chip:active{transform:translateY(1px) scale(.995)}.option-btn:active{transform:scale(.997)}.progress-fill{transition:width .45s cubic-bezier(.2,.9,.2,1),box-shadow .25s ease;box-shadow:0 6px 20px #1f7cff24}.recent-quiz-meta{display:grid;gap:2px}.recent-quiz-meta strong{color:var(--text)}.recent-quiz-meta span{color:var(--muted);font-size:12px}.primary-btn,.secondary-btn{width:100%;border:none;border-radius:14px;padding:12px 14px;margin-top:16px;font-weight:700;cursor:pointer}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#f7fbff;box-shadow:0 10px 20px #1f7cff40}.secondary-btn{background:var(--secondary);color:var(--secondary-text)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.loading-panel{text-align:center;padding:44px 24px}.spinner{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;border:4px solid rgba(64,149,255,.24);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-panel{margin-top:18px}.quiz-meta{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--muted);font-weight:700}.progress-track{background:var(--panel-2);height:9px;border-radius:999px;overflow:hidden;border:1px solid var(--card-border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));transition:width .35s ease}.quiz-panel h2{margin-top:18px;margin-bottom:14px;color:var(--text);line-height:1.4}.options-grid{display:grid;gap:9px}.option-btn{border:1px solid var(--card-border);background:var(--panel-2);color:var(--text);border-radius:12px;padding:12px;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.option-btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.option-btn.correct{border-color:var(--good);background:color-mix(in srgb,var(--good) 18%,var(--panel-2))}.option-btn.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 16%,var(--panel-2))}.explanation{margin-top:12px;color:var(--text);background:var(--panel-2);border-left:3px solid var(--primary);padding:10px 12px;border-radius:9px}.results-panel{margin-top:18px}.results-panel h2{margin:0;color:var(--result)}.result-commentary{color:var(--muted);margin-bottom:12px}.result-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-grid div{border:1px solid var(--card-border);border-radius:12px;padding:12px;background:var(--panel-2)}.result-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.result-grid strong{font-size:1.2rem;color:var(--text)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}@media (max-width: 860px){.setup-grid{grid-template-columns:1fr}}@media (max-width: 700px){.card{padding:18px;border-radius:20px}.selectors-row,.result-actions,.result-grid{grid-template-columns:1fr}.recent-quiz-item{flex-direction:column;align-items:flex-start}}