.reading-ai-actions{display:flex;align-items:center;gap:20px}.reading-insight-toggle{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--muted,#62758a);padding:7px 8px;font-size:12px;white-space:nowrap}.reading-insight-toggle[aria-expanded=true]{color:#234c6c;background:#eaf0f5;border-radius:5px}.reading-insight-toggle svg{width:16px;height:16px}.reading-insight-panel{position:absolute;right:0;top:44px;bottom:0;width:390px;background:#fff;z-index:12;box-shadow:-8px 0 28px #203d5620;border-left:1px solid #dde4ea;text-align:left}.reading-insight-panel>header{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.reading-insight-panel>header button{border:0;background:none;color:#66788a;font-size:24px}.reading-insight-content{padding:4px 22px 24px;height:calc(100% - 52px);overflow:auto;font-size:13px;line-height:1.9}.reading-insight-content>section{padding:16px 0;border-bottom:1px solid #edf0f3}.reading-insight-content h3{margin:0 0 8px;font-size:12px;color:#7b8795;font-weight:500}.reading-ai-text{white-space:pre-wrap;color:#283e50}.reading-score>section{padding-top:16px}.reading-score>strong{font-size:28px;color:#234c6c}.reading-score small{font-size:13px;font-weight:400;color:#8a97a3}.reading-score p,.reading-ai-origin{color:#88939e;font-size:11px;line-height:1.7}.reading-ai-notice{background:#f8f4ec;color:#8a6e39;padding:10px 12px;border-radius:4px}.reading-ai-commands{display:flex;gap:10px;margin-top:18px}.reading-ai-commands button,.reading-translation-note button{border:1px solid #d9e2e9;border-radius:5px;background:#fff;color:#234c6c;padding:6px 12px;font-size:12px}.reading-history-link{font-size:12px}.reading-translation{white-space:pre-wrap;line-height:1.95;font-size:16px;color:#283e50}.reading-translation-note{display:flex;align-items:center;gap:12px;font-size:12px;color:#7d8995;margin:10px 0 22px}.reading-translation-note[hidden],.reading-translation[hidden],.reading-insight-panel[hidden]{display:none}.reading-insight-panel p[role=alert]{color:#a83f3f}.reading-insight-toggle:hover,.reading-ai-commands button:hover{background:#f1f4f7}.reading-ai-actions button:disabled{opacity:.5;cursor:default}.reading-toolbar>.reading-ai-actions{margin-left:auto}.reading-history{padding:14px 28px 24px;height:100%;overflow:auto}.reading-history>header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.reading-history>header p{margin:0;color:#7b8896;font-size:12px}.reading-history table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.reading-history th,.reading-history td{padding:14px 12px;text-align:left;border-bottom:1px solid #edf0f3}.reading-history th{font-size:12px;font-weight:500;color:#7a8999}.reading-history td:first-child{max-width:430px}.reading-history td small{display:block;color:#8a97a5;margin-top:3px}.reading-history td button{border:1px solid #dce3e9;border-radius:5px;padding:5px 11px;background:white;color:#234c6c}.reading-history nav{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:16px;font-size:12px}.reading-history td[role=alert]{color:#a83f3f}.reading-history .reading-record-failure{color:#a83f3f}

#materials-view[data-page=insights]{padding:0;height:100%;overflow:hidden}#materials-view[data-page=insights] #materials-root{max-width:none;height:100%}

.with-insight>#library-detail{margin-right:390px}.with-insight>.reading-panel{margin-right:390px}.reading-translation,.reading-translation-note{max-width:850px;margin-left:auto;margin-right:auto}.reading-insight-panel{top:46px;box-shadow:none}.with-insight .reading-toolbar{gap:8px}.with-insight .reading-context{flex:1;min-width:0}

.reading-translation img{display:block;max-width:100%;height:auto;margin:22px auto}

.reading-panel-actions{display:flex;align-items:center;gap:15px}.reading-insight-panel>header .reading-top-action{font-size:12px;color:#234c6c;padding:5px 9px;background:#edf2f6;border-radius:5px}.reading-insight-panel>header .reading-top-action:disabled{opacity:.5;cursor:default}

#reader-view .reading-insight-panel{top:0}#reader-view .reading-insight-panel>header{height:46px}#reader-view .reading-insight-content{height:calc(100% - 46px)}