: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}[hidden]{display:none!important}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}.muted-text{color:var(--muted);max-width:68ch;margin:-4px 0 8px}.list blockquote,.advent-list blockquote,.verse{max-width:34em}.advent-when{font:600 15px var(--display);color:var(--gold);margin:0 0 4px}.toc{margin:28px 0 0}.advent-title{margin:0 0 10px;font-size:26px}.advent-list{margin:0;padding:0;list-style:none}.advent-list li{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:16px;padding:18px 0;scroll-margin-top:90px;display:grid}.advent-list h3{margin:0 0 6px}.advent-list blockquote{font:18px/1.55 var(--serif);margin:0 0 6px}.advent-list cite{font:normal 600 15px var(--display);color:var(--gold)}.advent-day{font:700 15px/1.2 var(--display);color:var(--faint);padding-top:3px}.advent-list li.today{background:#ffc61a12;border-radius:12px;padding-left:12px;padding-right:12px}.advent-list li.today .advent-day{color:var(--gold)}.feature-list{gap:12px;display:grid}.feature{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--ink);grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:20px 22px;text-decoration:none;transition:border-color .12s,transform .12s;display:grid}.feature:hover{border-color:var(--gold);transform:translate(3px)}.feature strong{font:600 22px var(--display)}.feature span{color:var(--muted);grid-column:1}.feature svg{color:var(--gold);grid-area:1/2/span 2}.season{border-radius:var(--radius);background:linear-gradient(100deg,#ffc61a29,#ffc61a0a);border:1px solid #ffc61a59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:8px 0 0;padding:18px 22px;display:flex}.season p{font:600 18px var(--display);margin:0}.season p span{font:400 15px var(--sans);color:var(--muted);display:block}.coloring-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.coloring-thumb{color:var(--ink);text-decoration:none;display:block}.coloring-thumb img{aspect-ratio:3/4;object-fit:contain;background:#fff;border-radius:14px;width:100%;height:auto;transition:transform .15s;display:block;box-shadow:0 12px 28px #00000059}.coloring-thumb:hover img{transform:translateY(-3px)rotate(-.6deg)}.coloring-thumb strong{font:600 17px/1.3 var(--display);margin:12px 0 2px;display:block}.coloring-thumb span{color:var(--faint);font-size:14px}.print-sheet{border-radius:var(--radius);background:#fff;max-width:640px;margin:0 0 8px;padding:18px}.print-sheet img{width:100%;height:auto;display:block}.print-sheet figcaption{color:#444;font:13px/1.4 var(--serif);justify-content:space-between;gap:12px;padding-top:10px;display:flex}.print-credit{font-family:var(--sans);white-space:nowrap}@media print{@page{margin:12mm}body{color:#000;background:#fff}.site-header,.site-footer,.crumbs,h1,.lead,.no-print{display:none!important}main{padding:0}.print-sheet{border-radius:0;max-width:none;padding:0}.print-sheet img{width:auto;max-height:92vh;margin:0 auto}}.share-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);padding:18px;overflow:auto;box-shadow:0 24px 60px #00000080}.share-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050714b8}.share-head{font:600 18px var(--display);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.share-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px}.share-close:hover{color:var(--ink)}.share-preview{object-fit:contain;aspect-ratio:4/5;background:var(--bg);border-radius:12px;width:100%;max-height:62vh;margin-bottom:14px;display:block}.share-actions .btn{flex:auto;padding:11px 14px;font-size:15px}.book-name{color:var(--gold)}.book-group h3 span{color:var(--faint);font-weight:500}.book-chain{flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.book-chain a{background:var(--surface);border:1px solid var(--line);color:var(--ink);font:500 15px var(--sans);border-radius:10px;padding:6px 12px;text-decoration:none;display:inline-block}.book-chain a:hover{border-color:var(--gold)}.result-name{font:700 clamp(40px, 7vw, 60px)/1 var(--display);color:var(--gold);margin:4px 0}.result-tag{font:600 20px var(--display);margin:0 0 14px}.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)}