:root{--bg:#0b0e1f;--bg-2:#10153a;--surface:#161c44;--surface-2:#1f2758;--ink:#fbf8ef;--muted:#c3c8e6;--faint:#8e95c4;--line:#ffffff17;--gold:#ffc61a;--gold-deep:#d49a00;--gold-ink:#241a00;--gold-soft:#ffe08a;--tile:#3a3fb8;--tile-deep:#262a86;--good:#2ecc71;--good-deep:#1f9a54;--bad:#ff5c6c;--bad-deep:#c43746;--radius:18px;--display:"Fredoka", system-ui, sans-serif;--sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:Georgia, "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(900px 420px at 15% -10%, #ffc61a1a, transparent 60%), radial-gradient(800px 480px at 95% 0%, #505aff2e, transparent 60%), var(--bg);color:var(--ink);font:17px/1.6 var(--sans);background-repeat:no-repeat;margin:0}a{color:var(--gold);text-underline-offset:3px}::selection{background:var(--gold);color:var(--gold-ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}html{scrollbar-color:var(--surface-2) var(--bg);accent-color:var(--gold)}p,li,blockquote,summary{text-wrap:pretty}h1,h2,h3,.quiz-q{text-wrap:balance}img{max-width:100%}.wrap{max-width:920px;margin:0 auto;padding:0 16px}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0b0e1feb;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{font:700 21px var(--display);color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--gold);width:32px;height:32px;box-shadow:0 3px 0 var(--gold-deep);border-radius:9px;place-items:center;display:grid}.brand-mark svg{width:18px;height:18px}.brand b{color:var(--gold);font-weight:700}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{color:var(--muted);font:600 15px var(--display);border-radius:10px;padding:8px 12px;text-decoration:none}.nav a:hover{color:var(--ink);background:#ffffff0f}main{padding:36px 0 64px}.eyebrow{font:600 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}h1{font:700 clamp(32px, 6vw, 50px)/1.08 var(--display);letter-spacing:-.01em;margin:0 0 14px}h1 em,h2 em{color:var(--gold);font-style:normal}h2{font:700 clamp(24px, 4vw, 30px)/1.2 var(--display);margin:44px 0 14px}h3{font:600 19px var(--display);margin:22px 0 8px}.lead{color:var(--muted);max-width:62ch;margin:0 0 28px;font-size:19px}.crumbs{color:var(--faint);margin-bottom:16px;font-size:14px}.crumbs a{color:var(--faint)}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 18px 40px #00000059}.card-label{font:600 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.card-label .live{color:var(--gold)}.card-label .live:before{content:"";background:var(--gold);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;padding:18px;text-decoration:none;transition:transform .12s,border-color .12s;display:block}.tile:hover{border-color:var(--gold);transform:translateY(-2px)}.tile strong{font:600 19px var(--display);margin-bottom:2px;display:block}.tile span{color:var(--faint);font-size:14px}.chips{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);font:600 14px var(--display);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:7px 14px;text-decoration:none}.chip:hover{color:var(--ink);border-color:#ffffff40}.chip[aria-pressed=true],.chip.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.btn{font:600 17px var(--display);cursor:pointer;background:var(--gold);color:var(--gold-ink);box-shadow:0 5px 0 var(--gold-deep);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--gold-deep);transform:translateY(4px)}.btn.ghost{color:var(--ink);box-shadow:none;background:#ffffff0a;border:1px solid #ffffff29}.btn.ghost:hover{background:#ffffff14}.btn:disabled{opacity:.35;cursor:default}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topic-pick{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.topic-label{font:600 14px var(--display);color:var(--muted);margin:0 0 10px}.topic-pick .chips{margin:0}.chip.more{color:var(--gold);background:0 0;border-color:#0000}.verse{font:400 clamp(22px, 3.6vw, 29px)/1.5 var(--serif);color:var(--ink);margin:0 0 14px}.verse-ref{font:600 17px var(--display);color:var(--gold);margin:0 0 22px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:16px 0}.list li:last-child{border-bottom:0}.list blockquote{font:19px/1.55 var(--serif);margin:0 0 6px}.list cite{font:normal 600 15px var(--display);color:var(--gold)}.quiz-q{font:600 clamp(21px, 3.4vw, 26px)/1.35 var(--display);margin:0 0 18px}.options{counter-reset:opt;gap:10px;margin-bottom:16px;display:grid}.option{counter-increment:opt;text-align:left;background:var(--tile);color:#fff;font:600 17px var(--display);cursor:pointer;box-shadow:0 4px 0 var(--tile-deep);border:0;border-radius:12px;align-items:center;gap:14px;padding:13px 16px;transition:transform 80ms,filter .12s;display:flex}.option:before{content:counter(opt, upper-alpha);background:#ffffff29;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.option:hover:not(:disabled){filter:brightness(1.12)}.option:active:not(:disabled){box-shadow:0 1px 0 var(--tile-deep);transform:translateY(3px)}.option.correct{background:var(--good);box-shadow:0 4px 0 var(--good-deep);color:#06210f}.option.wrong{background:var(--bad);box-shadow:0 4px 0 var(--bad-deep)}.option:disabled{cursor:default}.option:disabled:not(.correct):not(.wrong){opacity:.45}.feedback{min-height:28px;font:600 16px var(--display);margin-bottom:14px}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.score{font:700 64px/1 var(--display);color:var(--gold);margin:6px 0 10px}.bar{background:#ffffff14;border-radius:99px;height:8px;margin-bottom:18px;overflow:hidden}.bar i{background:var(--gold);border-radius:99px;height:100%;transition:width .25s;display:block}details.qa{border-bottom:1px solid var(--line);padding:14px 0}details.qa summary{cursor:pointer;font:600 17px var(--display)}details.qa summary::marker{color:var(--gold)}details.qa p{color:var(--muted);margin:8px 0 0}details.qa strong{color:var(--gold-soft)}.prose p,.prose li{max-width:68ch;color:var(--muted)}.prose h1,.prose h2{color:var(--ink)}.note{color:var(--faint);font-size:14px}.pager{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--faint);background:#0000002e;padding:30px 0;font-size:14px}.site-footer nav{flex-wrap:wrap;gap:18px;margin-bottom:10px;display:flex}.site-footer a{color:var(--muted)}