/* One pin, one menu: original Newsreader typography and original card bytes. */
body.unified-reader{margin:0;min-height:100dvh;overflow:hidden}
.unified-reader #main,.unified-reader .mobile-card-navigation,.unified-reader .background-dot,.unified-reader .view-toggle,.unified-reader dialog.card-zoom{display:none!important}
.reader-stage{position:fixed;inset:max(24px,env(safe-area-inset-top)) 24px calc(74px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}
.reader-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;cursor:pointer;filter:none!important;border-radius:0;transition:width .3s ease,height .3s ease}
body[data-reader-size="0"] .reader-art{width:65%;height:72%}
body[data-reader-size="1"] .reader-art{width:90%;height:92%}
body[data-reader-size="2"] .reader-art{width:100%;height:100%}
.reader-pin{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;padding:0;background:transparent;cursor:pointer;z-index:102;outline-offset:2px}
.reader-pin span{position:absolute;border-radius:100%;pointer-events:none}
.pin-outer{width:7px;height:7px;background:rgb(255,255,255)}
.pin-main{width:4.54688px;height:4.54688px;background:rgba(255,255,255,.6)}
.pin-pulse{width:24px;height:24px;background:#fff;opacity:0}
.reader-menu-scrim{position:fixed;inset:0;background:rgba(0,0,0,.22);z-index:99}
.reader-menu{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(378px,calc(100vw - 32px));max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;background:rgba(0,0,0,.7);padding:7px;border-radius:23px;z-index:101;color:#FFF7E9;overflow:hidden;font-family:"Newsreader","Newsreader Placeholder",serif}
.reader-menu-inner{box-sizing:border-box;max-height:calc(100dvh - 114px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;scrollbar-width:none;background:#282828;border-radius:17px;padding:24px 28px}
.reader-menu-inner::-webkit-scrollbar{display:none}
.reader-menu [hidden],.reader-menu[hidden],.reader-menu-scrim[hidden]{display:none!important}
.reader-menu button,.reader-menu a,.reader-menu h2,.reader-menu p,.reader-menu span{font-family:"Newsreader","Newsreader Placeholder",serif;font-weight:400;font-size:20px;line-height:1.35;color:#FFF7E9;-webkit-text-fill-color:#FFF7E9;letter-spacing:0;text-decoration:none}
.reader-menu button{display:block;border:0;background:none;padding:8px 4px;cursor:pointer;appearance:none}
.reader-menu button:hover,.reader-menu button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.reader-menu button:disabled{opacity:.32;cursor:default;text-decoration:none}
.reader-menu-links{display:flex;flex-direction:column;align-items:center;gap:5px}
.reader-options{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 0}
.reader-options button{font-size:16px;padding:8px 2px}
.reader-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.reader-pagination button,.reader-pagination span{font-size:16px;white-space:nowrap}
.reader-back{margin:0 auto 12px}
.reader-menu h2,.reader-menu p{text-align:center;margin:16px 0}
.reader-library{display:flex;flex-direction:column;align-items:center}
@media(prefers-reduced-motion:no-preference){.pin-pulse{animation:pin-breathe 3s ease-in-out infinite}@keyframes pin-breathe{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.08;transform:scale(1.25)}}}
@media(prefers-reduced-motion:reduce){.reader-art{transition:none}}

/* The open menu follows the actual, contained artwork rectangle. */
.reader-menu{left:var(--menu-x)!important;top:var(--menu-y)!important;bottom:auto!important;transform:none!important;width:var(--menu-width)!important;height:var(--menu-height)!important;max-width:none!important;max-height:none!important}
.reader-menu-inner{height:100%!important;max-height:100%!important;padding:clamp(12px,3vw,24px) clamp(12px,3vw,28px)}
.reader-menu button,.reader-menu h2,.reader-menu p{font-size:clamp(15px,3vw,20px)}
.reader-menu-links{gap:2px}.reader-menu-links button{padding:6px 2px}
.reader-options{gap:8px;margin-top:14px}.reader-options button,.reader-pagination button,.reader-pagination span{font-size:clamp(12px,2.7vw,16px)}
.reader-pagination{margin-top:16px}
@media(prefers-reduced-motion:no-preference){.pin-pulse{animation:pin-breathe-visible 2.6s ease-in-out infinite}@keyframes pin-breathe-visible{0%,100%{opacity:.02;transform:scale(.45)}50%{opacity:.24;transform:scale(1.35)}}}

body[data-reader-size="-1"] .reader-art{width:44%;height:50%}
body[data-reader-size="3"] .reader-stage{inset:max(12px,env(safe-area-inset-top)) 12px calc(60px + env(safe-area-inset-bottom))}
body[data-reader-size="3"] .reader-art{width:100%;height:100%}
.reader-sizes{gap:6px}

.reader-options button[data-color]{width:32px;height:32px;padding:0!important;display:grid;place-items:center;text-decoration:none!important}
.reader-options button[data-color] span{display:block;width:12px;height:12px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px rgba(255,247,233,.25)}
.reader-options button[data-color][aria-pressed="true"] span{outline:1px solid rgba(255,247,233,.55);outline-offset:3px}
.reader-pagination button{width:36px;height:36px;padding:8px!important;display:grid;place-items:center}
.reader-pagination svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}

.reader-cycle-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:14px}
.reader-cycle-controls button{width:44px;height:44px;padding:0;display:grid;place-items:center;text-decoration:none!important}
[data-cycle-color] span{display:block;width:9px;height:9px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px rgba(255,247,233,.35)}
[data-cycle-size] span{display:block;height:var(--size-icon,14px);aspect-ratio:2721/4838;border:1px solid #FFF7E9;border-radius:2px;transition:height .2s ease}

/* A single centered composition, with one control per line. */
.reader-menu{padding:0!important;border-radius:var(--menu-radius,14px)!important;background:#282828!important}
.reader-menu-inner{border-radius:inherit!important;display:flex!important;flex-direction:column!important;padding:clamp(16px,4vw,32px)!important}
.reader-menu-home{width:100%;flex:none;margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vh,24px)}
.reader-menu-links{width:100%;align-items:center;gap:6px}
.reader-cycle-controls{margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important}
.reader-pagination{width:100%;max-width:260px;margin:0!important}
.reader-menu-page{width:100%;margin:auto 0}
.reader-pin{bottom:calc(9px + env(safe-area-inset-bottom))}
.reader-pin{opacity:.5}
.reader-pin{bottom:calc(6px + env(safe-area-inset-bottom))}
.reader-pin{opacity:.7;bottom:calc(3px + env(safe-area-inset-bottom))}

.reader-art,.reader-stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.reader-gesture-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reader-selection{position:fixed;pointer-events:none;border:1px solid rgba(255,247,233,.3);box-sizing:border-box;z-index:2}
html[data-fundo="claro"] .reader-selection{border-color:rgba(154,144,130,.45)}
.reader-selection[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){.reader-edit-ack{animation:reader-edit-confirm .3s ease}@keyframes reader-edit-confirm{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-1px) rotate(-.35deg)}75%{transform:translateX(1px) rotate(.35deg)}}}
/* Center the artwork in the viewport, independent of the former pin/footer space. */
.reader-pin{visibility:hidden!important;pointer-events:none!important}
.reader-stage,body[data-reader-size="3"] .reader-stage{inset:0!important;box-sizing:border-box!important;padding:24px!important;align-items:center!important;justify-content:center!important}
body[data-reader-size="3"] .reader-stage{padding:12px!important}
@media(prefers-reduced-motion:no-preference){
 .reader-art.reader-edit-ack{animation:reader-card-confirm .42s ease-in-out}
 @keyframes reader-card-confirm{0%,100%{transform:translateX(0) rotate(0)}18%{transform:translateX(-3px) rotate(-.8deg)}38%{transform:translateX(3px) rotate(.8deg)}60%{transform:translateX(-2px) rotate(-.5deg)}80%{transform:translateX(1px) rotate(.3deg)}}
}