.reader-page{background:radial-gradient(ellipse at 50% 30%,#3c152e,#09090d 75%)}.reader-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-bottom:1px solid #9e728966;gap:20px;background:#0d080eee}.reader-bar a{font-size:12px}.reader-heading{text-align:center;padding:35px 20px 15px}.reader-heading h1{font-size:clamp(48px,7vw,80px);margin:10px 0}.reader-heading p{max-width:none;margin:0;font-size:12px;color:#cfb3c2}.reader-toolbar{width:min(1280px,calc(100% - 40px));margin:15px auto;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:5}.reader-toolbar button,.reader-toolbar select,.reader-controls button,.reader-controls select{padding:10px 15px;color:var(--paper);background:linear-gradient(#413040,#170c18);border:1px solid #9c788b;border-radius:5px;min-height:44px}.reader-toolbar details{position:relative}.reader-toolbar summary{cursor:pointer;font-size:12px;padding:11px 20px;background:linear-gradient(#413040,#170c18);border:1px solid #9c788b;border-radius:5px}.reader-toc{position:absolute;z-index:10;top:50px;left:0;display:grid;width:min(440px,85vw);max-height:60svh;overflow:auto;background:#170d18;border:1px solid #c899b2;box-shadow:0 15px 40px #000;padding:10px}.reader-toc a{font-size:12px;line-height:1.5;padding:12px 10px;border-bottom:1px solid #684457;display:flex;gap:12px}.reader-toc b{color:#ff63ac;min-width:25px}.reader-toc a:hover{background:#58203d}.reader-toolbar .reader-page-status{font-size:11px;color:#dbc2d2}.reader-controls{display:flex;gap:9px;align-items:center}.reader-controls select{max-width:155px;font-size:11px}.reader-controls button{font-size:11px}.book-stage{width:min(1380px,calc(100% - 70px));margin:25px auto 40px;display:flex;justify-content:center;perspective:2000px}.reader-spread{display:flex;justify-content:center;align-items:stretch;max-width:100%;position:relative;filter:drop-shadow(0 25px 30px #000);border-radius:2px}.reader-spread::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:50px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#0007 45%,#ffeccc20 55%,transparent);pointer-events:none}.reader-spread.single::after{display:none}.reader-leaf{border:0;padding:0;background:#120910;position:relative;max-width:50%;box-shadow:0 6px 0 #c8b4ac,0 8px 0 #4a3541;cursor:zoom-in}.reader-spread.single .reader-leaf{max-width:720px}.reader-leaf img{display:block;width:100%;height:auto;aspect-ratio:1}.reader-leaf[aria-current=page]{outline:1px solid #ff168b66;outline-offset:-1px}.reader-spread.turning{animation:leaf-turn .35s ease-out}.reader-paper{width:min(950px,calc(100% - 40px));margin:35px auto;background:linear-gradient(130deg,#fff5e3,#ecdcc4);color:#2b1b23;padding:35px;box-shadow:7px 7px 0 #6b4f56}.reader-paper summary{cursor:pointer;font:700 26px PepperDisplay;list-style-position:inside}.reader-paper .reader-text-title{font:500 33px PepperSerif;line-height:1.1;margin:24px 0}.reader-text{white-space:pre-line;font-size:15px;line-height:1.8;max-width:75ch}.reader-audio{width:min(950px,calc(100% - 40px));margin:25px auto;padding:25px;border-top:1px solid #8d657b;border-bottom:1px solid #8d657b}.reader-audio summary{font:700 26px PepperDisplay;cursor:pointer}.audio-options{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0}.audio-options label{display:grid;gap:6px;font-size:11px;color:#d5bfce}.audio-options select{max-width:100%;padding:10px;background:#211424;color:#ffebf3;border:1px solid #7e5b6e}.audio-actions{display:flex;gap:10px;flex-wrap:wrap}.audio-actions button{min-height:44px;padding:9px 18px;border:1px solid #9f758b;border-radius:5px;background:linear-gradient(#3e2738,#170d19);color:#fff2dd}.audio-actions button:first-child{background:linear-gradient(#f74da0,#a90857);border-color:#ff99c8}.audio-status{color:#edc88c;font-size:12px;margin:18px 0 8px}.reader-bottom{position:sticky;bottom:0;z-index:7;padding:12px 20px;display:flex;justify-content:center;gap:25px;align-items:center;background:#100813f2;border-top:1px solid #987086;backdrop-filter:blur(12px)}.reader-bottom button{min-height:42px;padding:8px 25px;background:linear-gradient(#573447,#1b101c);border:1px solid #c195ae;color:white;border-radius:4px;font-size:12px}.reader-bottom p{margin:0;font-size:11px}.reader-loading{text-align:center;padding:80px;color:#ecd4e1}.reader-error{color:#ffabd5;text-align:center;margin:25px}.reader-footer{padding:35px 20px;text-align:center;font-size:11px}.reader-footer a{display:inline-block;margin:6px 10px;color:#d8b67a}.reader-zoom{width:min(1500px,96vw);height:94svh;padding:10px;border:1px solid #a47991;background:#0b070c;max-height:94svh}.reader-zoom::backdrop{background:#000d}.reader-zoom header{position:sticky;top:0;display:flex;justify-content:end}.reader-zoom button{padding:12px 20px;background:#21101b;color:white;border:1px solid #a47991}.reader-zoom img{width:100%;min-width:800px;max-width:none;margin:10px auto}.reader-zoom-body{overflow:auto;height:calc(100% - 60px)}
@keyframes leaf-turn{from{opacity:.5;transform:rotateY(-7deg)}to{opacity:1;transform:rotateY(0)}}
@media(max-width:900px){.reader-bar{padding:15px 18px;gap:12px}.reader-bar a{font-size:10px}.reader-heading{padding:25px 18px 10px}.reader-toolbar{width:calc(100% - 24px);gap:10px;flex-wrap:wrap}.reader-toolbar .reader-page-status{display:none}.reader-controls{gap:5px}.reader-controls button,.reader-controls select{padding:8px 10px;font-size:10px}.reader-toolbar summary{padding:11px;font-size:11px}.book-stage{width:calc(100% - 20px);margin:20px auto 30px}.reader-leaf,.reader-spread.single .reader-leaf{max-width:100%}.reader-spread::after{display:none}.reader-paper,.reader-audio{width:calc(100% - 28px);padding:23px}.reader-text{font-size:14px}.reader-bottom{padding:10px;gap:12px}.reader-bottom button{padding:8px 14px;font-size:11px}.reader-bottom p{font-size:10px}.audio-options{display:grid;gap:12px}.audio-actions{gap:7px}.audio-actions button{padding:8px 12px;font-size:11px}.reader-heading p{font-size:10px}.reader-bar .wordmark{font-size:17px}}