:root{--bg:#f7f7f2;--paper:#fffefa;--ink:#263e36;--muted:#748078;--line:#e3e7de;--accent:#285548;--soft:#eaf0e8;--gold:#b89151;--reading:21px;--reader:'Lora',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',system-ui,sans-serif}body.dark{--bg:#182520;--paper:#202f29;--ink:#e2eadf;--muted:#adb9ae;--line:#3a4a40;--accent:#9acbb2;--soft:#30463a}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:0;border-radius:9px;padding:10px 14px}button:hover{background:var(--soft)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--accent)}input,select,textarea{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px;max-width:100%}textarea{resize:vertical;width:100%;min-height:140px;line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Lora',Georgia,serif;font-weight:500}h1{font-size:38px;line-height:1.3}h2{font-size:27px}h3{font-size:16px}p{line-height:1.7}.muted,small{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--muted)}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{border-inline-end:1px solid var(--line);padding:36px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--paper)}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 46px}.brand-mark{width:36px;height:40px;border:1px solid var(--accent);border-radius:18px 18px 7px 7px;display:grid;place-items:center;color:var(--accent);font:27px Georgia}.brand strong{display:block;font:29px 'Lora',Georgia}.brand small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.nav{display:grid;gap:7px}.nav button{text-align:start;display:flex;align-items:center;gap:13px;padding:13px 17px;font-weight:500}.nav button.active{background:var(--soft);color:var(--accent)}.icon{width:20px;height:20px;vertical-align:middle;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.side-bottom{margin-top:auto;padding-top:30px}.guest{border-top:1px solid var(--line);padding:22px 12px 0;font-size:12px;line-height:1.8}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:16px}.search-open{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:10px;letter-spacing:.6px;background:var(--paper)}.workspace{max-width:1350px;margin:auto;padding:32px 40px}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.page-head h1{margin:5px 0}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px}.paper,.card{background:var(--paper);border:1px solid var(--line);border-radius:14px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:8px}.reader-toolbar select{padding:8px 10px;background:transparent}.reading{padding:40px 48px 28px}.chapter-heading{text-align:center;margin-bottom:28px}.chapter-heading .eyebrow{color:var(--gold)}.chapter-heading h2{font-size:36px;margin:13px 0}.verse{display:block;width:100%;text-align:start;font:var(--reading)/1.95 var(--reader);border-radius:5px;padding:5px 9px;margin:4px 0}.verse sup{font:11px 'DM Sans',sans-serif;color:var(--gold);margin-inline-end:12px}.verse.highlight{background:#f5eac7;color:#3d452f}.verse.selected{box-shadow:inset 3px 0 var(--gold);background:var(--soft)}.verse .word{border-bottom:1px dotted var(--gold)}.reader-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 22px}.context{display:grid;align-content:start;gap:20px}.card{padding:23px}.card p{font-size:13px}.card h3{margin:12px 0}.card.tint{background:var(--soft);border-color:transparent}.card .eyebrow{font-size:10px}.primary{background:var(--accent);color:var(--paper);font-weight:600}.primary:hover{opacity:.88;background:var(--accent)}.secondary{border:1px solid var(--line);background:var(--paper)}.wide{width:100%}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:16px}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.verse-actions{display:grid;gap:10px}.verse-actions button{text-align:start;border:1px solid var(--line)}.quote{font:italic 19px/1.8 'Lora',Georgia}.mini-landscape{height:110px;overflow:hidden;position:relative;background:#e1e7d8;border-radius:8px;margin-bottom:18px}.mini-landscape:before{content:'';position:absolute;width:220px;height:150px;border-radius:50%;background:#a4b49b;transform:rotate(-15deg);top:50px;left:-30px}.mini-landscape:after{content:'';position:absolute;width:220px;height:130px;border-radius:50%;background:#718b71;transform:rotate(20deg);top:70px;right:-40px}.sun{position:absolute;right:45px;top:22px;width:25px;height:25px;background:#f7edd2;border-radius:50%}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hero{background:var(--accent);color:var(--paper);padding:38px;border-radius:15px;margin-bottom:25px}.hero p{max-width:580px;opacity:.85}.hero .eyebrow{color:inherit}.hero button{background:var(--paper);color:var(--accent)}.hero h1{max-width:640px}.setting{display:grid;grid-template-columns:1fr minmax(160px,240px);gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.setting p{margin:4px 0;font-size:13px;color:var(--muted)}.setting input,.setting select{width:100%}.progress{height:5px;background:var(--line);border-radius:5px;margin:16px 0}.progress div{height:100%;background:var(--accent);border-radius:5px}.list-item{padding:18px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.list-item p{margin:8px 0;white-space:pre-wrap}.list-item button.link{padding:0;color:var(--accent);text-align:start}.pill{background:var(--soft);border-radius:20px;padding:5px 10px;font-size:11px}.notice{font-size:12px;color:var(--muted);line-height:1.6;border-inline-start:2px solid var(--gold);padding-inline-start:12px;margin:18px 0}.empty{padding:45px;text-align:center}.welcome{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 70% 10%,#e5ecdd,transparent 65%),var(--bg)}.welcome-card{max-width:500px;width:100%;text-align:center}.welcome .brand{justify-content:center;margin:0 0 54px}.welcome h1{font-size:46px}.welcome label{display:block;text-align:start;margin:30px 0 10px}.welcome select{width:100%;margin-bottom:20px}.welcome .primary{padding:16px}.welcome small{display:block;margin-top:20px}.welcome .mini-landscape{height:145px;margin:28px 0}.loading{padding:60px;text-align:center}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);width:min(650px,calc(100vw - 30px));max-height:86vh;padding:28px}dialog::backdrop{background:#17281e70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0;font-size:26px}.dialog-body{line-height:1.8}.dialog-body input{width:100%}.result{display:block;text-align:start;border-bottom:1px solid var(--line);width:100%;padding:16px 8px}.result p{font-size:13px;margin:8px 0 0}.result strong{color:var(--accent)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:10px;z-index:10;display:none;max-width:90vw;box-shadow:0 8px 30px #0002}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px;gap:10px}.tabs .active{border-bottom:2px solid var(--accent);border-radius:0}.word-heading{font:40px Georgia}.field{display:block;margin:15px 0}.field span{display:block;margin-bottom:8px}.feedback-float{margin-top:20px;color:var(--muted);font-size:12px}.chapter-list{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chapter-list button{border:1px solid var(--line)}.storage-warning{background:#f5eac7;color:#433f2e;padding:12px;font-size:13px}.rtl-note{font-size:12px;padding:12px;background:var(--soft);margin:0}.reading[dir=ltr]{text-align:left}.wrap{overflow-wrap:anywhere}.mobile-label{display:none}
@media(min-width:1450px){.workspace{padding-top:42px}.reading{padding:44px 65px}.context{gap:24px}}
@media(max-width:1150px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:28px 12px}.workspace{padding:26px 24px}.topbar{padding:0 24px}.reader-grid{grid-template-columns:minmax(0,1fr) 235px}.reading{padding:32px 24px}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.reader-grid{grid-template-columns:1fr}.context{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}.topbar .badge{display:none}.page-head h1{font-size:30px}}
@media(max-width:650px){.shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;z-index:5;padding:6px 4px;border:0;border-top:1px solid var(--line)}.sidebar .brand,.sidebar .side-bottom,.nav .desktop-only{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{display:flex;flex-direction:column;gap:5px;font-size:10px;padding:9px 5px;min-width:55px}.nav button .icon{width:21px;height:21px}.topbar{height:65px;padding:0 16px}.workspace{padding:22px 14px 95px}.search-open{font-size:12px;padding:8px 0}.top-actions button{padding:8px}.page-head{margin-bottom:17px}.page-head h1{font-size:28px}.page-head .eyebrow{font-size:10px}.context,.grid2{grid-template-columns:1fr}.reading{padding:28px 17px}.verse{line-height:1.85}.reader-toolbar{padding:12px}.reader-toolbar .toolbar-group{gap:2px}.reader-toolbar button{padding:8px}.hero{padding:26px}.hero h1{font-size:31px}.setting{grid-template-columns:1fr;gap:8px}.welcome h1{font-size:37px}.welcome .brand{margin-bottom:30px}.chapter-list{grid-template-columns:repeat(6,1fr)}#toast{bottom:88px}.mobile-label{display:inline}.topbar .desktop-only{display:none}}

.feedback-area{display:flex;justify-content:center;padding:18px 16px calc(108px + env(safe-area-inset-bottom,0px))}.feedback-shortcut{display:flex;flex-direction:column;gap:4px;align-items:center;max-width:100%;padding:12px 18px;border-radius:14px;background:#123459;color:white;border:1px solid #fff;font-size:13px;box-shadow:0 2px 8px #0003}.feedback-shortcut small{color:inherit;font-size:12px;line-height:1.5}.home-card{display:block;width:100%;text-align:start;cursor:pointer}.home-card-title{display:block;font-weight:600;font-size:16px;margin:12px 0}.home-card-description{display:block;font-size:13px;line-height:1.7;margin-bottom:18px}.home-card-action{display:block;font-weight:600;color:var(--accent)}#remote-scripture{padding:20px 0;line-height:1.9}#remote-scripture [data-verse-id]:focus{outline:2px solid #ba8a30}@media(min-width:761px){.feedback-area{padding-bottom:24px}}