:root{--color-primary:#4338ca;--color-primary-hover:#3730a3;--color-secondary:#475569;--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#1e293b;--color-text-secondary:#475569;--color-border:#cbd5e1;--color-error:#dc2626;--color-success:#16a34a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-focus:#2563eb;--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--touch-target-min:44px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}@media (min-width:640px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}}@media (min-width:1024px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}}p{margin-bottom:var(--spacing-md)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width:640px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);max-width:var(--container-md)}}@media (min-width:1024px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:focus,.btn-primary:hover{background-color:var(--color-primary-hover);outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.3)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:focus,.btn-secondary:hover{background-color:var(--color-border);outline:none}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:focus,.btn-danger:hover{background-color:var(--color-danger-hover);outline:none;box-shadow:0 0 0 3px rgba(220,38,38,.3)}.btn-block{width:100%}@media (min-width:640px){.btn-block{width:auto}}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}textarea{min-height:calc(var(--touch-target-min) * 3);resize:vertical}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text)}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-height:auto;cursor:pointer}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}@media (min-width:640px){.card{padding:var(--spacing-lg)}}@media (min-width:1024px){.card{padding:var(--spacing-xl)}}.nav{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface)}@media (min-width:640px){.nav{flex-direction:row;justify-content:space-between;align-items:center}}.nav-link{display:flex;align-items:center;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.nav-link:focus,.nav-link:hover{background-color:var(--color-border);outline:none}.nav-link.active{background-color:var(--color-primary);color:white}.nav-toggle{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--spacing-sm);border:none;background:transparent;cursor:pointer}@media (min-width:640px){.nav-toggle{display:none}}main{padding:var(--spacing-md);min-height:calc(100vh - 80px)}@media (min-width:640px){main{padding:var(--spacing-lg)}}@media (min-width:1024px){main{padding:var(--spacing-xl)}}.reading-content{font-size:var(--font-size-lg);line-height:1.8;max-width:65ch;margin:0 auto}@media (min-width:640px){.reading-content{font-size:var(--font-size-xl);line-height:1.9}}@media (min-width:1024px){.reading-content{font-size:var(--font-size-xl);line-height:2}}.verse-number{font-size:var(--font-size-sm);color:var(--color-primary);vertical-align:super;margin-right:var(--spacing-xs);font-weight:600}.progress-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.list-item{display:flex;align-items:center;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:focus,.list-item:hover{background-color:var(--color-surface)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.dynamic-width{width:var(--width)}.dynamic-height,.dynamic-size{height:var(--height)}.dynamic-size{width:var(--width)}.dynamic-position{right:var(--right,auto);bottom:var(--bottom,auto)}.dynamic-position,.dynamic-rect{position:absolute;top:var(--top,auto);left:var(--left,auto)}.dynamic-rect{width:var(--width,auto);height:var(--height,auto)}.dynamic-translate{transform:translate(var(--translate-x,0),var(--translate-y,0))}.progress-fill{width:var(--progress,0);transition:width var(--transition-normal)}.progress-fill-vertical{height:var(--progress,0);transition:height var(--transition-normal)}.animate-spin-fast{animation-duration:.8s!important}.animate-spin-slow{animation-duration:2s!important}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus,.visually-hidden-focusable:active,.visually-hidden-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (forced-colors:active){:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}:focus:not(:focus-visible){outline:none}[tabindex="-1"]:focus{outline:2px dashed var(--color-primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*,:after,:before,html{scroll-behavior:auto!important}}@media (forced-colors:active){.btn{border:2px solid ButtonText}.btn-danger,.btn-primary{background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.btn-danger{border:3px solid ButtonText}.btn-danger:focus,.btn-danger:hover{outline:2px solid Highlight;outline-offset:2px}a{text-decoration:underline}input,select,textarea{border:2px solid ButtonText}.progress-bar-fill{background-color:Highlight;forced-color-adjust:none}}.touch-target{min-height:44px;min-width:44px}a:not(.btn):not(.nav-link):not(.navigation-link){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}a:not(.btn):not(.nav-link):not(.navigation-link):hover{text-decoration-thickness:2px}:root.dark{--color-background:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-border:#475569;--color-primary:#a5b4fc;--color-primary-hover:#c7d2fe;--color-focus:#60a5fa;--color-error:#fca5a5;--color-success:#86efac;--color-danger:#f87171;--color-danger-hover:#fca5a5;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.2);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.3),0 2px 4px -2px rgb(0 0 0/0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.4),0 4px 6px -4px rgb(0 0 0/0.4);--color-reading-background:#0c1222;--color-reading-text:#e2e8f0;--color-verse-number:#a5b4fc;--color-highlight:rgba(129,140,248,0.2)}:root.light{--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#1e293b;--color-text-secondary:#475569;--color-border:#cbd5e1;--color-primary:#4338ca;--color-primary-hover:#3730a3;--color-focus:#2563eb;--color-error:#dc2626;--color-success:#16a34a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}:root,:root.light{--color-reading-background:#fffef9;--color-reading-text:#1e293b;--color-verse-number:#4338ca;--color-highlight:rgba(67,56,202,0.1)}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark){--color-background:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-border:#475569;--color-primary:#a5b4fc;--color-primary-hover:#c7d2fe;--color-focus:#60a5fa;--color-error:#fca5a5;--color-success:#86efac;--color-danger:#f87171;--color-danger-hover:#fca5a5;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.2);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.3),0 2px 4px -2px rgb(0 0 0/0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.4),0 4px 6px -4px rgb(0 0 0/0.4);--color-reading-background:#0c1222;--color-reading-text:#e2e8f0;--color-verse-number:#a5b4fc;--color-highlight:rgba(129,140,248,0.2)}}.reading-content{background-color:var(--color-reading-background);color:var(--color-reading-text)}.verse-number{color:var(--color-verse-number)}.text-highlight{background-color:var(--color-highlight);border-radius:var(--radius-sm);padding:0 var(--spacing-xs)}html{color-scheme:light dark}html.light{color-scheme:light}html.dark{color-scheme:dark}html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}@media print{.nav-container,.navigation,.offline-indicator,.pwa-install-banner,.skip-link,.theme-toggle,.toast-container,[role=navigation],footer,nav{display:none!important}body,html{background-color:#ffffff!important;color:#1e293b!important;font-size:12pt;line-height:1.5}main{padding:0!important;min-height:auto}a{color:#4f46e5!important;text-decoration:underline}*{box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}blockquote,dl,h1,h2,h3,h4,h5,h6,img,ol,p,table,ul{page-break-inside:avoid}img{max-width:100%!important}a[href^=http]:not([href*=leeswijs]):after{content:" (" attr(href) ")";font-size:9pt;color:#64748b}}