:root{--ink:#f4ead8;--muted:#bcae99;--gold:#d4a64f;--gold2:#8e6328;--panel:#211812;--panel2:#140f0c;--line:rgba(212,166,79,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0f0b09;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(185,118,31,.16),transparent 35%),radial-gradient(circle at 80% 70%,rgba(94,58,22,.18),transparent 40%);z-index:-1}.topbar{height:74px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;background:rgba(15,11,9,.78)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-family:Georgia,serif;color:var(--gold);font-size:24px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.icon-btn,.soft-btn,.page-arrow{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:50%;font-size:20px}.hero{padding:clamp(54px,8vw,110px) clamp(20px,8vw,120px) 44px;text-align:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.2em}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,6.8vw,86px);line-height:1.02;margin:16px auto 20px;max-width:1100px}.hero h1 em{font-weight:400;color:#d8b77d}.hero>p:last-child{color:var(--muted);font-size:17px;max-width:700px;margin:auto}.library-nav{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:14px;padding:10px clamp(20px,5vw,70px) 70px;overflow-x:auto}.library-card{min-width:175px;padding:0;text-align:left;border:1px solid var(--line);background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.015));color:var(--ink);border-radius:18px;overflow:hidden;cursor:pointer;transition:.25s}.library-card:hover,.library-card.active{transform:translateY(-5px);border-color:rgba(212,166,79,.8);box-shadow:0 18px 45px rgba(0,0,0,.3)}.library-card>img,.doc-art,.bookmark-art{width:100%;height:185px;object-fit:cover;display:block}.doc-art,.bookmark-art{display:grid;place-items:center;text-align:center;font-family:Georgia,serif;background:linear-gradient(145deg,#eee6d4,#a88757);color:#2b2016;font-size:35px;line-height:.85}.doc-art i{font-size:20px}.bookmark-art{background:linear-gradient(#46301c,#15100c);color:#e3c27e;font-size:24px;letter-spacing:.08em}.library-card span{display:grid;grid-template-columns:30px 1fr;padding:14px}.library-card b{grid-row:1/3;color:var(--gold);font-size:11px}.library-card strong,.library-card small{grid-column:2}.library-card small{color:var(--muted);margin-top:4px}.reader-section{margin:0 clamp(12px,4vw,55px) 70px;padding:clamp(18px,4vw,44px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(45,31,22,.92),rgba(17,12,9,.95));box-shadow:0 35px 100px rgba(0,0,0,.3)}.reader-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.reader-heading h2{margin:5px 0 0;font:400 clamp(25px,4vw,44px) Georgia,serif}.reader-actions{display:flex;gap:8px}.soft-btn{border-radius:999px;padding:10px 16px}.book-stage{position:relative;min-height:min(72vh,760px);display:flex;align-items:center;justify-content:center;padding:10px 62px}.book-shell{height:min(70vh,720px);aspect-ratio:1.34/1;max-width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;perspective:1800px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.55))}.page-slot{position:relative;background:#e7dcc9;overflow:hidden;display:grid;place-items:center;transform-style:preserve-3d}.page-slot.left{border-radius:10px 1px 1px 10px;box-shadow:inset -18px 0 28px rgba(0,0,0,.16)}.page-slot.right{border-radius:1px 10px 10px 1px;box-shadow:inset 18px 0 28px rgba(0,0,0,.12)}.page-slot img{width:100%;height:100%;object-fit:contain;background:#17110d;user-select:none;-webkit-user-drag:none}.page-slot.empty{background:linear-gradient(90deg,#30251b,#17110d)}.book-spine{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:3px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(255,255,255,.12),rgba(0,0,0,.45));box-shadow:0 0 20px rgba(0,0,0,.7)}.turn-next .right{animation:turnNext .48s ease}.turn-prev .left{animation:turnPrev .48s ease}@keyframes turnNext{0%{transform:rotateY(0)}45%{transform:rotateY(-16deg) scale(.985)}100%{transform:rotateY(0)}}@keyframes turnPrev{0%{transform:rotateY(0)}45%{transform:rotateY(16deg) scale(.985)}100%{transform:rotateY(0)}}.page-arrow{position:absolute;z-index:5;width:48px;height:48px;border-radius:50%;font-size:36px;line-height:36px}.page-arrow.prev{left:0}.page-arrow.next{right:0}.page-arrow:disabled{opacity:.25;cursor:not-allowed}.reader-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:var(--muted)}input[type=range]{accent-color:var(--gold);width:100%}.qr-section{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;margin:0 clamp(20px,8vw,120px) 100px;padding:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.qr-section h2{font:400 clamp(30px,4vw,52px) Georgia,serif;margin:12px 0}.qr-section p{color:var(--muted);line-height:1.7}.qr-card{justify-self:center;background:#f4ead8;color:#211812;padding:20px;border-radius:18px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.35)}.qr-card img{width:200px;height:200px;display:block;margin:auto}.qr-card strong,.qr-card small{display:block}.qr-card strong{font-size:12px;margin-top:12px}.qr-card small{margin-top:4px;color:#65513b}footer{text-align:center;padding:25px 20px 45px;color:var(--muted);font-size:12px}.pdf-modal{width:min(1100px,96vw);height:92vh;padding:0;border:1px solid var(--line);border-radius:18px;background:#17110d;color:var(--ink)}.pdf-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.modal-bar{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-bar div{display:flex;align-items:center;gap:14px}.modal-bar a{color:var(--gold);text-decoration:none;font-size:13px}.modal-bar button{border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.pdf-modal iframe{width:100%;height:calc(100% - 58px);border:0;background:white}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#f4ead8;color:#211812;border-radius:999px;padding:11px 18px;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.zoomed .book-shell{height:min(84vh,920px)}
@media(max-width:900px){.library-nav{grid-template-columns:repeat(5,180px)}.reader-heading{align-items:flex-start;flex-direction:column}.book-stage{min-height:72vh;padding:8px 48px}.book-shell{height:min(70vh,720px);aspect-ratio:.667/1;grid-template-columns:1fr}.page-slot.left{display:none}.page-slot.right{border-radius:10px;box-shadow:inset 0 0 25px rgba(0,0,0,.18)}.book-spine{display:none}.reader-footer{grid-template-columns:1fr auto}.reader-footer input{grid-row:2;grid-column:1/3}.qr-section{grid-template-columns:1fr;padding:35px 5px}.qr-card{justify-self:start}}@media(max-width:520px){.brand small{display:none}.hero{padding-top:48px}.hero h1{font-size:42px}.library-nav{padding-left:16px;padding-right:16px}.reader-section{margin-left:6px;margin-right:6px;border-radius:20px}.reader-actions{width:100%}.reader-actions button{flex:1}.book-stage{padding:4px 38px;min-height:66vh}.book-shell{height:min(62vh,650px)}.page-arrow{width:38px;height:38px;font-size:28px}.qr-section{margin-left:20px;margin-right:20px}.pdf-modal{width:100vw;height:100vh;border-radius:0}.modal-bar strong{max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}


/* Exact-ratio single-page layouts for tall/irregular documents */
.book-shell.single-mode{
  grid-template-columns:1fr;
  aspect-ratio:var(--single-ratio, .667)/1;
  width:auto;
  max-width:calc(100vw - 170px);
  height:min(64vh,720px);
}
.book-shell.single-mode .page-slot.left,
.book-shell.single-mode .book-spine{display:none}
.book-shell.single-mode .page-slot.right{
  grid-column:1;
  border-radius:10px;
  box-shadow:inset 0 0 24px rgba(0,0,0,.16);
}
.book-shell.single-mode .page-slot img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.book-shell.bookmark-mode{
  height:min(66vh,760px);
  min-height:360px;
}
.book-shell.yes-mode{height:min(64vh,720px)}
.book-stage{overflow:visible}
:fullscreen .book-shell.single-mode{height:min(84vh,980px);max-width:92vw}
@media(max-width:900px){
  .book-shell.single-mode{height:min(62vh,700px);max-width:calc(100vw - 100px)}
  .book-shell.bookmark-mode{height:min(66vh,760px);min-height:320px}
}
@media(max-width:520px){
  .book-shell.single-mode{height:min(60vh,660px);max-width:calc(100vw - 78px)}
  .book-shell.bookmark-mode{height:min(64vh,700px);min-height:300px}
}

/* Device voice controls */
.voice-panel{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.voice-panel label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.voice-panel select{max-width:290px;border:1px solid var(--line);border-radius:999px;background:#17110d;color:var(--ink);padding:8px 12px}.voice-panel span{margin-left:auto;color:#8f826f;font-size:11px}

/* Real page zoom overlay */
.no-scroll{overflow:hidden}.zoom-modal{position:fixed;inset:0;z-index:1000;display:none;background:rgba(8,5,3,.96);backdrop-filter:blur(10px)}.zoom-modal.open{display:grid;grid-template-rows:auto 1fr}.zoom-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:#17110d}.zoom-toolbar div{display:flex;align-items:center;gap:8px}.zoom-toolbar button{min-width:42px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer;font-size:17px}.zoom-toolbar #zoomCloseBtn{font-size:25px}.zoom-toolbar span{min-width:58px;text-align:center;color:var(--gold)}.zoom-viewport{overflow:auto;cursor:grab;touch-action:none;padding:34px;display:block}.zoom-viewport.dragging{cursor:grabbing}.zoom-canvas{--zoom-scale:1;display:flex;gap:4px;width:max-content;min-width:100%;min-height:100%;justify-content:center;align-items:flex-start}.zoom-canvas img{display:block;width:auto;height:min(82vh,1100px);max-width:none;object-fit:contain;background:#17110d;box-shadow:0 25px 70px rgba(0,0,0,.6);transform:scale(var(--zoom-scale));transform-origin:top center;margin-bottom:calc((var(--zoom-scale) - 1) * min(82vh,1100px))}
@media(max-width:900px){.reader-actions{flex-wrap:wrap}.voice-panel span{width:100%;margin-left:0}.zoom-toolbar strong{max-width:38vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-viewport{padding:18px}.zoom-canvas{justify-content:flex-start}.zoom-canvas img{height:min(76vh,900px)}}
@media(max-width:520px){.reader-actions{display:grid;grid-template-columns:1fr 1fr}.voice-panel{align-items:stretch}.voice-panel label{justify-content:space-between;width:100%}.voice-panel select{max-width:65%}.zoom-toolbar{height:auto;min-height:64px;padding:8px 10px;align-items:flex-start;flex-direction:column}.zoom-toolbar div{width:100%;justify-content:space-between}.zoom-toolbar button{min-width:38px;padding:0 9px}.zoom-viewport{padding:12px}.zoom-canvas img{height:min(72vh,800px)}}