.quiz-page{
    --quiz-blue:#2367c4;
    --quiz-blue-2:#174f9f;
    --quiz-soft:#eef6ff;
    --quiz-line:#c9d9ec;
    --quiz-text:#24364b;
    --quiz-muted:#687b91;
    width:min(1360px,calc(100% - 40px));
    max-width:none;
    margin:28px auto 58px;
    padding:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;
    color:var(--quiz-text)
}
.quiz-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.quiz-kicker{font-size:11px;letter-spacing:.16em;color:var(--quiz-blue);font-weight:900}
.quiz-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quiz-title-line h2{margin:4px 0;font-size:29px;color:#20364f;font-weight:900}
.quiz-title-line h2 small{font-size:.55em;color:#6b7f96;font-weight:750}
.quiz-topbar p{margin:0;color:var(--quiz-muted);font-size:13px}
.quiz-mode-badge{display:inline-flex;padding:5px 10px;border:1px solid #bcd2eb;border-radius:999px;font-size:11px;font-weight:850;background:#eaf4ff;color:var(--quiz-blue)}
.quiz-user-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.quiz-login-user{font-size:12px;font-weight:750;color:#5f738a;white-space:nowrap}
.quiz-action-icon{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none!important;font-size:21px;font-weight:900;line-height:1;transition:.15s}
.quiz-action-icon:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(35,103,196,.16)}
.quiz-home{background:#eaf3ff;color:var(--quiz-blue);border:1px solid #bcd2eb}
.quiz-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}
.quiz-stat-card{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid var(--quiz-line);border-radius:14px;padding:13px 15px;box-shadow:0 5px 18px rgba(32,73,120,.07)}
.quiz-stat-title{display:block;font-size:12px;font-weight:850;color:#526b86;margin-bottom:6px}
.quiz-stat-triple{display:flex;flex-direction:column;gap:3px}
.quiz-stat-triple span{font-size:12px;color:#405a75;line-height:1.45}
.quiz-stat-triple i{font-style:normal;display:inline-block;min-width:42px;color:#8a9aae;font-size:10.5px}
.quiz-stat-card.points .quiz-stat-triple span{color:var(--quiz-blue);font-weight:750}
.quiz-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;background:#eaf1f8;border:1px solid #d2deeb;border-radius:14px;margin-bottom:12px}
.quiz-tab{border:1px solid transparent;background:transparent;color:#61758c;border-radius:10px;padding:11px 14px;font-size:14px;font-weight:850;cursor:pointer}
.quiz-tab small{display:block;margin-top:2px;font-size:10px;font-weight:650;color:#8d9caf;line-height:1.35}
.quiz-tab.is-active{background:#fff;color:var(--quiz-blue);border-color:#c7d9ed;box-shadow:0 3px 12px rgba(34,79,130,.10)}
.quiz-panel{display:none;background:linear-gradient(135deg,#f9fcff 0%,#eef6ff 60%,#f8fbff 100%);border:1px solid #bdd1e7;border-radius:18px;padding:18px;box-shadow:0 9px 28px rgba(35,76,122,.08)}
.quiz-panel.is-active{display:block}
.quiz-session-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}
.quiz-session-head strong{display:block;color:#29415d;font-size:16px}
.quiz-session-head span{font-size:11px;color:#71849a}
.quiz-timer{min-width:65px;text-align:center;padding:8px 11px;border-radius:11px;background:#fff;border:1px solid #bdd1e7;color:var(--quiz-blue);font-size:12px;font-weight:850;transition:background-color .45s linear,border-color .45s linear,color .45s linear,box-shadow .25s ease}
.quiz-timer span{font-size:22px;color:var(--quiz-blue-2);transition:color .45s linear}
.quiz-timer.is-urgent{box-shadow:0 0 0 3px rgba(190,30,45,.07),0 4px 12px rgba(150,20,35,.10)}
.quiz-timer.is-urgent span{font-weight:900}
.quiz-intro{text-align:center;padding:34px 16px;background:rgba(255,255,255,.82);border:1px solid #c8d8e9;border-radius:14px}
.quiz-intro p{margin:0 auto 15px;max-width:760px;color:#5f738a;font-size:13px;line-height:1.7}
.quiz-primary-btn{border:1px solid #174f9f;border-radius:10px;background:linear-gradient(180deg,#2c74d4,#2367c4);color:#fff;padding:10px 18px;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 4px 11px rgba(35,103,196,.18)}
.quiz-primary-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.quiz-game{min-height:270px}
.quiz-notice{display:none;margin:0 0 12px;padding:10px 13px;border-radius:10px;background:#edf4fb;color:#526f8d;font-size:13px;font-weight:650;border:1px solid #d0deec}
.quiz-notice.is-show{display:block}
.quiz-notice.is-success{background:#edf8f2;color:#39735a;border-color:#b9dcc8}
.quiz-notice.is-error{background:#fff0f0;color:#98565b;border-color:#e4bec2}
.quiz-question-card{background:rgba(255,255,255,.94);border:1px solid #bdd1e7;border-radius:14px;padding:17px;margin-bottom:12px;box-shadow:0 3px 12px rgba(34,75,120,.04)}
.quiz-question-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:10px;font-weight:850;color:#6684a5}
.quiz-question{font-size:17px;font-weight:750;line-height:1.65;color:#263f5b;word-break:keep-all}
.quiz-verse-ref{margin-top:8px;font-size:10.5px;color:#8394a8}
.quiz-choice-list{display:grid;gap:8px}
.quiz-choice-btn{width:100%;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:flex-start;text-align:left;border:1px solid #c3d4e6;border-radius:12px;background:#fff;padding:11px 12px;color:#36516d;font-size:13px;line-height:1.5;cursor:pointer;transition:.12s}
.quiz-choice-btn:hover{border-color:#6fa0d8;background:#f5f9ff;transform:translateY(-1px)}
.quiz-choice-btn:disabled{cursor:default}
.quiz-choice-number{display:flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:#e8f2ff;color:var(--quiz-blue);font-weight:900;border:1px solid #c5daf1}
.quiz-choice-btn.is-correct{background:#edf8f2;border-color:#9fcfb4}
.quiz-choice-btn.is-wrong{background:#fff0f0;border-color:#dcaeb3}
.quiz-text-answer{display:grid;grid-template-columns:1fr auto;gap:8px}
.quiz-text-answer input{height:43px;border:1.5px solid #b9cde2;border-radius:10px;padding:0 12px;font-size:14px;outline:none;background:#fff;color:#263f5b}
.quiz-text-answer input:focus{border-color:#4d8bd3;box-shadow:0 0 0 3px rgba(35,103,196,.10)}
.quiz-text-answer input.is-correct{background:#edf8f2;border-color:#9fcfb4}
.quiz-text-answer input.is-wrong{background:#fff0f0;border-color:#dcaeb3}
.quiz-text-answer .quiz-primary-btn{min-width:92px;height:43px;padding:0 15px}
.is-hidden{display:none!important}

/* BiblePang global dark mode */
html.bp-dark .quiz-page{--quiz-text:#e5edf7;--quiz-muted:#9fb0c3}
html.bp-dark .quiz-title-line h2{color:#eef5ff}
html.bp-dark .quiz-title-line h2 small{color:#9fb1c6}
html.bp-dark .quiz-topbar p,html.bp-dark .quiz-login-user{color:#9fb0c3}
html.bp-dark .quiz-mode-badge{background:#142b46;border-color:#31577f;color:#8fc0ff}
html.bp-dark .quiz-home{background:#142b46;border-color:#31577f;color:#8fc0ff}
html.bp-dark .quiz-stat-card{background:linear-gradient(135deg,#17283a,#122234);border-color:#31506e;box-shadow:none}
html.bp-dark .quiz-stat-title{color:#b9c9d9}
html.bp-dark .quiz-stat-triple span{color:#d5e1ed}
html.bp-dark .quiz-stat-triple i{color:#8195aa}
html.bp-dark .quiz-stat-card.points .quiz-stat-triple span{color:#8fc0ff}
html.bp-dark .quiz-tabs{background:#122234;border-color:#2b4967}
html.bp-dark .quiz-tab{color:#9eb0c3}
html.bp-dark .quiz-tab small{color:#7f94aa}
html.bp-dark .quiz-tab.is-active{background:#1b3148;border-color:#3b6086;color:#8fc0ff;box-shadow:none}
html.bp-dark .quiz-panel{background:linear-gradient(135deg,#15283b,#102235);border-color:#355878;box-shadow:none}
html.bp-dark .quiz-session-head strong{color:#e1ebf5}
html.bp-dark .quiz-session-head span{color:#92a7bc}
html.bp-dark .quiz-timer{background:#172b40;border-color:#3a5c7c}
html.bp-dark .quiz-intro,html.bp-dark .quiz-question-card{background:#172b40;border-color:#365978;box-shadow:none}
html.bp-dark .quiz-intro p{color:#afc0d1}
html.bp-dark .quiz-question{color:#edf4fb}
html.bp-dark .quiz-question-meta,html.bp-dark .quiz-verse-ref{color:#91a8be}
html.bp-dark .quiz-choice-btn{background:#172b40;border-color:#365978;color:#dce8f4}
html.bp-dark .quiz-choice-btn:hover{background:#1c3651;border-color:#5689bd}
html.bp-dark .quiz-choice-number{background:#173a60;border-color:#315f8e;color:#9ac7ff}
html.bp-dark .quiz-text-answer input{background:#13283c;border-color:#3b6387;color:#edf4fb}

@media(max-width:760px){
 .quiz-page{width:calc(100% - 24px);margin-top:16px;padding:0}
 .quiz-topbar{align-items:flex-start}
 .quiz-title-line h2{font-size:23px}
 .quiz-topbar p{display:none}
 .quiz-history{grid-template-columns:1fr}
 .quiz-panel{padding:13px}
 .quiz-login-user{font-size:11px;max-width:110px;overflow:hidden;text-overflow:ellipsis}
 .quiz-action-icon{width:31px;height:31px;font-size:19px}
 .quiz-question{font-size:15px}
 .quiz-choice-btn{font-size:12.5px}
}
@media(max-width:620px){
 .quiz-text-answer{grid-template-columns:1fr}
 .quiz-text-answer .quiz-primary-btn{width:100%}
}


/* =========================================================
   BiblePang Quiz — 7-color unified game theme
   ========================================================= */
.quiz-page{
    --quiz-light:#edf7ff;--quiz-soft:#cde8ff;--quiz-mid:#68afe8;
    --quiz-dark:#337ab8;--quiz-deep:#1b4f81;--quiz-ink:#183652;
    --quiz-blue:var(--quiz-dark)!important;
    --quiz-blue-2:var(--quiz-deep)!important;
    --quiz-line:var(--quiz-soft)!important;
}
.quiz-theme-red{--quiz-light:#ffe7eb;--quiz-soft:#ffcbd3;--quiz-mid:#ee7181;--quiz-dark:#bf3f58;--quiz-deep:#78283b;--quiz-ink:#4a2230}
.quiz-theme-orange{--quiz-light:#fff0df;--quiz-soft:#ffd9af;--quiz-mid:#f59a47;--quiz-dark:#c96122;--quiz-deep:#7b3913;--quiz-ink:#4c2a16}
.quiz-theme-yellow{--quiz-light:#fff8d8;--quiz-soft:#ffe99b;--quiz-mid:#eac246;--quiz-dark:#a97d17;--quiz-deep:#674a0d;--quiz-ink:#473913}
.quiz-theme-green{--quiz-light:#eafaf0;--quiz-soft:#c9efd7;--quiz-mid:#61c287;--quiz-dark:#2b895a;--quiz-deep:#175b3b;--quiz-ink:#173a2b}
.quiz-theme-blue{--quiz-light:#edf7ff;--quiz-soft:#cde8ff;--quiz-mid:#68afe8;--quiz-dark:#337ab8;--quiz-deep:#1b4f81;--quiz-ink:#183652}
.quiz-theme-indigo{--quiz-light:#f1f2ff;--quiz-soft:#d9ddff;--quiz-mid:#8994dc;--quiz-dark:#5662ae;--quiz-deep:#343d79;--quiz-ink:#292f55}
.quiz-theme-purple{--quiz-light:#faf1ff;--quiz-soft:#ead5ff;--quiz-mid:#b07bdb;--quiz-dark:#7948aa;--quiz-deep:#4e2d77;--quiz-ink:#38224a}

/* One-line title + all stats */
.quiz-dashboard{
    display:grid;
    grid-template-columns:minmax(300px,1.35fr) minmax(0,2.65fr) 96px;
    gap:10px;
    align-items:stretch;
    padding:9px 11px;
    margin-bottom:18px;
    border:1px solid var(--quiz-mid);
    border-radius:18px;
    background:
        radial-gradient(circle at 3% 12%,var(--quiz-soft) 0,transparent 24%),
        linear-gradient(110deg,var(--quiz-light) 0%,#fff 48%,var(--quiz-light) 100%);
    box-shadow:0 8px 22px rgba(35,62,82,.07);
}
.quiz-brand{display:flex;align-items:center;gap:11px;min-width:0}
.quiz-game-logo{
    width:72px;height:72px;flex:0 0 72px;border-radius:18px;overflow:hidden;
    border:1px solid var(--quiz-mid);background:var(--quiz-soft);
    box-shadow:0 4px 12px rgba(30,50,70,.10)
}
.quiz-game-logo svg{display:block;width:100%;height:100%}
.quiz-brand-copy{min-width:0}
.quiz-brand-copy .quiz-kicker{color:var(--quiz-dark)!important}
.quiz-brand-copy .quiz-title-line h2{font-size:24px;margin:2px 0;color:var(--quiz-ink)!important;white-space:nowrap}
.quiz-brand-copy .quiz-title-line h2 small{color:var(--quiz-dark)!important}
.quiz-brand-copy p{font-size:11px!important;color:var(--quiz-dark)!important;white-space:nowrap}

/* Three statistic boxes remain in one line.
   Each box explicitly preserves BOTH rows: today + total. */
.quiz-dashboard .quiz-history{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
    min-width:0;
}
.quiz-dashboard .quiz-stat-card{
    min-width:0;
    padding:10px 12px!important;
    border:1px solid var(--quiz-soft)!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#fff 0%,var(--quiz-light) 100%)!important;
    box-shadow:inset 0 1px 0 #fff,0 4px 11px rgba(35,60,80,.06)!important;
    display:flex;flex-direction:column;justify-content:center;
}
.quiz-dashboard .quiz-stat-title{
    color:var(--quiz-deep)!important;font-size:11px!important;margin-bottom:5px!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.quiz-dashboard .quiz-stat-triple{display:grid!important;grid-template-rows:auto auto!important;gap:2px!important}
.quiz-dashboard .quiz-stat-triple span{
    display:block!important;color:var(--quiz-ink)!important;font-size:11px!important;
    line-height:1.35!important;white-space:nowrap
}
.quiz-dashboard .quiz-stat-triple i{
    color:var(--quiz-dark)!important;min-width:34px!important;font-size:10px!important;font-weight:800
}
.quiz-dashboard .quiz-stat-card.points .quiz-stat-triple span{color:var(--quiz-deep)!important;font-weight:850}

.quiz-dashboard .quiz-user-actions{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px
}
.quiz-dashboard .quiz-login-user{
    color:var(--quiz-deep)!important;font-size:10.5px!important;font-weight:850;text-align:center;
    max-width:92px;overflow:hidden;text-overflow:ellipsis
}
.quiz-dashboard .quiz-home{
    width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#fff,var(--quiz-light))!important;
    color:var(--quiz-deep)!important;border:1px solid var(--quiz-mid)!important
}
.quiz-dashboard .quiz-home svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Theme continues into the game controls */
.quiz-tabs{
    background:linear-gradient(135deg,var(--quiz-soft),var(--quiz-light))!important;
    border-color:var(--quiz-mid)!important
}
.quiz-tab.is-active{
    color:var(--quiz-deep)!important;border-color:var(--quiz-mid)!important;
    background:linear-gradient(145deg,#fff,var(--quiz-light))!important
}
.quiz-panel{
    background:linear-gradient(135deg,var(--quiz-light),#fff 56%,var(--quiz-soft))!important;
    border-color:var(--quiz-mid)!important
}
.quiz-timer{border-color:var(--quiz-mid)!important;color:var(--quiz-dark)!important}
.quiz-timer span{color:var(--quiz-deep)!important}
.quiz-primary-btn{
    border-color:var(--quiz-deep)!important;
    background:linear-gradient(180deg,var(--quiz-mid),var(--quiz-dark))!important
}
.quiz-choice-number{background:var(--quiz-light)!important;color:var(--quiz-deep)!important;border-color:var(--quiz-mid)!important}
.quiz-choice-btn:hover{border-color:var(--quiz-dark)!important;background:var(--quiz-light)!important}

/* Dark mode: retain theme accents */
html.bp-dark .quiz-dashboard{
    background:linear-gradient(145deg,#17251f,#111a17)!important;
    border-color:var(--quiz-dark)!important
}
html.bp-dark .quiz-dashboard .quiz-stat-card{
    background:linear-gradient(145deg,#1b2b25,#14211d)!important;
    border-color:var(--quiz-dark)!important
}
html.bp-dark .quiz-dashboard .quiz-stat-title,
html.bp-dark .quiz-dashboard .quiz-stat-triple span,
html.bp-dark .quiz-dashboard .quiz-login-user{color:#eef6f2!important}
html.bp-dark .quiz-dashboard .quiz-stat-triple i{color:var(--quiz-mid)!important}

@media(max-width:779px){
    .quiz-dashboard{grid-template-columns:1fr}
    .quiz-dashboard .quiz-user-actions{flex-direction:row;justify-content:flex-end}
}
@media(max-width:620px){
    .quiz-dashboard .quiz-history{grid-template-columns:1fr!important}
    .quiz-brand-copy .quiz-title-line h2{font-size:21px}
    .quiz-brand-copy p{white-space:normal}
}


/* =========================================================
   Quiz Theme V2 — 통계 카드 아이콘 + 2줄 숫자
   ========================================================= */
.quiz-dashboard .quiz-stat-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 9px!important;
}

.quiz-dashboard .quiz-stat-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
}

.quiz-dashboard .quiz-stat-icon svg{
    width:35px;
    height:35px;
    fill:none;
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* Icon colors */
.quiz-dashboard .stat-attempts .quiz-stat-icon{
    color:#6f62d5;
}
.quiz-dashboard .stat-correct .quiz-stat-icon{
    color:#2bb79f;
}
.quiz-dashboard .stat-points .quiz-stat-icon{
    color:#eda31b;
}

/* text content */
.quiz-dashboard .quiz-stat-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.quiz-dashboard .quiz-stat-content .quiz-stat-title{
    display:block;
    margin:0 0 3px!important;
    color:var(--quiz-deep)!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.quiz-dashboard .quiz-stat-lines{
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
}

.quiz-dashboard .quiz-stat-lines>span{
    display:grid!important;
    grid-template-columns:29px minmax(0,1fr)!important;
    align-items:baseline!important;
    gap:3px!important;
    min-width:0;
    line-height:1.1!important;
}

.quiz-dashboard .quiz-stat-lines i{
    font-style:normal!important;
    color:var(--quiz-dark)!important;
    font-size:10px!important;
    font-weight:800!important;
    white-space:nowrap;
}

.quiz-dashboard .quiz-stat-lines strong{
    color:var(--quiz-ink)!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.02em;
    white-space:nowrap;
}

.quiz-dashboard .quiz-stat-lines strong small{
    margin-left:2px;
    color:var(--quiz-dark)!important;
    font-size:9.5px!important;
    font-weight:850!important;
}

.quiz-dashboard .stat-points .quiz-stat-lines strong{
    color:var(--quiz-deep)!important;
}

/* smaller screens */
@media(max-width:980px){
    .quiz-dashboard .quiz-stat-card{
        grid-template-columns:36px minmax(0,1fr)!important;
        gap:6px!important;
    }
    .quiz-dashboard .quiz-stat-icon{
        width:34px;
        height:34px;
    }
    .quiz-dashboard .quiz-stat-icon svg{
        width:31px;
        height:31px;
    }
    .quiz-dashboard .quiz-stat-lines strong{
        font-size:15px!important;
    }
}

/* dark mode */
html.bp-dark .quiz-dashboard .quiz-stat-lines strong,
html.bp-dark .quiz-dashboard .quiz-stat-content .quiz-stat-title{
    color:#eef6f2!important;
}
html.bp-dark .quiz-dashboard .quiz-stat-lines i,
html.bp-dark .quiz-dashboard .quiz-stat-lines strong small{
    color:var(--quiz-mid)!important;
}


/* 2026-08-13 comprehensive dark-mode patch */
html.bp-dark .quiz-page{color:#dbe7f2!important}
html.bp-dark .quiz-dashboard{background:linear-gradient(145deg,#172334,#111b29)!important;border-color:#36516d!important}
html.bp-dark .quiz-game-logo{background:#1a2b3d!important;border-color:#41617f!important}
html.bp-dark .quiz-brand-copy h2,html.bp-dark .quiz-login-user{color:#eef6ff!important}
html.bp-dark .quiz-brand-copy h2 small,html.bp-dark .quiz-kicker,html.bp-dark .quiz-brand-copy p{color:#9eb5ca!important}
html.bp-dark .quiz-dashboard .quiz-stat-card{background:#162638!important;border-color:#36516d!important}
html.bp-dark .quiz-dashboard .quiz-stat-title,html.bp-dark .quiz-dashboard .quiz-stat-lines strong{color:#e7f1fa!important}
html.bp-dark .quiz-dashboard .quiz-stat-lines i,html.bp-dark .quiz-dashboard .quiz-stat-lines small{color:#91afca!important}
html.bp-dark .quiz-home{background:#17283b!important;border-color:#405f7e!important;color:#acd3f7!important}
html.bp-dark .quiz-tabs{background:#111d2c!important;border-color:#314a63!important}
html.bp-dark .quiz-tab{color:#a9bbcc!important;background:transparent!important}
html.bp-dark .quiz-tab.is-active{background:#1a3048!important;color:#b8dcff!important;border-color:#47709a!important}
html.bp-dark .quiz-panel,html.bp-dark .quiz-session-head,html.bp-dark .quiz-intro,html.bp-dark .quiz-question-card{background:#121e2c!important;border-color:#354f69!important;color:#dce8f3!important}
html.bp-dark .quiz-question,html.bp-dark .quiz-question-card h3,html.bp-dark .quiz-question-card strong{color:#edf5fc!important}
html.bp-dark .quiz-question-meta,html.bp-dark .quiz-verse-ref,html.bp-dark .quiz-notice{color:#9fb6cb!important}
html.bp-dark .quiz-answer,html.bp-dark .quiz-choice,html.bp-dark .quiz-option{background:#101b29!important;border-color:#35516d!important;color:#dce8f3!important}
html.bp-dark .quiz-answer:hover,html.bp-dark .quiz-choice:hover,html.bp-dark .quiz-option:hover{background:#1a3048!important;border-color:#527ca5!important}
html.bp-dark .quiz-content-ad,html.bp-dark .bp-content-ad{background:#121d2b!important;border-color:#31465f!important;color:#a7b8ca!important}
html.bp-dark input,html.bp-dark textarea,html.bp-dark select{background:#0f1a28;color:#eef6ff;border-color:#3a5875}

/* v7: guest point notices same visual size as guest001 */
.quiz-stat-lines strong.bp-quiz-guest-text{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
}


/* =========================================================
   Bible scope selector — 3-level selector
   ========================================================= */
.quiz-scope-card{
    margin:0 0 12px;
    padding:16px;
    border:1px solid color-mix(in srgb,var(--quiz-mid) 38%,#d4e0ec);
    border-radius:16px;
    background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--quiz-light) 60%,#fff));
    box-shadow:0 6px 20px rgba(30,69,108,.055);
}
.quiz-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.quiz-scope-eyebrow{display:block;color:var(--quiz-dark);font-size:10px;font-weight:950;letter-spacing:.1em;margin-bottom:4px}
.quiz-scope-head h3{margin:0;color:var(--quiz-ink);font-size:18px;letter-spacing:-.4px}
.quiz-scope-head p{margin:5px 0 0;color:#74859a;font-size:11.5px;line-height:1.55}
.quiz-scope-current{flex:0 0 auto;min-width:110px;padding:8px 12px;border-radius:999px;background:var(--quiz-deep);color:#fff;font-size:11px;font-weight:900;text-align:center}
.quiz-scope-level{display:flex;flex-wrap:wrap;gap:7px}
.quiz-scope-btn{border:1px solid color-mix(in srgb,var(--quiz-mid) 42%,#d8e3ee);background:#fff;color:#5b6f84;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:850;cursor:pointer;transition:.16s ease}
.quiz-scope-btn:hover{transform:translateY(-1px);border-color:var(--quiz-mid);color:var(--quiz-deep)}
.quiz-scope-btn.is-active{background:linear-gradient(135deg,var(--quiz-deep),var(--quiz-dark));border-color:var(--quiz-dark);color:#fff;box-shadow:0 5px 13px color-mix(in srgb,var(--quiz-dark) 22%,transparent)}
.quiz-scope-dropdown{margin-top:10px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--quiz-mid) 34%,#d8e2ec)}
.quiz-scope-dropdown.is-hidden{display:none}
.quiz-scope-dropdown-label{margin-bottom:7px;color:#8190a0;font-size:10px;font-weight:900}
.quiz-scope-books .quiz-scope-btn{font-size:11px;padding:7px 10px}
.quiz-scope-status{margin-top:10px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--quiz-light) 70%,#fff);color:var(--quiz-deep);font-size:10.5px;font-weight:800}

/* 문제 번호 */
.quiz-question{line-height:1.65}

/* =========================================================
   60초 결과 원형 그래프
   ========================================================= */
.quiz-result-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}
.quiz-result-modal.is-show{display:flex}
.quiz-result-backdrop{position:absolute;inset:0;background:rgba(9,20,35,.54);backdrop-filter:blur(5px)}
.quiz-result-card{position:relative;z-index:1;width:min(430px,calc(100% - 24px));padding:24px;border:1px solid color-mix(in srgb,var(--quiz-mid) 45%,#d6e0ea);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(16,38,66,.28);text-align:center;color:var(--quiz-ink)}
.quiz-result-close{position:absolute;right:13px;top:10px;width:32px;height:32px;border:0;background:transparent;color:#8190a1;font-size:25px;cursor:pointer}
.quiz-result-kicker{display:block;color:var(--quiz-dark);font-size:10px;font-weight:950;letter-spacing:.12em}
.quiz-result-card h3{margin:5px 0 13px;font-size:23px;color:var(--quiz-deep)}
.quiz-result-ring-wrap{position:relative;width:170px;height:170px;margin:0 auto 12px}
.quiz-result-ring{width:100%;height:100%;transform:rotate(-90deg)}
.quiz-result-ring-bg,.quiz-result-ring-progress{fill:none;stroke-width:12}
.quiz-result-ring-bg{stroke:color-mix(in srgb,var(--quiz-soft) 80%,#e7edf4)}
.quiz-result-ring-progress{stroke:var(--quiz-dark);stroke-linecap:round;transition:stroke-dashoffset 1.45s cubic-bezier(.22,.8,.28,1)}
.quiz-result-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.quiz-result-ring-text strong{font-size:28px;line-height:1;color:var(--quiz-deep)}
.quiz-result-ring-text span{margin-top:6px;color:var(--quiz-dark);font-size:14px;font-weight:900}
.quiz-result-message{margin:0 auto 14px;color:#65788d;font-size:12px;line-height:1.65}
.quiz-result-retry-box{padding:11px 12px;border-radius:12px;background:color-mix(in srgb,var(--quiz-light) 68%,#fff);border:1px solid color-mix(in srgb,var(--quiz-mid) 28%,#e2e8ef)}
.quiz-result-retry-box strong{display:block;color:var(--quiz-deep);font-size:13px}
.quiz-result-retry-box span{display:block;margin-top:4px;color:#7d8c9c;font-size:10.5px;line-height:1.45}
.quiz-result-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}
.quiz-secondary-btn{border:1px solid color-mix(in srgb,var(--quiz-mid) 45%,#d9e2eb);background:#fff;color:var(--quiz-deep);border-radius:11px;padding:10px 14px;font-size:12px;font-weight:900;cursor:pointer}

/* dark mode */
html.bp-dark .quiz-scope-card{background:linear-gradient(135deg,#142131,#111d2b)!important;border-color:#36506a!important;box-shadow:none!important}
html.bp-dark .quiz-scope-head h3{color:#edf5fc!important}
html.bp-dark .quiz-scope-head p,html.bp-dark .quiz-scope-dropdown-label{color:#93a9bd!important}
html.bp-dark .quiz-scope-current{background:var(--quiz-dark)!important;color:#fff!important}
html.bp-dark .quiz-scope-btn{background:#101b29!important;border-color:#35506a!important;color:#bdcbd9!important}
html.bp-dark .quiz-scope-btn.is-active{background:linear-gradient(135deg,var(--quiz-deep),var(--quiz-dark))!important;border-color:var(--quiz-mid)!important;color:#fff!important}
html.bp-dark .quiz-scope-dropdown{border-top-color:#30485e!important}
html.bp-dark .quiz-scope-status{background:#172638!important;color:#bcd1e3!important}
html.bp-dark .quiz-result-card{background:#121f2e!important;border-color:#3b5873!important;color:#e8f1fa!important}
html.bp-dark .quiz-result-card h3,html.bp-dark .quiz-result-ring-text strong,html.bp-dark .quiz-result-retry-box strong{color:#eef6ff!important}
html.bp-dark .quiz-result-message,html.bp-dark .quiz-result-retry-box span{color:#9fb3c7!important}
html.bp-dark .quiz-result-ring-bg{stroke:#263b50!important}
html.bp-dark .quiz-result-ring-progress{stroke:var(--quiz-mid)!important}
html.bp-dark .quiz-result-retry-box{background:#17283a!important;border-color:#314d66!important}
html.bp-dark .quiz-secondary-btn{background:#17283a!important;border-color:#3a5874!important;color:#dbe8f3!important}

@media(max-width:720px){
    .quiz-scope-head{flex-direction:column}
    .quiz-scope-current{min-width:0}
    .quiz-scope-btn{flex:1 1 auto}
    .quiz-result-actions{flex-direction:column}
    .quiz-result-actions button{width:100%}
}


/* =========================================================
   Quiz retry review mode — no timer
   ========================================================= */
.quiz-timer.is-review-mode{
    min-width:72px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.quiz-review-mode-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:30px;
    padding:0 11px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,var(--quiz-mid) 46%,transparent);
    background:color-mix(in srgb,var(--quiz-light) 82%,#fff);
    color:var(--quiz-deep);
    font-size:12px;
    font-weight:900;
    letter-spacing:.2px;
}
html.bp-dark .quiz-review-mode-label,
body.bp-dark .quiz-review-mode-label,
html[data-theme="dark"] .quiz-review-mode-label{
    background:#172334!important;
    border-color:#3a516c!important;
    color:#dbe9f7!important;
}


/* =========================================================
   Quiz session head — live correct/wrong feedback
   ========================================================= */
.quiz-session-head{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) auto auto!important;
    align-items:center!important;
    gap:18px!important;
}
.quiz-session-head__title{
    min-width:0;
}
.quiz-live-feedback{
    min-width:248px;
    min-height:44px;
    padding:7px 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid color-mix(in srgb,var(--quiz-mid) 28%,#dfe6ee);
    border-radius:13px;
    background:color-mix(in srgb,var(--quiz-light) 65%,#fff);
    white-space:nowrap;
}
.quiz-live-count{
    font-size:12px;
    color:#65758a;
    font-weight:700;
}
.quiz-live-count b{
    margin-left:4px;
    color:var(--quiz-deep);
    font-size:15px;
    font-weight:900;
}
.quiz-result-dot{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:inline-block;
    border-radius:50%;
    border:2px solid #aab6c4;
    background:transparent;
    box-shadow:inset 0 0 0 3px rgba(255,255,255,.72);
    transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.quiz-result-dot.is-neutral{
    background:#eef2f6;
    border-color:#aeb9c5;
}
.quiz-result-dot.is-correct{
    background:#22b573;
    border-color:#15945b;
    box-shadow:
        inset 0 0 0 3px rgba(255,255,255,.85),
        0 0 0 3px rgba(34,181,115,.08);
}
.quiz-result-dot.is-wrong{
    background:#ed5362;
    border-color:#cf3345;
    box-shadow:
        inset 0 0 0 3px rgba(255,255,255,.85),
        0 0 0 3px rgba(237,83,98,.08);
}
.quiz-live-result{
    min-width:68px;
    font-size:12px;
    font-weight:900;
    color:#7b8795;
}
.quiz-live-result.is-correct{color:#138657}
.quiz-live-result.is-wrong{color:#cc3244}

/* dark mode */
html.bp-dark .quiz-live-feedback,
body.bp-dark .quiz-live-feedback,
html[data-theme="dark"] .quiz-live-feedback{
    background:#162233!important;
    border-color:#344b64!important;
}
html.bp-dark .quiz-live-count,
body.bp-dark .quiz-live-count,
html[data-theme="dark"] .quiz-live-count{
    color:#a6b7c9!important;
}
html.bp-dark .quiz-live-count b,
body.bp-dark .quiz-live-count b,
html[data-theme="dark"] .quiz-live-count b{
    color:#edf5fd!important;
}
html.bp-dark .quiz-result-dot.is-neutral,
body.bp-dark .quiz-result-dot.is-neutral,
html[data-theme="dark"] .quiz-result-dot.is-neutral{
    background:#26364a;
    border-color:#60758e;
    box-shadow:inset 0 0 0 3px #162233;
}
html.bp-dark .quiz-live-result,
body.bp-dark .quiz-live-result,
html[data-theme="dark"] .quiz-live-result{
    color:#9fb1c5;
}
html.bp-dark .quiz-live-result.is-correct,
body.bp-dark .quiz-live-result.is-correct,
html[data-theme="dark"] .quiz-live-result.is-correct{
    color:#64d8a4!important;
}
html.bp-dark .quiz-live-result.is-wrong,
body.bp-dark .quiz-live-result.is-wrong,
html[data-theme="dark"] .quiz-live-result.is-wrong{
    color:#ff8490!important;
}

@media(max-width:779px){
    .quiz-session-head{
        grid-template-columns:1fr auto!important;
    }
    .quiz-live-feedback{
        grid-column:1 / -1;
        grid-row:2;
        width:100%;
        min-width:0;
        justify-content:flex-start;
    }
}

/* v26 quiz level selector */
.quiz-level-picker{margin-bottom:12px;padding:12px;border:1px solid color-mix(in srgb,var(--quiz-mid) 38%,#d8e3ee);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--quiz-light) 76%,#fff),#fff)}
.quiz-level-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.quiz-level-picker-head strong{display:block;color:var(--quiz-ink);font-size:14px;font-weight:950}.quiz-level-picker-head span{display:block;margin-top:2px;color:#78899b;font-size:10.5px}.quiz-level-current{flex:0 0 auto;min-width:68px;padding:6px 10px;border-radius:999px;background:var(--quiz-deep);color:#fff!important;text-align:center;font-size:11px!important;font-weight:900}.quiz-level-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quiz-level-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid color-mix(in srgb,var(--quiz-mid) 45%,#d6e2ed);border-radius:10px;background:#fff;color:#536a80;font-size:12px;font-weight:900;cursor:pointer;transition:.16s ease}.quiz-level-btn small{font-size:8.5px;color:#8b9aac;font-weight:800}.quiz-level-btn:hover{transform:translateY(-1px);border-color:var(--quiz-mid);color:var(--quiz-deep)}.quiz-level-btn.is-active{background:linear-gradient(135deg,var(--quiz-deep),var(--quiz-dark));border-color:var(--quiz-dark);color:#fff;box-shadow:0 5px 13px color-mix(in srgb,var(--quiz-dark) 20%,transparent)}.quiz-level-btn.is-active small{color:rgba(255,255,255,.72)}.quiz-scope-divider{display:flex;align-items:center;gap:9px;margin:10px 0 8px;color:var(--quiz-deep);font-size:11px;font-weight:950}.quiz-scope-divider:after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--quiz-mid) 30%,#dce5ee)}
html.bp-dark .quiz-level-picker{background:linear-gradient(135deg,#142131,#111d2b)!important;border-color:#36506a!important}html.bp-dark .quiz-level-picker-head strong{color:#edf5fc!important}html.bp-dark .quiz-level-picker-head span{color:#93a9bd!important}html.bp-dark .quiz-level-btn{background:#101b29!important;border-color:#35506a!important;color:#bdcbd9!important}html.bp-dark .quiz-level-btn small{color:#8096aa!important}html.bp-dark .quiz-level-btn.is-active{background:linear-gradient(135deg,var(--quiz-deep),var(--quiz-dark))!important;border-color:var(--quiz-mid)!important;color:#fff!important}html.bp-dark .quiz-level-btn.is-active small{color:#dbe9f6!important}@media(max-width:650px){.quiz-level-buttons{grid-template-columns:1fr 1fr}.quiz-level-picker-head{align-items:flex-start;flex-direction:column}.quiz-level-current{min-width:0}}