:root{color-scheme:light;--bg:#f7fbff;--text:#0f172a;--muted:#52607a;--card:rgba(255,255,255,0.82);--border:rgba(15,23,42,0.10);--accent:#22b3a6;--accent2:#8ee7e2;--good:#16a34a;--bad:#dc2626;--shadow:0 18px 45px rgba(15,23,42,0.10)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:radial-gradient(circle at 1px 1px,rgba(2,6,23,.06) 1px,transparent 1px) 0 0 /22px 22px,linear-gradient(180deg,rgba(34,179,166,.05),rgba(34,179,166,0) 40%),var(--bg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.9);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(34,179,166,.45);box-shadow:0 0 0 4px rgba(34,179,166,.1)}button{cursor:pointer;border:1px solid var(--border);background:rgba(255,255,255,.92)}button.primary{border-color:rgba(34,179,166,.35);background:linear-gradient(90deg,rgba(34,179,166,.95),rgba(142,231,226,.55));color:#053b38;font-weight:800;box-shadow:0 10px 30px rgba(34,179,166,.18)}button.primary:disabled{opacity:.65;cursor:not-allowed}main{padding:18px}.shell{max-width:1100px;margin:0 auto;padding:18px 18px 34px}.card{background:var(--card)}.card,.panel{border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{background:rgba(255,255,255,.82)}.row{display:flex;align-items:center;gap:10px}.grid{display:grid;grid-gap:14px;gap:14px}.grid.books{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.small{font-size:12px}.muted,.small{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.92)}.hr{height:1px;background:var(--border);border:0;margin:16px 0}.topbar{display:flex;justify-content:space-between;padding:14px 16px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.78);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:14px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:900;letter-spacing:.2px}.brandIcon{width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.95);border:1px solid var(--border);box-shadow:0 8px 18px rgba(15,23,42,.08)}.brandText{font-size:22px}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(15,23,42,.15);border-top-color:rgba(34,179,166,.95);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.choice{width:100%;justify-content:space-between;padding:14px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.9);text-align:left}.choice,.choiceLeft{display:flex;align-items:center;gap:12px}.choiceLeft{min-width:0}.choiceDot{width:18px;height:18px;border-radius:999px;border:2px solid rgba(15,23,42,.18);background:rgba(255,255,255,.95);flex:0 0 auto}.choiceText{line-height:1.25;white-space:normal;word-break:break-word}.choice[data-selected=true]{border-color:rgba(34,179,166,.35);box-shadow:0 0 0 5px rgba(34,179,166,.12);background:rgba(34,179,166,.08)}.choice[data-selected=true] .choiceDot{border-color:rgba(34,179,166,.65);background:radial-gradient(circle at 50% 50%,rgba(34,179,166,.95) 0 45%,transparent 46% 100%)}.choice:disabled{opacity:.9;cursor:default}.toastCard{position:relative;width:min(680px,92vw);border-radius:26px;border:1px solid var(--border);background:rgba(255,255,255,.92);box-shadow:0 28px 90px rgba(15,23,42,.25);padding:22px 20px;overflow:hidden;animation:toastIn .24s ease-out}@keyframes toastIn{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toastTitle{font-weight:950;font-size:22px;letter-spacing:.2px}.toastMsg{margin-top:8px;font-size:16px;color:var(--text)}.toastHint{margin-top:10px;font-size:12px;color:var(--muted)}.confetti{position:absolute;inset:0;pointer-events:none}.confettiPiece{position:absolute;top:-12px;width:8px;height:14px;border-radius:3px;opacity:.95;transform:translateZ(0);animation:confettiFall .9s ease-in forwards}@keyframes confettiFall{to{transform:translate3d(var(--dx),420px,0) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){.toastCard{animation:none}.confettiPiece{animation:none;display:none}.spinner{animation:none}}.quizFrame{display:flex;flex-direction:column;gap:14px;height:calc(100dvh - 210px);overflow:hidden}@supports not (height:100dvh){.quizFrame{height:calc(100vh - 210px)}}.quizScroll{flex:1 1 auto;overflow:auto;padding-right:6px}.quizScroll::-webkit-scrollbar{width:10px}.quizScroll::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12);border-radius:999px}.quizScroll::-webkit-scrollbar-track{background:rgba(15,23,42,.05);border-radius:999px}.toastOverlay{position:fixed;inset:0;display:grid;place-items:center;padding:22px;z-index:9999;background:rgba(2,6,23,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}