/* Reading is a viewport layer; image width is independent of the gallery card. */
body.reading-mode{overflow:hidden}
body.reading-mode .topbar,body.reading-mode #connection-line,body.reading-mode #price-safety,body.reading-mode #live-nav,body.reading-mode .footer-note{visibility:hidden}
.quick-detail.reader{position:fixed;inset:0;z-index:10;overflow-y:auto;overflow-x:hidden;margin:0;border:0;border-radius:0;max-width:none;padding:0 max(4px,env(safe-area-inset-right,0px)) calc(230px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));background:#081522;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.reader-header{position:sticky;top:0;z-index:2;background:#081522f7;padding:calc(8px + env(safe-area-inset-top,0px)) 4px 8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #365569}
.reader-header h2{flex:1;min-width:100px;font-size:17px;overflow-wrap:anywhere}
.reader-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.reader-actions span{font-size:12px;color:var(--sub)}
.reader-review{margin:8px 4px;font-size:12px;color:#f9d18b}.reader-canvas{width:100%;overflow-x:auto;touch-action:pan-x pan-y pinch-zoom}
.reader-images{width:calc(100% * var(--reader-scale,1));min-width:100%}
.reader-figure{margin:0 0 14px;padding:0;border:0;width:100%}
.reader-figure img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:initial;border-radius:0}
.reader-figure figcaption{padding:4px 8px;font-size:12px;color:var(--sub)}.reader-copy,.reader-empty{padding:8px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.reader-empty{border:1px dashed #426277;min-height:100px}
body.reading-mode #audio-controls{bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:20}body.reading-mode #audio-controls.idle{display:none}
body.reading-mode #audio-controls button{min-height:44px}body.reading-mode #emergency-stop{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:21}
.text-cover{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:6px}.quick-cover .text-cover strong{font-size:clamp(20px,5.3vw,28px);line-height:1.3;margin:0;color:#e9fff9}.text-cover span{font-size:13px;overflow-wrap:anywhere;color:var(--sub)}.quick-letters button:last-child{grid-column:span 2}
.detail-edit{border:1px solid var(--stroke);border-radius:12px;padding:10px}.detail-edit-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--stroke)}.detail-edit-row img{width:72px;height:64px;object-fit:contain}.detail-edit-row button{min-height:44px;padding:8px}
#free-talk-preview ul{padding-left:22px;line-height:1.6}#free-talk-preview label{display:block;line-height:1.6;margin:12px 0}#free-talk-preview input[type=checkbox]{width:22px;height:22px;vertical-align:middle;margin-right:8px}#free-talk-preview input[type=text]{width:100%;min-height:44px;background:#091c2b;color:var(--text);border:1px solid #547e91;border-radius:9px;padding:10px}#free-talk-preview details{margin:10px 0}#free-talk-preview summary{min-height:44px;padding:10px 0}#free-talk-preview .replacement-choices{border:1px solid #835a2d;border-radius:10px;padding:10px}.import-counts{white-space:pre-line;line-height:1.7;font-weight:700}

.column-viewport{width:100%;overflow-x:auto;touch-action:pan-x pan-y pinch-zoom}.column-actions select{min-height:44px;max-width:100%;background:#153448;color:#fff;border:1px solid #547e91;border-radius:8px;padding:6px}.column-actions button{min-height:44px}.column-actions span{width:100%}