:root{color-scheme:light;--sky:#c5eaff;--paper:#fff;--blue:#1856b9;--ink:#123867;--accent:#71bbf0;--muted:#446181;--line:2px solid var(--blue);font-family:Outfit,system-ui,sans-serif;font-size:16px;color:var(--ink);background:var(--sky);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit}img{display:block;max-width:100%;height:auto}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible{outline:3px solid #073f90;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}button>svg{width:22px;height:22px;flex:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-shell{position:relative;z-index:1;width:100%;max-width:1320px;margin:auto;padding:0 clamp(14px,3vw,40px);display:grid}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio{display:block;flex:none}.studio img{width:112px}.top-tools{display:flex;align-items:center;gap:9px}.icon-button{width:44px;min-width:44px;height:44px;border:2px solid var(--blue);border-radius:13px;background:white;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 3px 0 #74aee0;padding:0}.icon-button>svg{width:20px;height:20px}.icon-button[aria-pressed=false]#sound-button{background:#eaf0fc}.mini-brand{display:none;width:102px;padding:0;background:transparent}.mini-brand img{width:100%;height:55px;object-fit:contain}body:not([data-screen=home]) .studio{display:none}body:not([data-screen=home]) .mini-brand{display:block}
#app{display:flex;justify-content:center;align-items:center;min-width:0;outline:none}#app>section{width:100%;min-width:0;flex-shrink:0}.button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:11px 16px;border:2px solid var(--blue);border-radius:15px;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none;box-shadow:3px 4px 0 #82bce7;background:white}.button-primary{background:#1c64d0;color:white;border-color:#194879}.button-outline{background:white;color:var(--blue)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px;background:transparent;font-size:15px;font-weight:600;line-height:1.3}.pause-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 18px;border:2px solid var(--blue);border-radius:12px;background:white;font-size:15px;font-weight:650;box-shadow:2px 2px 0 #7fb8e3}.pause-button>svg{width:16px;height:16px}.small-copy{font-size:14px;line-height:1.4;color:var(--muted)}.round-label{font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 11px;border-radius:9px;background:var(--blue);color:white;letter-spacing:.03em}
dialog{color:var(--ink);background:white;border:2px solid var(--blue);border-radius:23px;box-shadow:5px 6px 0 #6aace0;width:min(500px,calc(100% - 28px));padding:20px;overscroll-behavior:contain;margin:auto}dialog::backdrop{background:#164b8194;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog-top h2{min-width:0;font-size:47px;line-height:1;flex:1}.dialog-top .word-line{justify-content:flex-start}.dialog-top .icon-button{flex:none}.dialog-copy{font-size:16px;line-height:1.45;margin-bottom:15px}.dialog-intro{font-size:14px;line-height:1.35;color:var(--muted);margin-bottom:12px}.dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:68px;padding:13px 12px;background:#eef8ff;border:1.5px solid #98c9eb;border-radius:13px;font-size:16px;font-weight:650;line-height:1.25;text-align:left;text-decoration:none}.menu-row svg{width:18px;height:18px}.menu-home{grid-column:1/-1;min-height:44px;justify-content:center;background:white}.reader-page{font-size:16px;line-height:1.45}.reader-page h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin-bottom:14px}.reader-columns{display:grid;gap:12px}.rule-note{padding:12px 14px;background:#edf8ff;border-left:3px solid #66a9e2;border-radius:3px 12px 12px 3px;font-size:15px;line-height:1.4}.rule-note strong{display:block;margin-bottom:4px}.reader-small{font-size:14px;color:var(--muted)}.privacy-link{font-size:15px;text-underline-offset:3px}.page-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.page-position{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--muted)}.page-position .bible-number{font-size:27px}.back-arrow{display:flex;transform:rotate(180deg)}.page-done{height:44px;min-width:68px;padding:8px 12px;background:var(--blue);color:white;border-radius:11px;font-weight:700}.themes-list{display:grid;gap:10px}.theme-row{padding:12px 14px;background:#f2f9ff;border:1px solid #bdddf3;border-radius:13px}.theme-row h3{font-size:17px;font-weight:750;line-height:1.2}.theme-row p{font-size:14px;line-height:1.35;color:var(--muted);margin-top:5px}.theme-row small{display:block;font-size:12px;line-height:1.3;margin-top:7px;color:var(--blue)}.theme-row .format-badge{font-size:10px;padding:3px 7px;margin-bottom:6px}
.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#e9f5ff;border-radius:13px;margin-bottom:17px}.settings-tabs button{min-height:42px;border-radius:10px;background:transparent;font-size:15px;font-weight:650}.settings-tabs button[aria-pressed=true]{background:var(--blue);color:white}.settings-pane{min-height:215px}.theme-settings,.timer-settings{border:0;padding:0;margin:0;min-width:0}.theme-settings legend,.timer-settings legend{font-size:18px;font-weight:750;margin-bottom:10px;padding:0}.mode-choices{display:grid;gap:8px}.mode-choices label{cursor:pointer}.mode-choices input{position:absolute;opacity:0}.mode-choices span{display:block;padding:10px 12px;border:2px solid #bfdcf0;border-radius:11px}.mode-choices strong{display:block;font-size:15px}.mode-choices small{display:block;font-size:13px;color:var(--muted);line-height:1.25;margin-top:3px}.mode-choices input:checked+span{background:#e5f4ff;border-color:var(--blue)}.mode-choices input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.settings-help{font-size:13px;line-height:1.4;color:var(--muted);margin-top:11px}.settings-intro{font-size:15px;line-height:1.35;color:var(--muted);margin-bottom:15px}.duration-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.duration-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;min-width:0}.duration-entry{display:flex;align-items:center;gap:6px;border:2px solid #6ca9d7;border-radius:12px;background:#edf8ff;padding:8px 12px}.duration-entry input{font-weight:700;font-size:28px;line-height:1.4;width:100%;min-width:0;padding:0;border:0;background:transparent;outline:none}.duration-entry:focus-within{outline:3px solid var(--blue);outline-offset:3px}.duration-entry input[aria-invalid=true]{color:#a52020}.settings-error{font-size:14px;color:#a52020;line-height:1.35;margin-top:10px}.save-options{margin-top:16px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:54px;font-size:16px}.toggle{width:54px;min-width:54px;height:34px;padding:4px;border:2px solid var(--blue);background:#e2e7f4;border-radius:18px;display:flex;align-items:center;justify-content:flex-start}.toggle::before{content:'';width:22px;height:22px;display:block;border-radius:50%;background:var(--blue)}.toggle[aria-checked=true]{justify-content:flex-end;background:#b8e6ff}.sound-preview{width:100%;min-height:44px;background:#eaf7ff;border:1.5px solid #8abde3;border-radius:12px;font-size:15px;padding:10px;margin-top:12px}
#toast{position:fixed;z-index:100;left:50%;transform:translate(-50%,16px);max-width:calc(100% - 32px);width:max-content;padding:12px 16px;color:white;background:var(--ink);border:2px solid white;border-radius:13px;font-size:15px;text-align:center;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;bottom:0;width:100%;padding:16px;background:var(--ink);color:white;text-align:center}
@media(hover:hover){.icon-button:hover,.menu-row:hover,.button-outline:hover{background:#e4f5ff}.button-primary:hover{background:#1459c2}.text-button:hover{text-decoration:underline;text-underline-offset:3px}}
@media(max-width:350px){.top-tools{gap:7px}.studio img{width:89px}.mini-brand{width:88px}dialog{padding:16px}.dialog-top h2{font-size:42px}.menu-row{font-size:15px;padding:11px}.reader-page{font-size:15px}.reader-page h3{font-size:19px}.rule-note{font-size:14px;padding:10px}.settings-pane{min-height:205px}.theme-row{padding:10px}.theme-row p{font-size:13px}.theme-row h3{font-size:16px}}
@media(max-height:650px){dialog{padding:16px}.dialog-top{margin-bottom:10px}.dialog-top h2{font-size:43px}.settings-tabs{margin-bottom:12px}.settings-pane{min-height:195px}.mode-choices span{padding:8px 10px}.save-options{margin-top:12px;min-height:46px}.reader-columns{gap:10px}.reader-page h3{margin-bottom:11px}.page-nav{margin-top:12px}.theme-row{padding:10px 12px}.theme-row p{font-size:13px}.dialog-intro{margin-bottom:10px}}
@media(orientation:landscape) and (max-height:550px){dialog{width:min(870px,calc(100% - 34px));padding:12px 16px}.dialog-top{margin-bottom:8px}.dialog-top h2{font-size:38px}.dialog-top .icon-button{width:38px;min-width:38px;height:38px}.menu-list{grid-template-columns:repeat(3,1fr);gap:9px}.menu-row{min-height:50px;padding:8px 12px;font-size:15px}.menu-home{grid-column:auto}.reader-page h3{font-size:18px;margin-bottom:9px}.reader-columns{grid-template-columns:1fr 1fr;gap:8px 20px;font-size:14px;line-height:1.35}.rule-note{padding:8px 10px;font-size:13px}.reader-columns>:last-child:nth-child(3){grid-column:1/-1}.reader-small{font-size:13px}.reader-page .rule-note strong{display:inline;margin-right:5px}.page-nav{margin-top:9px}.page-nav .icon-button{height:40px;width:44px}.page-done{height:40px}.themes-list{grid-template-columns:1fr 1fr}.theme-row{padding:9px 11px}.theme-row h3{font-size:16px}.theme-row p{font-size:13px}.theme-row small{font-size:11px;margin-top:5px}.dialog-intro{font-size:13px;margin-bottom:7px}.settings-tabs{float:left;width:100px;display:flex;flex-direction:column;margin:0 20px 0 0}.settings-tabs button{min-height:41px}#settings-form{display:grid;grid-template-columns:1fr auto;gap:16px}.settings-pane{min-height:0}.mode-choices{grid-template-columns:repeat(3,1fr);gap:7px}.mode-choices span{padding:8px;min-height:72px}.mode-choices strong{font-size:14px}.mode-choices small{font-size:12px}.save-options{align-self:end;margin:0;min-height:44px;font-size:14px;padding:10px;width:auto}.settings-help{font-size:12px;margin-top:7px}.theme-settings legend,.timer-settings legend{font-size:16px;margin-bottom:7px}.settings-intro{font-size:13px;margin-bottom:8px}.duration-entry{padding:4px 10px}.duration-entry input{font-size:22px}.duration-fields label{gap:3px;font-size:13px}.audio-settings{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.toggle-row{font-size:14px;min-height:40px}.sound-preview{font-size:13px;margin-top:3px}.audio-settings .settings-help{margin-top:3px}.dialog-actions{flex-direction:row}.dialog-copy{font-size:15px}.settings-error{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}