.defne-reader{--reader-accent:#a8c73b;--reader-zoom:1;position:relative;min-height:680px;display:grid;grid-template-rows:auto 1fr auto;background:#151816;color:#f6f3eb;font-family:Inter,system-ui,sans-serif;overflow:hidden}
.defne-reader.is-app-fullscreen,.defne-reader:fullscreen{position:fixed;inset:0;width:100%;height:100%;min-height:100%;z-index:99999}
.defne-reader-top{min-height:68px;display:flex;align-items:center;gap:14px;padding:10px 16px;background:#202421;border-bottom:1px solid rgba(255,255,255,.12)}
.defne-reader-logo{width:132px;max-height:48px;object-fit:contain;filter:brightness(0) invert(1)}
.defne-reader-title{display:flex;flex-direction:column;min-width:0;padding-left:14px;border-left:1px solid rgba(255,255,255,.15)}
.defne-reader-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px Inter,sans-serif}.defne-reader-title span{font-size:12px;color:rgba(255,255,255,.62)}
.defne-reader-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.defne-reader button{min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:inherit;font:600 14px Inter,sans-serif;cursor:pointer}.defne-reader button:hover{background:rgba(255,255,255,.1)}
.defne-reader-stage-wrap{position:relative;display:flex;align-items:center;min-height:0;background:radial-gradient(circle at 50% 40%,#333a35 0,#151816 62%);overflow:auto;padding:28px 64px}
.defne-reader-stage{width:min(1120px,100%);margin:auto;display:flex;align-items:center;justify-content:center;gap:3px;transform:scale(var(--reader-zoom));transform-origin:center;transition:transform .18s ease}
.defne-reader-page{position:relative;margin:0;min-width:0;max-width:50%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));background:#f7f3e8}.defne-reader-page img{display:block;max-width:100%;max-height:calc(100vh - 170px);object-fit:contain;background:#f7f3e8}.defne-reader-page figcaption{position:absolute;bottom:6px;right:9px;padding:2px 6px;border-radius:10px;background:rgba(15,18,16,.65);font-size:11px}
.defne-reader-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1)!important}.defne-reader-prev{left:10px}.defne-reader-next{right:10px}
.defne-reader-bottom{min-height:76px;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;background:#202421;border-top:1px solid rgba(255,255,255,.12)}
.defne-reader-progress-wrap{width:min(520px,58%)}.defne-reader-counter-row{display:flex;justify-content:space-between;margin-bottom:4px;color:rgba(255,255,255,.7);font-size:11px}.defne-reader-progress{width:100%;accent-color:var(--reader-accent)}
.defne-reader-status{position:absolute;left:50%;bottom:87px;z-index:4;transform:translateX(-50%);padding:8px 13px;border-radius:999px;background:rgba(53,71,29,.92);color:#eef7d7;font-size:12px;white-space:nowrap}
.defne-reader.is-night .defne-reader-page img{filter:brightness(.78) sepia(.12)}
.defne-reader-empty{padding:36px;text-align:center}.defne-reader-empty a{color:#d8ef88}
@media(max-width:767px){.defne-reader{min-height:100dvh}.defne-reader-logo{display:none}.defne-reader-title{padding-left:0;border:0;max-width:155px}.defne-reader-actions button span{display:none}.defne-reader-top{padding:8px;gap:3px;min-height:60px}.defne-reader-stage-wrap{padding:16px 13px}.defne-reader-stage{width:100%}.defne-reader-page{max-width:100%}.defne-reader-page img{width:100%;max-height:calc(100dvh - 146px)}.defne-reader-bottom{padding:8px 5px;gap:2px;min-height:70px}.defne-reader-progress-wrap{width:56%}.defne-reader-status{bottom:78px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.defne-reader-prev{left:2px}.defne-reader-next{right:2px}}
@media(prefers-reduced-motion:reduce){.defne-reader-stage{transition:none}}