.sanctuary-layout{max-width:720px;margin:0 auto;padding-top:3rem;padding-bottom:6rem}.editorial-header{margin-bottom:3rem}.main-title{color:var(--color-primary);margin-bottom:.75rem;font-size:2.75rem}.subtitle{color:var(--on-surface-variant);line-height:1.6;max-width:52ch}.section-block{margin-bottom:2.5rem}.section-label{color:var(--color-secondary);font-weight:700;letter-spacing:.08em;margin-bottom:1rem}.daily-verse-card{background:linear-gradient(135deg,var(--surface-container-lowest) 0%,var(--surface-container-low) 100%);border:1px solid var(--outline-variant);border-left:4px solid var(--color-secondary);border-radius:var(--radius-lg);padding:2rem 2rem 1.75rem;position:relative;overflow:hidden}.daily-verse-card:before{content:"“";position:absolute;top:-.5rem;right:1.5rem;font-size:8rem;color:var(--color-secondary);opacity:.06;font-family:var(--font-serif);line-height:1;pointer-events:none}.dv-decoration{font-size:1rem;color:var(--color-secondary);opacity:.7;margin-bottom:.75rem;letter-spacing:.3em}.dv-text{font-family:var(--font-serif);font-style:italic;line-height:1.7;color:var(--on-surface);margin:0 0 1rem;font-size:1.1rem;quotes:none}.dv-ref{color:var(--color-primary);font-weight:700;letter-spacing:.04em;font-style:normal}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-subtle)}.stat-streak{border-top:3px solid #f97316}.stat-books{border-top:3px solid var(--color-primary)}.stat-quiz{border-top:3px solid var(--color-secondary)}.stat-icon{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.stat-value{font-size:3rem;font-weight:700;line-height:1;color:var(--on-surface)}.stat-streak .stat-value{color:#f97316}.stat-books .stat-value{color:var(--color-primary)}.stat-quiz .stat-value{color:var(--color-secondary)}.stat-name{color:var(--on-surface-variant);font-weight:600;letter-spacing:.04em;font-size:.7rem}@media(max-width:480px){.stats-row{grid-template-columns:repeat(3,1fr);gap:.625rem}.stat-value{font-size:2.25rem}}.quiz-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-top:4px solid var(--color-primary);border-radius:var(--radius-lg);overflow:hidden}.quiz-header{display:flex;gap:1.5rem;align-items:flex-start;padding:1.75rem 2rem;border-bottom:1px solid var(--surface-container-highest)}.quiz-header-left{flex:1;display:flex;flex-direction:column;gap:.75rem}.quiz-question{font-weight:600;line-height:1.55;color:var(--on-surface);margin:0}.quiz-progress-row{display:flex;gap:.5rem;align-items:center;color:var(--on-surface-variant)}.quiz-progress-num{font-weight:700;color:var(--color-primary)}.quiz-score-badge{display:flex;flex-direction:column;align-items:center;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:.75rem 1.25rem;flex-shrink:0;min-width:72px;gap:.15rem}.score-num{font-weight:700;color:var(--color-secondary)}.score-label{color:var(--on-surface-variant);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.quiz-options-list{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.quiz-opt-btn{width:100%;background:var(--surface-container-low);color:var(--on-surface);border:2px solid var(--outline-variant);padding:1rem 1.25rem;border-radius:var(--radius-lg);text-align:left;cursor:pointer;display:flex;align-items:center;gap:1.25rem;transition:all var(--duration-fast) var(--ease-out-expo)}.quiz-opt-btn:hover:not(:disabled){background:var(--surface-container);border-color:var(--color-primary);transform:translate(4px)}.opt-letter{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-container-highest);color:var(--on-surface-variant);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.875rem;flex-shrink:0;transition:all var(--duration-fast)}.quiz-opt-btn:hover:not(:disabled) .opt-letter{background:var(--color-primary);color:var(--on-primary)}.opt-text{font-size:1rem;font-weight:500;line-height:1.4}.quiz-opt-btn.correct{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.quiz-opt-btn.correct .opt-letter{background:#fff;color:var(--color-secondary)}.quiz-opt-btn.incorrect{background:var(--color-error);border-color:var(--color-error);color:#fff}.quiz-opt-btn.incorrect .opt-letter{background:#fff;color:var(--color-error)}.quiz-opt-btn.correct-highlight{border-color:var(--color-secondary);background:var(--surface-container-low)}.quiz-opt-btn.correct-highlight .opt-letter{background:var(--color-secondary);color:#fff}.quiz-feedback-box{display:none;flex-direction:column;gap:.5rem;padding:1.5rem 2rem;background:var(--surface-container-low);border-top:1px solid var(--outline-variant)}.quiz-feedback-box.visible{display:flex}.feedback-status{font-weight:700;font-size:.875rem;letter-spacing:.05em;margin:0}.feedback-status[data-result=correct]{color:var(--color-secondary)}.feedback-status[data-result=incorrect]{color:var(--color-error)}.feedback-explanation{color:var(--on-surface-variant);line-height:1.6;margin:0}.next-quiz-btn{align-self:flex-start;margin-top:.5rem;background:var(--color-primary);color:var(--on-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;letter-spacing:.04em;transition:opacity var(--duration-fast)}.next-quiz-btn:hover{opacity:.88}.affinity-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:1.5rem}.empty-msg{text-align:center;color:var(--on-surface-variant);padding:2rem 0;margin:0}.link-inline{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.affinity-list{display:flex;flex-direction:column;gap:.75rem}.affinity-item{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid transparent;text-decoration:none;color:inherit;transition:all var(--duration-fast)}.affinity-item:hover{background:var(--surface-container);border-color:var(--color-primary);transform:translate(4px)}.book-badge{width:48px;height:48px;background:var(--surface-container-highest);display:grid;place-items:center;font-family:var(--font-serif);font-style:italic;font-weight:700;font-size:1.1rem;color:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--duration-fast)}.affinity-item:hover .book-badge{background:var(--color-primary);color:var(--on-primary)}.affinity-details{flex:1;min-width:0}.aff-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.aff-book-name{color:var(--on-surface);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aff-progress-pct{color:var(--color-secondary);font-weight:700;flex-shrink:0;font-size:.75rem}.progress-track{height:5px;background:var(--surface-container-high);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-secondary);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.aff-arrow{color:var(--on-surface-variant);opacity:.4;flex-shrink:0;transition:opacity var(--duration-fast),transform var(--duration-fast)}.affinity-item:hover .aff-arrow{opacity:1;transform:translate(3px);color:var(--color-primary)}.reading-progress-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:1.75rem}.rp-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;gap:1rem}.rp-totals{display:flex;align-items:baseline;gap:1rem}.rp-pct{font-size:3.5rem;font-weight:700;color:var(--color-primary);line-height:1}.rp-detail{display:flex;align-items:baseline;gap:.25rem;color:var(--on-surface-variant);flex-wrap:wrap}.rp-read{color:var(--on-surface);font-weight:700}.rp-sep{color:var(--on-surface-variant)}.rp-label{color:var(--on-surface-variant);font-size:.7rem;letter-spacing:.05em}.rp-testament{display:flex;gap:1.25rem;flex-shrink:0}.testament-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.t-label{font-size:.6rem;color:var(--on-surface-variant);letter-spacing:.1em;font-weight:700}.t-val{font-weight:700;color:var(--color-secondary)}.rp-track{height:8px;background:var(--surface-container-high);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.75rem}.rp-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.rp-books{display:flex;flex-direction:column;gap:.6rem}.rp-empty{color:var(--on-surface-variant);text-align:center;padding:1rem 0;font-style:italic;font-size:.9rem;margin:0}.rp-book-link{display:flex;align-items:center;gap:1rem;padding:.6rem .75rem;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--duration-fast)}.rp-book-link:hover{background:var(--surface-container-low)}.rp-book-badge{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--color-primary);font-weight:700;font-size:.8rem;display:grid;place-items:center;flex-shrink:0;font-family:var(--font-sans)}.rp-book-badge.complete{background:var(--color-secondary);color:#fff}.rp-book-details{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.rp-book-name{color:var(--on-surface);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-book-track{height:4px;background:var(--surface-container-high);border-radius:var(--radius-full);overflow:hidden}.rp-book-fill{height:100%;background:var(--color-secondary);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.rp-book-pct{font-weight:700;color:var(--on-surface-variant);font-size:.7rem;flex-shrink:0}@media(max-width:480px){.rp-header{flex-direction:column;align-items:flex-start}.rp-pct{font-size:2.75rem}}