/* A real cover, paper edges and a cloth-bound spine. */
#defter .book-showcase{background:radial-gradient(ellipse at 50% 40%,#fffdf7,#e4eaf2 85%);min-height:610px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 35px;border:1px solid #ffffffb3;border-radius:32px;overflow:visible}
.book-overline{font-size:10px;font-weight:700;letter-spacing:.16em;color:#59738d;margin-bottom:25px}
.book-launch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:0;padding:0 0 18px;width:100%;perspective:1300px;color:#215e94}
.closed-book{display:block;position:relative;width:252px;aspect-ratio:595/842;transform:rotateY(-22deg) rotateX(7deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);z-index:1}
.book-launch:hover .closed-book,.book-launch:focus-visible .closed-book{transform:rotateY(-12deg) rotateX(2deg) rotateZ(-3deg) translateY(-8px)}
.book-front{position:absolute;inset:0;border-radius:3px 11px 11px 3px;background:#fff;overflow:hidden;transform:translateZ(15px);box-shadow:inset 6px 0 12px #17334e20,3px 4px 8px #223a5320}
.book-front img{width:100%;height:100%;object-fit:cover;border-radius:0}
.book-cover-shine{position:absolute;inset:0;background:linear-gradient(95deg,#17334e30,transparent 5%,#fff9 7%,transparent 10%,transparent 75%,#ffffff35);pointer-events:none}
.book-spine{position:absolute;width:25px;height:100%;background:linear-gradient(90deg,#163b62,#2e6590,#173c65);left:-12px;transform:rotateY(-90deg);transform-origin:right;border-radius:5px 0 0 5px}
.book-thickness{position:absolute;inset:7px -13px -8px 7px;background:linear-gradient(90deg,#edf0f2,#fffefa 55%,#e4e9ed);border:1px solid #c2c7ca;border-radius:0 10px 11px 0;transform:translateZ(-5px);box-shadow:18px 22px 30px #17334e35}
.book-ground-shadow{position:absolute;bottom:55px;left:16%;width:73%;height:35px;border-radius:50%;background:#16334e45;filter:blur(17px);transform:rotate(-7deg)}
.book-open-cue{display:flex;align-items:center;gap:28px;position:relative;z-index:2;margin-top:39px;background:#215e94;color:#fff;padding:13px 23px;border:1px solid #ffffff90;border-radius:30px;font-size:13px;box-shadow:0 7px 15px #17334e26}.book-preview-note{font-size:11px;color:#637b91;text-align:center;margin-top:9px}
/* A responsive reader: spread on desktop, single page on phones. */
dialog.book-reader{padding:0;border:1px solid #ffffff70;border-radius:22px;background:#e7edf4;width:min(1120px,96vw);max-width:1120px;max-height:96dvh;overflow:hidden;color:#17334e;box-shadow:0 32px 100px #071d4480}
dialog.book-reader[open]{display:flex;flex-direction:column}dialog.book-reader::backdrop{background:#0b233dd9;backdrop-filter:blur(9px)}
.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;background:linear-gradient(120deg,#245f91,#123252);color:white;flex:none}.reader-header p{font-size:9px;letter-spacing:.15em;color:#bfdaef;margin-bottom:6px}.reader-header h2{font-size:20px;letter-spacing:-.02em;line-height:1.3}.reader-close{border:1px solid #ffffff50;width:36px;height:36px;border-radius:50%;background:#ffffff10;color:white;font-size:25px;flex:none;line-height:1}
.reader-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 24px;flex:none;font-size:12px;background:#f3f6fa;border-bottom:1px solid #d5dfea;min-height:50px}.reader-tools button{border:1px solid #c8d8e8;background:white;color:#215e94;border-radius:20px;padding:7px 13px;white-space:nowrap;font-size:12px}
.reader-viewport{position:relative;overflow:auto;padding:22px 30px;min-height:0;flex:1;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse,#e9eef5,#d4dfeb)}
.reader-book{position:relative;display:flex;width:min(100%,calc((96dvh - 250px) * 1.414));flex-shrink:0;aspect-ratio:1190/842;perspective:1800px;filter:drop-shadow(0 10px 12px #18355033);background:#fff;isolation:isolate;touch-action:pan-y}
.reader-page{position:relative;width:50%;height:100%;background:#fff;overflow:hidden}.reader-page img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.reader-left{box-shadow:inset -13px 0 20px #0001;border-radius:3px 0 0 3px}.reader-right{box-shadow:inset 13px 0 20px #0001;border-radius:0 5px 5px 0}.reader-gutter{position:absolute;left:calc(50% - 16px);top:0;bottom:0;width:32px;background:linear-gradient(90deg,transparent,#18355020 47%,#18355038 50%,#ffffff60 53%,transparent);z-index:2;pointer-events:none}
.reader-turn{display:none;position:absolute;top:0;left:50%;width:50%;height:100%;z-index:4;transform-origin:left;transform-style:preserve-3d}.reader-turn img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;backface-visibility:hidden;max-width:none;user-select:none}.reader-turn .turn-back{transform:rotateY(180deg)}.turn-forward .reader-turn{display:block;animation:page-forward .68s ease-in-out both}.turn-backward .reader-turn{display:block;left:0;transform-origin:right;animation:page-backward .68s ease-in-out both}.reader-turn:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17334e22,transparent 45%);pointer-events:none}
.reader-cover{display:none;position:absolute;left:50%;width:50%;top:0;height:100%;z-index:5;transform-origin:left;backface-visibility:hidden;box-shadow:5px 0 10px #17334e20}.reader-cover img{width:100%;height:100%;object-fit:fill}.opening .reader-cover{display:block;animation:cover-open 1s ease-in-out both}
.reader-footer{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f3f6fa;flex:none;border-top:1px solid #d1deeb}.reader-footer button{border:0;border-radius:24px;padding:10px 20px;background:#215e94;color:#fff;font-size:13px}.reader-footer button:disabled{background:#dae3ec;color:#6f8295;opacity:1}.reader-footer>span{font-size:12px;white-space:nowrap}.reader-tip{text-align:center;color:#698197;font-size:10px;line-height:1.5;padding:0 15px 11px;background:#f3f6fa;margin:0}
.book-reader.is-zoomed .reader-viewport{display:block}.book-reader.is-zoomed .reader-book{width:1400px;max-width:none;margin:auto}.book-reader.is-zoomed .reader-cover{display:none}
@keyframes cover-open{0%{transform:rotateY(0)}100%{transform:rotateY(-175deg);opacity:0}}@keyframes page-forward{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}@keyframes page-backward{0%{transform:rotateY(0)}100%{transform:rotateY(180deg)}}
@media(max-width:700px){dialog.book-reader{width:98vw;max-height:97dvh;border-radius:16px}.reader-header{padding:15px;gap:12px}.reader-header h2{font-size:15px}.reader-header p{font-size:8px}.reader-tools{padding:10px 14px;gap:10px;font-size:10px}.reader-tools button{font-size:10px;padding:7px 10px}.reader-viewport{padding:15px 12px}.reader-book{width:min(100%,calc((97dvh - 230px) * .707));aspect-ratio:595/842}.reader-page{width:100%}.reader-right,.reader-gutter{display:none}.reader-turn,.reader-cover{width:100%;left:0}.turn-backward .reader-turn{left:0}.reader-footer{padding:11px 14px;gap:10px}.reader-footer button{font-size:11px;padding:10px 15px}.reader-footer>span{font-size:10px}.reader-tip{font-size:8px}.book-reader.is-zoomed .reader-book{width:850px}.book-showcase .closed-book{width:220px}#defter .book-showcase{min-height:540px;padding:27px 25px}}
@media(prefers-reduced-motion:reduce){.book-launch .closed-book{transition:none}.reader-turn,.reader-cover{animation:none!important;display:none!important}}

/* Glass cards live inside a blue stage; the cards themselves stay translucent. */
.belief-strip.reveal-flow{background:radial-gradient(ellipse at 15% 0%,#438bc077,transparent 50%),linear-gradient(125deg,#214f7b,#102f50);border:1px solid #ffffff1a;box-shadow:0 18px 40px #153a6121,inset 0 1px 0 #ffffff20}
.reveal-box,.reveal-growth{background:linear-gradient(145deg,#ffffff20,#ffffff08);border:1px solid #ffffff47;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 9px 22px #061e3526,inset 0 1px 0 #ffffff30}
.reveal-lid,.reveal-growth .reveal-lid{background:linear-gradient(145deg,#c8e3f238,#c8e3f211);border:1px solid #ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 6px 16px #061e3526}
.reveal-lid:after{background:#d5e8f5;opacity:.6}.reveal-content strong,.reveal-growth .reveal-content strong{color:#fff}.reveal-content small{color:#cee2f1}.belief-strip.reveal-flow .reveal-icon,.belief-strip.reveal-flow .reveal-growth .reveal-icon{background:#ffffff12;color:#f1f8ff;box-shadow:inset 0 1px 0 #ffffff30}.reveal-base,.reveal-growth .reveal-base{background:#b3d5ee70}.reveal-connector{color:#c2dcef}
/* No decorative frame around the physical book or the reading spread. */
#defter .book-showcase{background:transparent;border:0;border-radius:0;box-shadow:none}
dialog.book-reader{border:0;background:transparent;box-shadow:none;border-radius:0}
.book-reader .reader-viewport{background:transparent;padding-block:25px}.book-reader .reader-header{border-radius:18px 18px 0 0}.book-reader .reader-footer{border-radius:0 0 14px 14px}.book-reader .reader-tip{margin-top:9px;padding:0 15px;color:#d0e1ef;background:transparent}
.book-reader .reader-book{filter:drop-shadow(0 20px 24px #06172b70)}dialog.book-reader::backdrop{background:#0b233dc9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

.reader-nav-group{display:flex;gap:8px;align-items:center}.reader-nav-group button:first-child#reader-first,.reader-nav-group button#reader-last{background:transparent;color:#215e94;border:1px solid #c8d8e8;font-size:11px;padding:9px 13px}
@media(max-width:700px){.reader-footer{gap:6px;padding:10px}.reader-nav-group{gap:5px}.reader-footer button{padding:9px 10px;font-size:10px}.reader-nav-group button:first-child#reader-first,.reader-nav-group button#reader-last{padding:8px;font-size:9px}.reader-footer>span{font-size:9px}}
@media(max-width:380px){.reader-footer{flex-wrap:wrap;justify-content:center}.reader-footer>span{order:-1;width:100%;text-align:center}.reader-nav-group{flex:1;justify-content:center}}
/* Give the printed cover more presence on the page. */
#defter .book-showcase{min-height:690px}
.book-showcase .closed-book{width:min(320px,80%)}
@media(max-width:700px){#defter .book-showcase{min-height:620px}.book-showcase .closed-book{width:min(270px,82%)}}
/* Front cover first; then inside cover on the left, first content page on the right. */
.reader-book.single-cover{width:min(100%,calc((96dvh - 250px) * .707));aspect-ratio:595/842}
.reader-book.single-cover .reader-left{width:100%}.reader-book.single-cover .reader-right,.reader-book.single-cover .reader-gutter{display:none}
.book-reader.is-zoomed .reader-book.single-cover{width:850px}

/* Single-page turns keep the next page behind the outgoing sheet. */
.reader-book.turn-single-forward .reader-turn,.reader-book.turn-single-backward .reader-turn{display:block;left:0;width:100%;transform-origin:left center;animation:single-page-forward .55s ease both}
.reader-book.turn-single-backward .reader-turn{transform-origin:right center;animation-name:single-page-backward}
.reader-book.turn-single-forward .turn-back,.reader-book.turn-single-backward .turn-back{display:none}
@keyframes single-page-forward{from{transform:rotateY(0);opacity:1}to{transform:rotateY(-85deg);opacity:0}}
@keyframes single-page-backward{from{transform:rotateY(0);opacity:1}to{transform:rotateY(85deg);opacity:0}}

/* Keep the reading stage fixed across covers and all spreads. */
html{scrollbar-gutter:stable}body.dialog-open{overflow:hidden}
dialog.book-reader[open]{height:96dvh}.book-reader .reader-viewport{display:block;height:calc(96dvh - 225px);flex:1;scrollbar-gutter:stable both-edges;overflow:auto;overflow-anchor:none;overscroll-behavior:contain}.book-reader .reader-book{margin:0 auto;width:min(100%,calc((96dvh - 285px)*1.414));aspect-ratio:1190/842;touch-action:none;filter:drop-shadow(0 15px 18px #06172b50)}
.book-reader .reader-book.single-cover{width:min(100%,calc((96dvh - 285px)*1.414));aspect-ratio:1190/842;background:transparent}.reader-book.single-cover .reader-left{position:absolute;width:50%;left:0}.reader-book.single-cover.front-cover .reader-left{left:50%}.reader-book.single-cover .reader-right{visibility:hidden;display:block}.reader-book.single-cover .reader-gutter{display:none}.reader-book.single-cover .reader-turn{width:50%}.reader-book.single-cover.back-cover .reader-turn{left:0;transform-origin:right}.reader-book .reader-page{backface-visibility:hidden}.reader-book img{pointer-events:none}
.reader-book.dragging .reader-cover{display:none}.reader-book.dragging .reader-turn{display:block;animation:none!important;transform:rotateY(0deg);cursor:grabbing}.reader-book{cursor:grab}.reader-book.dragging{cursor:grabbing}.reader-book.dragging .reader-turn .turn-back{display:block}.reader-book.dragging.turn-backward .reader-turn{left:0;transform-origin:right}
@media(max-width:700px){dialog.book-reader[open]{height:97dvh}.book-reader .reader-book,.book-reader .reader-book.single-cover{width:min(100%,calc((97dvh - 270px)*.707));aspect-ratio:595/842}.reader-book.single-cover .reader-left,.reader-book.single-cover.front-cover .reader-left{position:relative;width:100%;left:0}.reader-book.single-cover .reader-right{display:none}.reader-book.single-cover .reader-turn{width:100%;left:0}}

/* A short sheet transition avoids competing 3D layers and keeps the spread steady. */
.reader-snapshot{position:absolute;inset:0;z-index:8;pointer-events:none;will-change:transform,opacity}.reader-snapshot img{position:absolute;top:0;height:100%;object-fit:fill;max-width:none;background:white;box-shadow:0 5px 12px #15345218}.book-reader .reader-book{max-width:none;overflow:visible}.book-reader .reader-viewport{overflow:auto;scroll-behavior:auto}.reader-book.dragging .reader-turn{display:none!important}.reader-book .reader-turn,.reader-book .reader-cover{display:none!important}

.reader-snapshot.physical-turn{perspective:1800px;transform-style:preserve-3d}.physical-leaf{position:absolute;top:0;height:100%;transform-style:preserve-3d;will-change:transform;z-index:2}.physical-turn .physical-leaf img{inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 15px #17345228}.physical-turn .physical-back{transform:rotateY(180deg)}.physical-turn .physical-fixed{top:0;width:50%;height:100%;box-shadow:none}.physical-leaf:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18355016,transparent 30%,#ffffff15);pointer-events:none;backface-visibility:hidden}

/* A slim, clean paper block replaces the striped slab behind the cover. */
#defter .book-thickness{inset:4px -6px -5px 4px;border:1px solid #dce2e6;border-radius:2px 5px 5px 2px;transform:translateZ(-2px);box-shadow:9px 15px 24px #17334e24;background:linear-gradient(90deg,#edf0f2,#fffefa 55%,#e4e9ed)}
#defter .book-front{border-radius:2px 5px 5px 2px;transform:translateZ(5px);box-shadow:inset 3px 0 7px #17334e10,1px 2px 4px #223a5315}
#defter .book-spine{width:10px;left:-4px;background:linear-gradient(90deg,#1a4c70,#3575a2);border-radius:2px}
#defter .book-cover-shine{background:linear-gradient(95deg,#17334e18,transparent 4%,#ffffff30 7%,transparent 12%)}
#defter .closed-book{transform:rotateY(-14deg) rotateX(3deg) rotateZ(-5deg)}
#defter .book-launch:hover .closed-book,#defter .book-launch:focus-visible .closed-book{transform:rotateY(-8deg) rotateX(1deg) rotateZ(-2deg) translateY(-5px)}
#defter .book-ground-shadow{bottom:56px;left:22%;width:60%;height:22px;background:#16334e26;filter:blur(18px)}