:root{--color-primary-indigo:#1b3660;--color-secondary-indigo:#2d5a8e;--color-indigo-gradient:linear-gradient(135deg,#0f1f3c,#1e3854);--color-white:#fff;--color-card-bg:#f5f1eb;--color-input-bg:#fff;--color-bg-light-gray:#f8f9fa;--color-bg-lighter-gray:#e6e0d8;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#807a74;--color-text-label:#444;--color-border-light:#e0e0e0;--color-border-medium:#ddd;--color-button-primary:#c84b31;--color-button-primary-hover:#b5412a;--color-button-text:#fff;--color-accent-light-indigo:#b8c9de;--color-accent-tint:#eef2f7;--color-focus-border:#2d5a8e;--color-navbar-bg:#091428;--color-navbar-border:var(--color-primary-indigo);--color-navbar-link:hsla(0,0%,100%,.75);--color-navbar-link-hover:#fff;--color-navbar-link-active:#fff;--color-error-text:#b91c1c;--color-error-bg:#fceaea;--color-error-border:#e53935;--color-success-bg:#e0f2f1;--color-success-border:#26a69a;--color-success-text:#00695c;--color-warning-bg:#fdf0c8;--color-warning-text:#c87d0a;--color-loading:#2d5a8e;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-mega:8rem;--font-size-mega-mobile:6rem;--font-size-giant:4rem;--font-size-huge:3.5rem;--font-size-xl:3rem;--font-size-xl-minus:2.5rem;--font-size-large:2rem;--font-size-medium-large:1.5rem;--font-size-medium-plus:1.2rem;--font-size-medium:1.1rem;--font-size-base:1rem;--font-size-small:.95rem;--font-size-xs:.9rem;--font-size-tiny:.85rem;--font-size-micro:.8rem;--font-size-nano:.75rem;--font-weight-bold:600;--font-weight-medium:500;--font-weight-normal:400;--line-height-tight:1;--line-height-base:1.4;--line-height-relaxed:1.6;--spacing-micro:3px;--spacing-mini:4px;--spacing-tiny:6px;--spacing-xxs:8px;--spacing-xs:10px;--spacing-s:12px;--spacing-base:15px;--spacing-m:18px;--spacing-l:20px;--spacing-xl:30px;--spacing-xxl:40px;--radius-pill:20px;--radius-large:16px;--radius-medium-plus:15px;--radius-medium:12px;--radius-small:8px;--radius-xs:6px;--radius-circle:50%;--shadow-dramatic:0 20px 60px rgba(0,0,0,.3);--shadow-large:0 10px 30px rgba(0,0,0,.2);--shadow-medium:0 5px 15px rgba(0,0,0,.1);--shadow-small:0 4px 15px rgba(0,0,0,.1);--shadow-hover-card:0 10px 25px rgba(0,0,0,.15);--shadow-hover-button:0 5px 15px rgba(200,75,49,.4);--shadow-hover-button-small:0 4px 8px rgba(200,75,49,.3);--shadow-hover-small:0 2px 8px rgba(200,75,49,.3);--shadow-focus-ring:0 0 0 3px rgba(45,90,142,.15);--shadow-correct-glow:0 2px 8px rgba(38,166,154,.3);--transition-fast:.2s;--transition-medium:.3s;--transition-transform:transform .2s;--transition-shadow:box-shadow .2s;--transition-all:all .2s;--transition-border:border-color .3s;--transition-background:background .2s;--transition-color:color .2s;--transition-lift:transform .2s,box-shadow .2s;--transition-button:transform .2s,box-shadow .2s,background .2s;--container-max-width:1200px;--modal-max-width:900px;--modal-max-height:90vh;--modal-overlay-bg:rgba(0,0,0,.5);--z-index-navbar:900;--z-index-modal:1000;--gap-major:20px;--gap-minor:15px;--gap-inline:10px;--gap-tiny:6px;--gap-xxs:8px;--text-shadow-header:2px 2px 4px rgba(0,0,0,.2);--letter-spacing-label:1px;--letter-spacing-brand:.5px;--opacity-disabled:.3;--opacity-subtitle:.9;--opacity-quiz-unselected:.5;--transform-hover-lift:translateY(-2px);--scale-quiz-correct:scale(1.02);--scale-quiz-unselected:scale(.98);--size-close-button:40px;--size-radio-checkbox:18px;--size-option-badge:24px;--size-progress-bar:6px;--min-width-pagination-btn:45px;--border-width-option:2px;--radius-progress-bar:3px;--max-width-reading-group:240px}.navbar[data-v-0c8518ef]{background:var(--color-navbar-bg);border-bottom:1px solid var(--color-navbar-border);padding:var(--spacing-s) var(--spacing-l)}.navbar-inner[data-v-0c8518ef]{justify-content:space-between;margin:0 auto;max-width:var(--container-max-width)}.navbar-brand[data-v-0c8518ef],.navbar-inner[data-v-0c8518ef]{align-items:center;display:flex}.navbar-brand[data-v-0c8518ef]{color:var(--color-white);gap:var(--spacing-xxs);text-decoration:none;transition:opacity .2s}.navbar-brand[data-v-0c8518ef]:hover{opacity:.85}.navbar-brand-logo[data-v-0c8518ef]{align-items:center;background:var(--color-button-primary);border:2px solid var(--color-button-primary);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1.5px var(--color-white);display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:var(--line-height-tight);padding-right:1px;width:32px}.navbar-brand-logo[data-v-0c8518ef],.navbar-brand-text[data-v-0c8518ef]{color:var(--color-white);font-weight:var(--font-weight-bold)}.navbar-brand-text[data-v-0c8518ef]{font-size:var(--font-size-medium-plus)}.navbar-links[data-v-0c8518ef]{align-items:center;display:flex;gap:var(--spacing-l)}.navbar-link[data-v-0c8518ef]{border-bottom:2px solid transparent;color:var(--color-navbar-link);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding-bottom:4px;text-decoration:none;transition:color .2s}.navbar-link[data-v-0c8518ef]:hover{color:var(--color-navbar-link-hover)}.navbar-link.active[data-v-0c8518ef]{border-bottom-color:var(--color-button-primary);color:var(--color-navbar-link-active)}@media(max-width:768px){.navbar[data-v-0c8518ef]{padding:var(--spacing-xs) var(--spacing-base)}}@media(max-width:320px){.navbar-links[data-v-0c8518ef]{gap:var(--spacing-base)}}.app-footer[data-v-b85fb22c]{background:var(--color-indigo-gradient);flex-shrink:0;padding:var(--spacing-m) var(--spacing-l)}.footer-inner[data-v-b85fb22c]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width)}.footer-attribution[data-v-b85fb22c],.footer-copyright[data-v-b85fb22c]{color:#ffffffb3;font-size:var(--font-size-tiny)}.footer-attribution a[data-v-b85fb22c]{color:var(--color-accent-light-indigo);text-decoration:none;transition:color .2s}.footer-attribution a[data-v-b85fb22c]:hover{color:var(--color-white)}@media(max-width:480px){.footer-inner[data-v-b85fb22c]{flex-direction:column;gap:var(--spacing-xs);text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-indigo-gradient);font-family:var(--font-family-base)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-container{flex:1 0 auto;margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-l);width:100%}