@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #f4efe3;--ink: #102027;--ink-muted: #39515a;--card: #fffdf8;--line: #d7cdb7;--accent: #d6682f;--accent-soft: #f7cfb9;--ok: #157f52;--bad: #b82d2d;--warn: #6e4f1d;--env-color: #6b7280}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,#ffd9bd 0,transparent 40%),radial-gradient(circle at 80% 2%,#b6d8de 0,transparent 35%),var(--bg)}a{color:inherit}.page-shell{position:relative;max-width:1120px;margin:0 auto;padding:1.9rem 1.1rem 3rem;border-top:8px solid var(--env-color)}.page-shell.env-staging{--env-color: #b45309}.page-shell.env-production{--env-color: #166534}.page-shell.env-local{--env-color: #1d4ed8}.page-shell.env-unknown{--env-color: #4b5563}.background-orb{position:absolute;border-radius:999px;pointer-events:none;z-index:-1;opacity:.38}.orb-one{width:280px;height:280px;background:#ffc37f;top:-40px;left:-80px;filter:blur(60px)}.orb-two{width:240px;height:240px;background:#9ad5cf;top:45%;right:-90px;filter:blur(52px)}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0}.environment-pill{margin:.52rem 0 0;display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--env-color) 55%,#ffffff);background:color-mix(in srgb,var(--env-color) 14%,#ffffff);color:color-mix(in srgb,var(--env-color) 72%,#0b1012);border-radius:999px;padding:.24rem .54rem}h1{margin:.35rem 0 0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05}.subtitle{margin:.6rem 0 0;color:var(--ink-muted)}.refresh-button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:.65rem 1rem;font-size:.9rem;cursor:pointer}.refresh-button:disabled{cursor:progress;opacity:.72}.scoreboard{margin-top:1.3rem;background:color-mix(in srgb,var(--card) 92%,#ffffff);border:1px solid var(--line);border-radius:16px;padding:.8rem 1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.scoreboard p{margin:0}.state-banner{margin-top:1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--line);background:var(--card)}.state-banner.warning{border-color:#dcbf7a;background:#fff3d7;color:var(--warn)}.state-banner.error{border-color:#d38d8d;background:#ffe8e8;color:var(--bad)}.state-banner ul{margin:.4rem 0 0;padding-left:1rem}.state-banner p{margin:0}.error-detail{margin-top:.4rem!important;font-family:IBM Plex Mono,monospace;font-size:.88rem}.quiz-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem}.quiz-wrap{opacity:0;transform:translateY(14px);animation:card-in .42s ease forwards;animation-delay:var(--stagger)}@keyframes card-in{to{opacity:1;transform:translateY(0)}}.quiz-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#fffdf8,#fff8ee);padding:1rem;display:flex;flex-direction:column;gap:.9rem;min-height:100%}.quiz-type{margin:0;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:var(--ink-muted)}.quiz-header h2{margin:.35rem 0 0;font-size:1.1rem;line-height:1.35}.choice-grid{display:grid;gap:.56rem}.choice{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:.7rem;display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;cursor:pointer;transition:transform .1s ease,border-color .13s ease,background .13s ease}.choice:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.choice:disabled{cursor:default}.choice-id{width:1.7rem;height:1.7rem;border-radius:999px;border:1px solid var(--line);display:inline-grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:.85rem}.choice-label{line-height:1.25;font-size:.95rem}.choice.selected{border-color:var(--accent)}.choice.answer-correct{border-color:#7bc79b;background:#eafbf1}.choice.answer-wrong{border-color:#e9a4a4;background:#fff1f1}.result-pill{margin:0;padding:.52rem .68rem;border-radius:10px;font-size:.9rem;font-weight:500}.result-pill.pending{background:#f6f0df;color:#5f4f24}.result-pill.correct{background:#ddf5e8;color:var(--ok)}.result-pill.wrong{background:#fee6e6;color:var(--bad)}.source-block{padding-top:.6rem}.source-details{border-top:1px dashed var(--line);padding-top:.68rem}.source-summary{cursor:pointer;font-size:.9rem;font-weight:500;color:var(--ink-muted);list-style:none}.source-summary::-webkit-details-marker{display:none}.source-summary:before{content:"+";display:inline-block;width:1rem;margin-right:.25rem;color:var(--accent)}.source-details[open] .source-summary:before{content:"-"}.source-block ul{margin:.2rem 0 0;padding-left:1rem;display:grid;gap:.45rem}.source-block li{font-size:.88rem;line-height:1.2}.source-block a{color:#194b59;text-decoration:none}.source-block a:hover{text-decoration:underline}@media (max-width: 640px){.page-shell{padding:1.1rem .8rem 2.4rem}.top-bar{flex-direction:column;align-items:stretch}.refresh-button{width:100%}.choice{grid-template-columns:auto 1fr}}