body:has(.reader-shell){background:#e9e7e1}.reader-shell{min-height:100vh}.reader-top{height:60px;background:#fffdf9;border-bottom:1px solid #ddd8ce;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:10;font-size:13px}.reader-top b{color:#39332f;font-size:14px}.reader-top button{border:0;background:#e6eee6;padding:8px 13px;color:#526d58}.reader-toolbar{max-width:900px;margin:15px auto;display:flex;justify-content:flex-end;gap:20px;align-items:center;font-size:12px}.reader-toolbar label{display:flex;align-items:center;gap:8px}.reader-toolbar input{width:110px}.reader-content{width:min(82%,900px);margin:0 auto;background:#fff;min-height:60vh;display:flex;flex-direction:column;align-items:center;transition:width .2s}.reader-content img{display:block;width:100%;height:auto;object-fit:contain}.reader-empty{margin:auto;padding:90px 20px;text-align:center;color:#39332f}.reader-empty p{font-size:13px;color:#77746e}.reader-content.single img{max-height:calc(100vh - 180px);width:auto;max-width:100%}.reader-content.double{display:grid;grid-template-columns:1fr 1fr;align-items:start}.reader-bottom{display:flex;justify-content:space-between;max-width:900px;margin:20px auto;padding:15px;background:#fffdf9;font-size:13px}.reader-bottom a{color:#526d58;font-weight:700}.reader-bottom span{color:#999}.reader-content img{scroll-margin-top:70px}@media(max-width:600px){.reader-top{padding:0 12px}.reader-top b{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.reader-toolbar{padding:0 12px;justify-content:space-between;gap:8px}.reader-content{width:100%}.reader-bottom{margin:12px;gap:8px;font-size:11px}.reader-bottom a,.reader-bottom span{flex:1;text-align:center}}