/* ============================================================
   Sacred Scripture Library — style.css v2
   Papyrus theme · Day/Night · Mobile-first · EB Garamond
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Lato:wght@300;400;700&display=swap');

/* DAY MODE */
:root {
  --parchment:#edd9a3;--parchment-lt:#f5e8c0;--parchment-dk:#d4b870;
  --panel:rgba(245,232,185,0.95);--panel-dk:rgba(228,210,155,0.97);
  --ink:#1e1208;--ink-mid:#3d2810;--ink-lt:#6b4e2a;
  --gold:#8b5e20;--gold-lt:#c2a050;--gold-dk:#5c3a10;
  --border:#b08030;--border-lt:#d4a850;--crimson:#7a1e1e;
  --verse-bar:#a07030;--header-bg:rgba(228,205,145,0.98);
  --radius:4px;--radius-lg:8px;--reading-bar:#8b5e20;
  --highlight-bg:rgba(200,160,40,0.38);--highlight-bdr:rgba(160,110,10,0.75);
  --search-match:rgba(220,170,30,0.3);
}
/* NIGHT MODE */
body.night {
  --parchment:#1a1208;--parchment-lt:#241a0a;--parchment-dk:#120d04;
  --panel:rgba(30,20,8,0.97);--panel-dk:rgba(22,14,4,0.98);
  --ink:#e8d5a3;--ink-mid:#c2a870;--ink-lt:#a08050;
  --gold:#c8902a;--gold-lt:#a07020;--gold-dk:#e0b050;
  --border:#6b4a18;--border-lt:#8b6020;--verse-bar:#8b6020;
  --header-bg:rgba(18,10,2,0.98);--reading-bar:#c8902a;
  --highlight-bg:rgba(200,140,20,0.32);--highlight-bdr:rgba(160,110,10,0.65);
  --search-match:rgba(200,150,20,0.25);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body {
  margin:0;font-family:'EB Garamond',Georgia,'Times New Roman',serif;
  background-color:var(--parchment);color:var(--ink);
  font-size:clamp(16px,2.8vw,20px);line-height:1.85;
  min-height:100vh;position:relative;overflow-x:hidden;
  transition:background-color 0.4s,color 0.4s;
}
body.font-sans{font-family:'Lato',Arial,sans-serif;line-height:1.75;}

body::before {
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 15% 25%,rgba(160,110,40,0.2) 0%,transparent 55%),
    radial-gradient(ellipse at 85% 75%,rgba(140,90,20,0.15) 0%,transparent 55%),
    repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(100,65,15,0.03) 38px,rgba(100,65,15,0.03) 39px);
  transition:opacity 0.4s;
}
body.night::before{opacity:0.3;}

.script-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.script-bg-inner{
  position:absolute;inset:-20px;
  font-size:clamp(18px,2.8vw,28px);line-height:1.5;letter-spacing:clamp(3px,1vw,6px);
  word-break:break-all;color:rgba(80,45,5,0.09);padding:10px;
  user-select:none;font-family:'Arial Unicode MS','Noto Sans','Segoe UI',Arial,serif;transition:color 0.4s;
}
body.night .script-bg-inner{color:rgba(200,150,50,0.05);}

#readingProgressBar{
  position:fixed;top:0;left:0;height:3px;width:0%;
  background:var(--reading-bar);z-index:9999;
  transition:width 0.15s linear,background 0.4s;
}

/* LOADING SCREEN */
#loadingScreen{
  position:fixed;inset:0;z-index:99999;background:var(--parchment);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;transition:opacity 0.6s;
}
#loadingScreen.fade-out{opacity:0;pointer-events:none;}
.loading-glyph{font-size:clamp(48px,10vw,80px);animation:glyphPulse 2s ease-in-out infinite;}
@keyframes glyphPulse{0%,100%{opacity:0.3;transform:scale(0.95);}50%{opacity:1;transform:scale(1.05);}}
.loading-text{font-family:'Cinzel',serif;font-size:clamp(12px,2vw,15px);color:var(--gold);letter-spacing:3px;}

