html{scrollbar-gutter:stable}
.reader-dialog{width:min(900px,calc(100% - 48px));height:min(850px,92dvh);max-width:900px;max-height:92dvh;padding:0;border:1px solid var(--tone-e1e1e1);border-radius:11px;background:var(--tone-ffffff);overflow:hidden;box-shadow:0 30px 100px #0002;color:var(--tone-171717)}
.reader-dialog[open]{display:flex;flex-direction:column}.reader-dialog::backdrop{background:var(--tone-15151565);backdrop-filter:blur(4px)}
.reader-top{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:53px;flex-shrink:0;border-bottom:1px solid var(--tone-eeeeee);background:var(--tone-ffffff)}.reader-top #detail-label{font-size:11px;color:var(--tone-777777)}.reader-top #reader-original{margin-left:auto;font-size:11px;color:var(--tone-777777)}.reader-top #reader-original:hover{color:var(--tone-111111)}.reader-top .icon-button{width:32px;height:32px}.reader-top svg{width:18px;height:18px}
.reader-tabs{display:flex;align-items:center;gap:24px;padding:0 28px;height:47px;min-height:47px;border-bottom:1px solid var(--tone-eeeeee);flex-shrink:0}.reader-tabs button{padding:0;height:47px;font-size:11px;color:var(--tone-777777);border-bottom:2px solid transparent}.reader-tabs [aria-selected=true]{border-color:var(--tone-222222);color:var(--tone-222222)}
.reader-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-gutter:stable;scrollbar-width:thin}.reader-body:focus-visible{outline-offset:-3px}
.reader-actions{display:flex;align-items:center;gap:10px;padding:9px 18px;border-top:1px solid var(--tone-eaeaea);flex-shrink:0;min-height:57px;background:var(--tone-ffffff)}.reader-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:8px 11px;border:1px solid var(--tone-e8e8e8);border-radius:6px;min-height:35px}.reader-actions svg{width:15px;height:15px}.reader-actions [aria-pressed=true]{background:var(--tone-f5f5f5);border-color:var(--tone-dddddd)}.reader-actions [data-reader-save][aria-pressed=true] svg{fill:var(--tone-dddddd)}.reader-actions .reader-return{margin-left:auto;border-color:transparent;color:var(--tone-777777)}.reader-actions button:hover{background:var(--tone-f7f7f7);color:var(--tone-171717)}
@media(max-width:760px){html{scrollbar-gutter:auto}.reader-dialog{width:100%;max-width:100%;height:95dvh;max-height:95dvh;margin:auto 0 0;border:0;border-radius:13px 13px 0 0}.reader-top{padding:10px 14px;gap:10px}.reader-top #reader-original{font-size:10px}.reader-tabs{padding:0 23px;gap:22px;height:45px;min-height:45px;overflow:auto;scrollbar-width:none}.reader-tabs button{height:45px;font-size:11px;white-space:nowrap;flex-shrink:0}.reader-actions{padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:5px}.reader-actions button{font-size:10px;padding:8px;min-height:35px}.reader-actions .reader-return{font-size:9px;white-space:nowrap}}