:root{--book-gold:#b8923f;--paper:#f3eee3;--paper-ink:#312b24;--page-w:min(41vw,520px);--page-h:min(68vh,700px)}
*{box-sizing:border-box}
body.book-prototype-page{margin:0;color:#fff;min-height:100vh;overflow-x:hidden;background:#e9e2d7}
.book-prototype-page .static-header-shell{position:relative;z-index:30}
.reader-stage{position:relative;min-height:calc(100vh - 86px);display:grid;place-items:center;padding:28px 24px 70px;overflow:hidden;background-image:url("/assets/reference-sketches/journal-underlay.png?v=journal-wall-only-r1");background-position:center 43%;background-size:auto 145%;background-repeat:no-repeat;background-color:#e9e2d7}
.reader-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(22,27,34,.08))}
.reader-note{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:6;margin:0;color:rgba(35,38,44,.72);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.closed-book{position:relative;z-index:5;width:min(560px,76vw);cursor:pointer;transition:opacity .45s ease,transform .65s cubic-bezier(.2,.7,.15,1);filter:drop-shadow(0 32px 34px rgba(0,0,0,.42))}
.closed-book:focus-visible{outline:3px solid #b8923f;outline-offset:10px}
.closed-book img{display:block;width:100%;height:auto;border-radius:3px}
.open-hint{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);font:700 11px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(34,38,43,.78);white-space:nowrap}
.library-return{position:absolute;z-index:7;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid rgba(71,78,88,.34);border-radius:999px;background:rgba(245,241,233,.9);color:#302c27;text-decoration:none;font:700 11px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:opacity .28s ease,transform .28s ease,background .2s ease,border-color .2s ease}
.library-return:hover{background:#fff;border-color:rgba(71,78,88,.55);transform:translateX(-50%) translateY(-1px)}
.library-return:focus-visible{outline:3px solid #b8923f;outline-offset:4px}
.reader-stage.is-open .library-return{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px)}
.reader-stage.is-open .closed-book{opacity:0;pointer-events:none;transform:translateX(-30vw) scale(.86) rotateY(-24deg)}
.book-reader{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-47%) scale(.93);width:min(1160px,92vw);opacity:0;pointer-events:none;transition:opacity .5s ease .2s,transform .65s cubic-bezier(.2,.7,.15,1) .15s}
.reader-stage.is-open .book-reader{opacity:1;pointer-events:auto;transform:translate(-50%,-47%) scale(1)}
.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 10px;width:min(1080px,90vw);font-family:Arial,sans-serif}
.book-toolbar button,.page-nav{appearance:none;border:1px solid rgba(139,103,43,.42);background:rgba(15,20,27,.88);color:#eee5d2;border-radius:999px;min-height:38px;padding:0 15px;font:700 11px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.book-toolbar button:hover,.page-nav:hover{border-color:#b8923f;background:#111a26}
.reader-title{min-width:0;text-align:center;color:#342f29;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.book-open{position:relative;margin:auto;width:calc(var(--page-w)*2 + 54px);max-width:92vw;height:calc(var(--page-h) + 42px);padding:21px 27px;background:linear-gradient(90deg,#060b10 0,#101a26 48%,#04070a 50%,#101a26 52%,#060b10 100%);border:1px solid rgba(184,146,63,.38);border-radius:13px 13px 9px 9px;box-shadow:0 38px 70px rgba(0,0,0,.52),inset 0 0 0 2px rgba(0,0,0,.9),inset 0 0 0 4px rgba(184,146,63,.18)}
.book-open:before{content:"";position:absolute;z-index:5;top:20px;bottom:20px;left:50%;width:36px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(31,24,18,.09),rgba(31,24,18,.32) 46%,rgba(255,255,255,.18) 50%,rgba(31,24,18,.35) 54%,rgba(31,24,18,.07));pointer-events:none}
@media(max-width:560px){.library-return{bottom:14px;min-height:38px;padding:0 14px;font-size:9px;letter-spacing:.08em}}