*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4efe6;--color-text-title:#1d1914;--color-verse:#4d2f66;--color-link:#64284f;--color-muted:#5d554a;--color-surface:#fffaf2;--color-surface-text:#1d1914;--color-shadow:#b9ad9b;--color-shadow-sec:#fff;--color-focus:#075fbd;--color-success:#135f32;--color-success-bg:#dff6e8;--color-danger:#8c1d24;--color-danger-bg:#fde5e6;--content-width:44rem}body.darkmode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#161411;--color-text-title:#f7f2e9;--color-verse:#f0c8ff;--color-link:#ffd2e5;--color-muted:#d0c7bb;--color-surface:#29251f;--color-surface-text:#fffaf1;--color-shadow:#050403;--color-shadow-sec:#3b352d;--color-focus:#ffd166}html{background:var(--color-bg);scroll-behavior:smooth;min-width:20rem}body{background:var(--color-bg);min-height:100svh;color:var(--color-text-title);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-link);text-underline-offset:.2em;font-weight:700;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.page-shell{flex-direction:column;align-items:center;width:100%;min-height:100svh;padding:5.5rem 1.25rem 1.5rem;display:flex;position:relative}.home-content,.game-content{width:min(100%, var(--content-width));flex-direction:column;flex:1;align-items:center;display:flex}.page-header{text-align:center;width:100%;margin-bottom:1.5rem}.eyebrow{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:800}.title{color:var(--color-text-title);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.25rem,8vw,4rem);font-weight:850;line-height:1}.subtitle{color:var(--color-muted);margin-top:.75rem;font-size:clamp(1rem,3vw,1.15rem)}.icon-button{z-index:10;border:1px solid color-mix(in srgb, var(--color-text-title) 22%, transparent);background:var(--color-surface);width:3rem;height:3rem;box-shadow:0 .35rem 1rem color-mix(in srgb, var(--color-shadow) 40%, transparent);color:var(--color-surface-text);cursor:pointer;border-radius:999px;place-items:center;font-size:1.35rem;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid;position:fixed;top:1.25rem}.icon-button:hover{box-shadow:0 .5rem 1.2rem color-mix(in srgb, var(--color-shadow) 55%, transparent);transform:translateY(-2px)}.icon-button--left{left:max(1.25rem,50vw - 40rem)}.icon-button--right{right:max(1.25rem,50vw - 40rem)}.album-figure{margin:0 0 1.35rem}.album-cover-frame{background:var(--color-surface);width:clamp(13.5rem,42vw,18.75rem);box-shadow:.9rem .9rem 1.5rem color-mix(in srgb, var(--color-shadow) 72%, transparent), -.65rem -.65rem 1.35rem color-mix(in srgb, var(--color-shadow-sec) 62%, transparent);border-radius:1.6rem;position:relative;overflow:hidden}.album-cover{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.album-overlay{color:#fff;text-align:center;text-wrap:balance;background:#000000c2;place-items:center;padding:1.5rem;font-size:clamp(1.15rem,4vw,1.45rem);font-weight:800;display:grid;position:absolute;inset:0}.primary-button,.question-option{min-height:3rem;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:.9rem;font-weight:800;transition:transform .13s,box-shadow .13s,background-color .13s}.primary-button{background:var(--color-text-title);color:var(--color-bg);box-shadow:0 .4rem 1rem color-mix(in srgb, var(--color-shadow) 45%, transparent);padding:.75rem 1.35rem}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.72}.result-region{place-items:center;width:100%;min-height:8.5rem;margin-top:1.2rem;display:grid}.verse-card{border:1px solid color-mix(in srgb, var(--color-text-title) 16%, transparent);background:var(--color-surface);text-align:center;border-radius:1rem;width:100%;padding:1.2rem}.verse-card p{color:var(--color-verse);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,4vw,1.9rem);font-weight:700;line-height:1.35}.verse-card cite{color:var(--color-muted);margin-top:.75rem;font-size:.95rem;font-style:normal;display:block}.verse-card strong{color:var(--color-link)}.error-message,.error-panel{border:1px solid var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger);border-radius:.8rem}.error-message{padding:.8rem 1rem}.text-button{min-height:2.75rem;color:var(--color-link);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.4rem .55rem;font-weight:750;text-decoration:underline}.history-section{width:min(100%, var(--content-width));text-align:center;margin-top:.5rem}.history-list{gap:.6rem;margin-top:.75rem;padding:0;list-style:none;display:grid}.history-list li{background:color-mix(in srgb, var(--color-surface) 78%, transparent);color:var(--color-muted);border-radius:.7rem;padding:.75rem}.site-footer{color:var(--color-muted);flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem;padding-top:1rem;font-size:.9rem;display:flex}.game-page{justify-content:flex-start}.game-content{max-width:38rem}.score-row{color:var(--color-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.quiz-region{width:100%}.status-message{color:var(--color-verse);text-align:center;padding:2rem;font-size:1.25rem;font-weight:750}.error-panel{text-align:center;justify-items:center;gap:1rem;padding:1.2rem;display:grid}.quiz-card{flex-direction:column;align-items:center;display:flex}.quiz-verse{width:100%;color:var(--color-verse);text-align:center;margin-bottom:1.25rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,5vw,2rem);font-weight:700;line-height:1.35}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:100%;display:grid}.question-option{border-color:color-mix(in srgb, var(--color-surface-text) 25%, transparent);background:var(--color-surface);width:100%;color:var(--color-surface-text);padding:.75rem 1rem}.question-option:hover:not(:disabled){border-color:var(--color-link);transform:translateY(-2px)}.question-option:disabled{cursor:default}.question-option--correct{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.question-option--wrong{border-color:var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger)}.hint-button{margin-top:.8rem}.hint-card{max-width:15rem;color:var(--color-muted);text-align:center;justify-items:center;gap:.6rem;margin-top:.5rem;font-size:.9rem;display:grid}.hint-cover{object-fit:cover;width:12rem;height:12rem;box-shadow:0 .4rem 1rem color-mix(in srgb, var(--color-shadow) 55%, transparent);border-radius:1rem}.answer-feedback{text-align:center;border:1px solid;border-radius:.85rem;justify-items:center;gap:.85rem;width:100%;margin-top:1rem;padding:1rem;font-weight:800;display:grid}.answer-feedback.is-correct{background:var(--color-success-bg);color:var(--color-success)}.answer-feedback.is-wrong{background:var(--color-danger-bg);color:var(--color-danger)}.answer-feedback .primary-button{color:#fff;background:#1d1914}.about-page{justify-content:center}.about-content{grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr);align-items:center;gap:clamp(2rem,6vw,5rem);width:min(100%,58rem);display:grid}.about-copy .title{margin-bottom:1.5rem}.about-copy>p{max-width:42rem;color:var(--color-muted);font-size:1.05rem;line-height:1.75}.about-copy .about-lead{color:var(--color-verse);margin-bottom:1.2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:700;line-height:1.45}.about-links{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.about-cover{color:var(--color-muted);text-align:center;justify-items:center;gap:.8rem;font-size:.9rem;display:grid}.about-cover .album-cover{box-shadow:.8rem .8rem 1.5rem color-mix(in srgb, var(--color-shadow) 65%, transparent);border-radius:1.4rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fade-in{animation:.22s ease-out both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.page-shell{padding:5rem 1rem 1.25rem}.icon-button{width:2.75rem;height:2.75rem;top:1rem}.icon-button--left{left:1rem}.icon-button--right{right:1rem}.album-cover-frame{width:min(72vw,17rem)}.quiz-options,.about-content{grid-template-columns:1fr}.about-copy{text-align:center}.about-links{justify-content:center}.about-cover{justify-self:center;width:min(72vw,17rem)}}@media (max-height:650px) and (min-width:601px){.page-shell{padding-top:4.75rem}.album-cover-frame{width:min(38vh,15rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}