/* Same dark paper panel style as the main reader, with isolated reader slots. */
#reader-menu-root{position:absolute;inset:0;z-index:80;color:var(--cream,#fbf5ef);font-family:var(--f-display);font-weight:400;font-synthesis:none;cursor:default}
#reader-menu-root[hidden],#reader-menu-root [hidden]{display:none!important}
#reader-menu-root .reader-menu-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:980px;max-height:760px;box-sizing:border-box;padding:50px 64px;background:rgb(20,20,36);border:1px solid rgba(242,211,171,.25);display:flex;flex-direction:column;gap:26px;outline:none}
#reader-menu-root h3{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:32px;font-size:34px;letter-spacing:12px;font-weight:400}
#reader-menu-root .reader-menu-button{font:inherit;font-size:22px;letter-spacing:4px;color:inherit;background:none;border:0;padding:4px 2px;cursor:pointer;opacity:.62;white-space:nowrap}
#reader-menu-root .reader-menu-button:hover,#reader-menu-root .reader-menu-button:focus-visible{opacity:1;outline:none;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
#reader-menu-root .reader-menu-button:disabled{opacity:.25;cursor:default;text-decoration:none}
#reader-menu-context{margin:0;font-size:24px;line-height:1.4;letter-spacing:3px;color:var(--peach,#f2d3ab);opacity:.8}
#reader-menu-body{min-height:0;overflow-y:auto;max-height:540px;padding:2px 8px 4px 0;overscroll-behavior:contain;scrollbar-color:rgba(242,211,171,.35) transparent;scrollbar-width:thin}
#reader-menu-root .reader-menu-slots{display:grid;gap:16px}
#reader-menu-root .reader-menu-slot{display:grid;grid-template-columns:70px 1fr auto auto;align-items:center;gap:24px;padding:18px 22px;border:1px solid rgba(242,211,171,.18);font-size:24px}
#reader-menu-root .reader-slot-number{font-family:var(--f-latin);font-style:italic;font-size:34px;color:var(--peach,#f2d3ab)}
#reader-menu-root .reader-slot-info{min-width:0}
#reader-menu-root .reader-slot-info b{display:block;font-weight:400;letter-spacing:4px;line-height:1.4;overflow-wrap:break-word}
#reader-menu-root .reader-slot-info span{display:block;font-family:var(--f-body);font-size:18px;line-height:1.5;letter-spacing:1px;opacity:.6}
#reader-menu-status{margin:0;font-family:var(--f-body);font-size:22px;line-height:1.5;color:var(--peach,#f2d3ab)}
#reader-menu-root[data-view="history"] .reader-menu-panel{width:1160px;max-height:860px}
#reader-menu-root[data-view="history"] #reader-menu-body{max-height:620px}
#reader-menu-root .reader-history-scene{margin:20px 0 14px;font-size:25px;line-height:1.5;font-weight:400;letter-spacing:4px;color:var(--peach,#f2d3ab)}
#reader-menu-root .reader-history-scene:first-child{margin-top:0}
#reader-menu-root .reader-history-entry{margin:0 0 16px;font-family:var(--f-body);font-size:24px;line-height:42px;white-space:pre-wrap;overflow-wrap:break-word}
#reader-menu-root .reader-history-entry:last-child{margin-bottom:0}
#reader-menu-root .reader-history-entry b{font-family:var(--f-display);font-weight:400;letter-spacing:3px;color:var(--peach,#f2d3ab)}
#reader-menu-root[data-language="en"] h3,#reader-menu-root[data-language="en"] .reader-menu-button,#reader-menu-root[data-language="en"] #reader-menu-context,#reader-menu-root[data-language="en"] .reader-slot-info b,#reader-menu-root[data-language="en"] .reader-history-scene,#reader-menu-root[data-language="en"] .reader-history-entry b{letter-spacing:.4px}
#reader-menu-root[data-language="en"] .reader-slot-number{font-family:var(--f-display);font-style:normal}
#reader-menu-root[data-language="en"] .reader-slot-info span{letter-spacing:normal}
#reader-menu-root[data-language="en"] .reader-history-entry{font-size:26px;line-height:38px}
/* The same settings panel must sit above the framed and unframed reader surfaces. */
.panel{z-index:80}
#s-code[hidden]{display:none!important}
#reader-menu-root[data-language="en"] .reader-history-entry b{font-family:var(--f-latin);font-style:italic}
#reader-menu-root[data-kind="paro"] .reader-history-entry{font-family:"Luca Punct","Huiwen-mincho",serif;font-size:24px;line-height:42px}

/* History follows the same dialogue alignment, with room for its larger speaker type. */
#reader-menu-root p.reader-history-dialogue{display:grid;grid-template-columns:144px minmax(0,1fr);column-gap:32px;align-items:baseline}
#reader-menu-root .reader-history-dialogue>b{white-space:nowrap;text-align:left;line-height:1}
#reader-menu-root .reader-history-text{display:block;min-width:0;text-align:left}

/* Hang only the opening quote; first word and all continuation lines share one left edge. */
#reader-menu-root .reader-history-text{position:relative}
#reader-menu-root .dialogue-opening{position:absolute;left:0;top:0;transform:translateX(-100%);font:inherit;letter-spacing:inherit;white-space:nowrap}

/* Override the Chinese-only PARO history face when its actual prose is English. */
#reader-menu-root[data-kind="paro"][data-language="en"] .reader-history-entry {
 font-family:"IM Fell English","Luca Text",Georgia,serif;
 font-style:normal;font-weight:400;font-size:26px;line-height:38px;
 letter-spacing:normal;line-break:auto;word-break:normal;
 overflow-wrap:break-word;
}
#reader-menu-root[data-kind="paro"][data-language="en"] .reader-history-scene {
 font-family:"IM Fell English","Luca Text",Georgia,serif;
 font-style:normal;font-weight:400;letter-spacing:.4px;
}
#reader-menu-root[data-kind="paro"][data-language="en"] .reader-history-dialogue {
 grid-template-columns:144px minmax(0,1fr);column-gap:32px;
}
#reader-menu-root[data-kind="paro"][data-language="en"] .reader-history-dialogue>b {
 font-family:var(--f-latin);font-style:italic;font-weight:400;
 white-space:normal;line-height:1.2;word-break:normal;
 overflow-wrap:break-word;letter-spacing:.4px;
}