/* ANNOUNCEMENT BANNER */
.announcement-banner{
  background:var(--gold-dk);color:#f4ecd8;text-align:center;
  padding:8px clamp(12px,3vw,20px);font-family:'Cinzel',serif;
  font-size:clamp(11px,2vw,13px);letter-spacing:1px;
  position:relative;z-index:10;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
body.night .announcement-banner{background:#3a2208;color:#e0b870;}
.banner-close{position:absolute;right:12px;background:none;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:0.7;padding:0 4px;}
.banner-close:hover{opacity:1;}

.page-root{position:relative;z-index:1;min-height:100vh;}

.panel{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:clamp(16px,4vw,36px);transition:background 0.4s,border-color 0.4s;}
.panel-dk{background:var(--panel-dk);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:clamp(14px,3vw,28px);transition:background 0.4s,border-color 0.4s;}

h1,h2,h3{font-family:'Cinzel',Georgia,serif;color:var(--gold-dk);line-height:1.3;transition:color 0.4s;}
body.font-sans h1,body.font-sans h2,body.font-sans h3{font-family:'Lato',Arial,sans-serif;font-weight:700;}
.sacred-label{letter-spacing:3px;font-size:clamp(10px,1.5vw,13px);color:var(--gold);text-transform:uppercase;font-family:'Cinzel',serif;transition:color 0.4s;}
.divider{border:none;border-top:1px solid var(--border-lt);margin:12px 0;transition:border-color 0.4s;}
.divider-ornate{text-align:center;color:var(--gold);font-size:18px;margin:16px 0;letter-spacing:8px;transition:color 0.4s;}

.btn{display:inline-block;padding:clamp(8px,2vw,12px) clamp(16px,4vw,28px);font-family:'Cinzel',Georgia,serif;font-size:clamp(12px,2vw,14px);letter-spacing:1px;border:1.5px solid var(--border);background:var(--panel-dk);color:var(--ink);border-radius:var(--radius);cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.4s;text-decoration:none;white-space:nowrap;}
.btn:hover{background:var(--gold);color:#f4ecd8;border-color:var(--gold-dk);}
.btn-primary{background:var(--gold);color:#f4ecd8;border-color:var(--gold-dk);}
.btn-primary:hover{background:var(--gold-dk);}
.btn-ghost{background:transparent;border-style:dashed;color:var(--gold);}
.btn-ghost:hover{background:rgba(139,94,32,0.12);color:var(--gold-dk);}
body.font-sans .btn{font-family:'Lato',Arial,sans-serif;}

/* READER TOOLBAR */
.reader-toolbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(4px,1.5vw,10px);flex-wrap:wrap;
  padding:clamp(6px,2vw,9px) clamp(10px,3vw,18px);
  background:var(--header-bg);border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:100;transition:background 0.4s,border-color 0.4s;
}
@media(max-width:600px){
  .reader-toolbar{flex-direction:column;align-items:stretch;gap:6px;}
  .toolbar-group{justify-content:center;}
  .toolbar-search-wrap{width:100%;}
  .search-bar-wrap{width:100%;}
  .search-input{font-size:16px;}
}
.toolbar-group{display:flex;align-items:center;gap:clamp(4px,1.5vw,7px);}
.toolbar-label{font-family:'Cinzel',serif;font-size:clamp(9px,1.5vw,11px);color:var(--gold);letter-spacing:0.5px;white-space:nowrap;transition:color 0.4s;}
body.font-sans .toolbar-label{font-family:'Lato',Arial,sans-serif;}

.size-pill{padding:2px 8px;border-radius:10px;font-size:clamp(10px,1.8vw,12px);font-family:'Cinzel',serif;border:1px solid var(--border);cursor:pointer;background:transparent;color:var(--gold);transition:all 0.2s;min-height:26px;}
.size-pill.active,.size-pill:hover{background:var(--gold);color:#f4ecd8;border-color:var(--gold-dk);}
.font-toggle{padding:2px 8px;border-radius:10px;font-size:clamp(10px,1.8vw,12px);border:1px solid var(--border);cursor:pointer;background:transparent;color:var(--gold);transition:all 0.2s;min-height:26px;}
.font-toggle.active{background:var(--gold);color:#f4ecd8;border-color:var(--gold-dk);}

.dn-toggle{display:flex;align-items:center;gap:4px;}
.dn-icon{font-size:13px;}
.dn-track{width:36px;height:20px;background:var(--gold-lt);border-radius:10px;position:relative;cursor:pointer;border:1px solid var(--border);transition:background 0.3s,border-color 0.4s;flex-shrink:0;}
body.night .dn-track{background:#2a1a05;}
.dn-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#f4ecd8;transition:transform 0.3s,background 0.3s;box-shadow:0 1px 3px rgba(0,0,0,0.3);}
body.night .dn-thumb{transform:translateX(16px);background:var(--gold);}

.search-bar-wrap{display:flex;align-items:center;gap:5px;flex:1;min-width:0;}
.search-input{flex:1;min-width:0;padding:4px 9px;font-family:'EB Garamond',Georgia,serif;font-size:clamp(13px,2.2vw,15px);background:var(--panel);border:1px solid var(--border-lt);border-radius:var(--radius);color:var(--ink);outline:none;transition:border-color 0.2s,background 0.4s,color 0.4s;}
.search-input:focus{border-color:var(--gold);}
body.font-sans .search-input{font-family:'Lato',Arial,sans-serif;}
.search-btn{padding:4px 9px;font-family:'Cinzel',serif;font-size:11px;background:var(--panel-dk);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);cursor:pointer;white-space:nowrap;transition:background 0.2s,color 0.4s;min-height:26px;}
.search-btn:hover{background:var(--gold);color:#f4ecd8;}
.search-results{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--panel);border:none;z-index:500;max-height:100vh;overflow-y:auto;display:none;transition:background 0.4s;padding:16px;}
.search-results.open{display:block;}
.search-result-item{padding:14px 16px;border-bottom:1px solid var(--border-lt);cursor:pointer;transition:background 0.15s;}
.search-result-item:hover{background:var(--panel-dk);}
.search-result-ch{font-family:'Cinzel',serif;font-size:13px;color:var(--gold);margin-bottom:5px;transition:color 0.4s;}
.search-result-text{font-size:clamp(16px,3vw,18px);color:var(--ink);line-height:1.7;transition:color 0.4s;font-family:'EB Garamond',Georgia,serif;}
.search-match{background:var(--search-match);border-radius:2px;padding:0 1px;}
.search-no-results{padding:16px;text-align:center;font-style:italic;color:var(--ink-mid);font-size:14px;}

.app-header{background:var(--header-bg);border-bottom:1.5px solid var(--border);padding:clamp(8px,2vw,12px) clamp(10px,3vw,18px);position:relative;z-index:99;transition:background 0.4s,border-color 0.4s;}
.app-header-title{text-align:center;font-family:'Cinzel',serif;font-size:clamp(13px,3vw,19px);color:var(--gold-dk);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.4s;}
body.font-sans .app-header-title{font-family:'Lato',Arial,sans-serif;font-weight:700;}

.nav-bar{display:flex;align-items:center;gap:clamp(6px,2vw,10px);flex-wrap:wrap;justify-content:center;margin-bottom:8px;}
.chapter-select{flex:1 1 auto;max-width:460px;min-width:0;padding:clamp(6px,1.5vw,9px) clamp(10px,2.5vw,14px);font-family:'EB Garamond',Georgia,serif;font-size:clamp(13px,2.5vw,15px);background:rgba(248,235,185,0.9);border:1px solid var(--border-lt);border-radius:var(--radius);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238b5e20' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;-webkit-appearance:none;appearance:none;transition:background-color 0.4s,border-color 0.4s,color 0.4s;}
body.night .chapter-select{background-color:rgba(30,20,8,0.9);}
.chapter-select:focus{outline:2px solid var(--gold);}
body.font-sans .chapter-select{font-family:'Lato',Arial,sans-serif;}
.progress-label{font-size:clamp(11px,2vw,13px);color:var(--gold-dk);white-space:nowrap;font-style:italic;transition:color 0.4s;}

.nav-buttons{display:flex;justify-content:space-between;gap:clamp(6px,2vw,10px);}
.nav-btn{flex:1;padding:clamp(8px,2vw,11px) clamp(8px,2.5vw,14px);font-family:'Cinzel',Georgia,serif;font-size:clamp(11px,2vw,13px);background:var(--panel-dk);border:1px solid var(--border-lt);border-radius:var(--radius);color:var(--ink);cursor:pointer;transition:background 0.15s,color 0.4s,border-color 0.4s;min-height:44px;}
.nav-btn:hover:not(:disabled){background:var(--gold-lt);color:#f4ecd8;}
.nav-btn:disabled{opacity:0.35;cursor:default;}
body.font-sans .nav-btn{font-family:'Lato',Arial,sans-serif;}
.bottom-nav{padding:clamp(10px,3vw,16px) clamp(10px,3vw,18px) clamp(20px,5vw,32px);}

.content{margin:0 auto;max-width:780px;padding:clamp(16px,4vw,32px) clamp(14px,4vw,22px) clamp(36px,6vw,56px);}

.reading-time{text-align:center;font-size:clamp(11px,2vw,13px);color:var(--gold);font-family:'Cinzel',serif;font-style:italic;margin-bottom:clamp(12px,3vw,18px);letter-spacing:0.5px;transition:color 0.4s;}

.chapter-title{text-align:center;font-family:'Cinzel',serif;font-size:clamp(16px,3.5vw,22px);color:var(--gold-dk);margin:0 0 clamp(14px,3vw,22px);padding-bottom:12px;border-bottom:1px solid var(--border-lt);transition:color 0.4s,border-color 0.4s;}
body.font-sans .chapter-title{font-family:'Lato',Arial,sans-serif;font-weight:700;}

.verse{margin-bottom:20px;padding-left:clamp(10px,3vw,18px);border-left:3px solid var(--verse-bar);position:relative;transition:border-color 0.4s,background 0.2s;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;}
.verse.highlighted{background:var(--highlight-bg);border-left:5px solid var(--gold) !important;border-right:1px solid var(--highlight-bdr);border-top:1px solid var(--highlight-bdr);border-bottom:1px solid var(--highlight-bdr);padding-right:8px;}
.verse.bookmarked::before{content:'🔖';position:absolute;right:6px;top:2px;font-size:18px;opacity:1;}
.verse.search-highlighted{background:var(--search-match);}
.verse.shared-highlight{background:var(--highlight-bg);animation:sharedPulse 2s ease-in-out 3;}
@keyframes sharedPulse{0%,100%{background:var(--highlight-bg);}50%{background:rgba(200,160,40,0.45);}}
.verse-number{font-weight:600;color:var(--gold);margin-right:6px;font-family:'Cinzel',serif;font-size:0.82em;transition:color 0.4s;}
body.font-sans .verse-number{font-family:'Lato',Arial,sans-serif;}
.verse-gujarati{display:block;margin-top:5px;color:var(--ink-mid);font-style:italic;font-size:0.92em;line-height:1.8;transition:color 0.4s;}
.verse-note{display:none;margin-top:8px;padding:8px 12px;background:rgba(139,94,32,0.08);border-left:2px solid var(--gold-lt);border-radius:0 var(--radius) var(--radius) 0;font-size:0.85em;color:var(--ink-mid);font-style:italic;line-height:1.6;transition:background 0.4s,color 0.4s;}
.verse-note.open{display:block;}
.verse-actions{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap;align-items:center;}
.verse-action-btn{display:inline-block;font-size:0.72em;color:var(--gold);cursor:pointer;font-family:'Cinzel',serif;letter-spacing:0.5px;background:none;border:none;padding:0;transition:color 0.4s;}
.verse-action-btn:hover{color:var(--gold-dk);}

.prose-body{background:rgba(248,235,185,0.45);border-radius:var(--radius-lg);padding:clamp(14px,4vw,24px);border:1px solid rgba(194,160,80,0.25);transition:background 0.4s;}
body.night .prose-body{background:rgba(30,20,8,0.45);}
.prose-body h3{color:var(--gold-dk);margin-top:20px;font-size:clamp(14px,3vw,17px);border-bottom:1px dashed var(--border-lt);padding-bottom:4px;transition:color 0.4s,border-color 0.4s;}
.prose-body p{margin:10px 0;}

.toc-list{list-style:none;padding:0;margin:0;columns:2;column-gap:clamp(16px,4vw,32px);}
@media(max-width:480px){.toc-list{columns:1;}}
.toc-item{padding:clamp(6px,1.5vw,10px) 0;border-bottom:1px solid var(--border-lt);cursor:pointer;display:flex;align-items:baseline;gap:8px;break-inside:avoid;transition:color 0.2s;}
.toc-item:hover .toc-title{color:var(--gold-dk);}
.toc-num{font-family:'Cinzel',serif;font-size:clamp(10px,1.8vw,12px);color:var(--gold);min-width:24px;flex-shrink:0;transition:color 0.4s;}
.toc-title{font-size:clamp(13px,2.2vw,15px);color:var(--ink);line-height:1.4;transition:color 0.4s;}

.back-link{display:inline-flex;align-items:center;gap:6px;font-size:clamp(12px,2vw,14px);color:var(--gold);cursor:pointer;font-family:'Cinzel',serif;letter-spacing:0.5px;text-decoration:none;padding:6px 0;border:none;background:none;transition:color 0.4s;}
.back-link:hover{color:var(--gold-dk);text-decoration:underline;}
body.font-sans .back-link{font-family:'Lato',Arial,sans-serif;}

input[type="text"],input[type="email"],input[type="password"],textarea,select{width:100%;padding:clamp(8px,2vw,11px) clamp(10px,2.5vw,14px);font-family:'EB Garamond',Georgia,serif;font-size:clamp(14px,2.5vw,16px);background:rgba(248,235,185,0.85);border:1px solid var(--border-lt);border-radius:var(--radius);color:var(--ink);outline:none;transition:border-color 0.2s,background 0.4s,color 0.4s;-webkit-appearance:none;appearance:none;}
body.night input,body.night textarea,body.night select{background:rgba(30,20,8,0.85);}
input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(139,94,32,0.15);}
textarea{resize:vertical;min-height:100px;line-height:1.7;}
label{display:block;font-size:clamp(11px,2vw,13px);font-weight:600;color:var(--gold-dk);margin-bottom:5px;letter-spacing:0.5px;font-family:'Cinzel',serif;transition:color 0.4s;}
.field{margin-bottom:clamp(12px,3vw,18px);}

.toast{position:fixed;bottom:clamp(16px,4vw,24px);left:50%;transform:translateX(-50%);z-index:9999;background:var(--gold-dk);color:#f4ecd8;padding:10px 20px;border-radius:var(--radius-lg);font-family:'Cinzel',serif;font-size:13px;letter-spacing:0.5px;opacity:0;transition:opacity 0.3s;pointer-events:none;max-width:90vw;text-align:center;}
.toast.show{opacity:1;}

.dash-header{text-align:center;padding:clamp(20px,5vw,36px) clamp(16px,5vw,32px) clamp(16px,4vw,28px);}
.dash-h1{font-family:'Cinzel',serif;font-size:clamp(22px,5vw,38px);color:var(--ink);margin:8px 0 4px;line-height:1.2;transition:color 0.4s;}
body.font-sans .dash-h1{font-family:'Lato',Arial,sans-serif;font-weight:700;}
.dash-h2{font-family:'EB Garamond',serif;font-size:clamp(14px,3vw,20px);color:var(--ink-mid);font-style:italic;font-weight:400;margin:4px 0 10px;transition:color 0.4s;}
.dash-body{max-width:900px;margin:0 auto;padding:0 clamp(12px,4vw,24px) clamp(30px,6vw,50px);}

.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:clamp(10px,3vw,16px);margin:clamp(12px,3vw,20px) 0;}
.book-tile{background:rgba(200,160,80,0.45);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:clamp(14px,3vw,20px) clamp(12px,3vw,18px);text-align:center;cursor:pointer;transition:background 0.2s,transform 0.15s,border-color 0.2s;text-decoration:none;display:block;color:var(--ink);}
.book-tile:hover{background:rgba(180,135,55,0.5);border-color:var(--gold-dk);transform:translateY(-2px);}
.book-tile-num{font-family:'Cinzel',serif;font-size:clamp(11px,1.8vw,13px);color:var(--gold-dk);letter-spacing:2px;display:block;margin-bottom:6px;transition:color 0.4s;font-weight:600;}
.book-tile-title{font-family:'Cinzel',serif;font-size:clamp(16px,3vw,20px);color:var(--ink);font-weight:700;line-height:1.3;margin-bottom:6px;transition:color 0.4s;}
.book-tile-subtitle{font-size:clamp(13px,2.2vw,15px);color:var(--ink);font-style:italic;transition:color 0.4s;}
.book-tile-meta{font-size:clamp(12px,2vw,14px);color:var(--gold-dk);margin-top:6px;transition:color 0.4s;font-weight:600;}
.book-tile-coming{font-size:11px;color:var(--crimson);margin-top:4px;font-style:italic;}
.book-tile-draft{opacity:0.5;border-style:dashed;}
.book-tile-draft:hover{transform:none;background:rgba(200,160,80,0.18);border-color:var(--border);cursor:default;}
body.font-sans .book-tile-title{font-family:'Lato',Arial,sans-serif;font-weight:700;}
body.font-sans .book-tile-num{font-family:'Lato',Arial,sans-serif;}

.contact-section{margin-top:clamp(24px,5vw,40px);padding-top:clamp(20px,4vw,32px);border-top:1px solid var(--border-lt);}
.counter-strip{text-align:center;font-size:clamp(10px,2vw,12px);color:var(--gold);margin-top:clamp(14px,3vw,20px);font-family:'Cinzel',serif;letter-spacing:1px;transition:color 0.4s;}

.cover-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,40px);}
.cover-card{max-width:700px;width:100%;text-align:center;}
.cover-h1{font-family:'Cinzel',serif;font-size:clamp(24px,6vw,44px);color:var(--ink);margin:8px 0;line-height:1.2;transition:color 0.4s;}
.cover-h2{font-family:'EB Garamond',serif;font-size:clamp(18px,4vw,28px);color:var(--ink-mid);font-weight:400;font-style:italic;margin:8px 0;transition:color 0.4s;}
.cover-subtitle{font-family:'Cinzel',serif;font-size:clamp(10px,2vw,13px);letter-spacing:2px;color:var(--gold);margin:14px 0;transition:color 0.4s;}
.cover-meta{font-size:clamp(12px,2vw,14px);color:var(--ink-mid);line-height:1.8;margin:16px 0;transition:color 0.4s;}
.cover-coming-soon{font-weight:600;color:var(--crimson);font-size:clamp(11px,2vw,13px);margin-top:8px;}
.cover-author{font-size:clamp(11px,2vw,13px);color:var(--ink-mid);margin-top:18px;line-height:1.8;transition:color 0.4s;}
.cover-disclaimer{margin-top:18px;font-size:clamp(10px,1.8vw,11px);padding:clamp(10px,3vw,14px);border:1px solid var(--border-lt);background:rgba(255,255,255,0.12);border-radius:var(--radius);text-align:left;color:var(--ink-mid);line-height:1.6;transition:background 0.4s,color 0.4s,border-color 0.4s;}
body.night .cover-disclaimer{background:rgba(0,0,0,0.2);}
body.font-sans .cover-h1{font-family:'Lato',Arial,sans-serif;font-weight:700;}

.about-wrap{max-width:760px;margin:0 auto;padding:clamp(16px,4vw,32px) clamp(14px,4vw,22px) clamp(36px,6vw,56px);}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,40px);}
.login-card{max-width:460px;width:100%;text-align:center;}
.admin-wrap{max-width:860px;margin:0 auto;padding:clamp(14px,4vw,28px) clamp(12px,4vw,20px);}
.admin-section{margin-bottom:clamp(20px,5vw,36px);}
.admin-section-title{font-family:'Cinzel',serif;font-size:clamp(13px,2.5vw,16px);color:var(--gold-dk);letter-spacing:1px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border-lt);transition:color 0.4s,border-color 0.4s;}
.chapter-entry{background:rgba(248,235,185,0.35);border:1px solid var(--border-lt);border-radius:var(--radius);padding:clamp(10px,3vw,16px);margin-bottom:10px;transition:background 0.4s;}
body.night .chapter-entry{background:rgba(30,20,8,0.35);}
.chapter-entry-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.btn-remove{background:transparent;border:1px solid var(--crimson);color:var(--crimson);padding:3px 10px;border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:'Cinzel',serif;flex-shrink:0;}
.btn-remove:hover{background:rgba(122,30,30,0.1);}
.progress-bar-wrap{background:rgba(180,135,55,0.2);border-radius:4px;height:6px;margin-top:8px;overflow:hidden;}
.progress-bar-fill{height:100%;background:var(--gold);border-radius:4px;transition:width 0.4s;}

/* SIZE SYSTEM applied via JS class on body */
body.sz-s{font-size:clamp(16px,2.5vw,18px);}
body.sz-m{font-size:clamp(19px,3vw,22px);}
body.sz-l{font-size:clamp(22px,3.5vw,26px);}
body.sz-xl{font-size:clamp(26px,4.5vw,32px);}

@media print{
  .script-bg,.reader-toolbar,.app-header,.nav-buttons,.bottom-nav,
  .announcement-banner,#readingProgressBar,.back-link,.verse-actions,
  .verse-action-btn,#loadingScreen{display:none!important;}
  body,body.night{background:white!important;color:black!important;font-size:12pt;}
  .content{max-width:100%;padding:0;}
  .verse{border-left-color:#999;page-break-inside:avoid;}
  .chapter-title{border-bottom-color:#999;}
}

@media(max-width:480px){
  .nav-buttons{gap:6px;}
  .nav-btn{font-size:11px;padding:8px 6px;}
  .book-grid{grid-template-columns:1fr;}
  .reader-toolbar{gap:5px;}
  .toc-list{columns:1;}
}
@media(max-width:360px){
  .nav-btn{font-size:10px;}
  .cover-h1{font-size:20px;}
}