html.history-modal-open{overflow:hidden}
dialog.history-modal{box-sizing:border-box;width:calc(100vw - 48px);max-width:1400px;height:calc(100dvh - 48px);max-height:960px;padding:0;margin:auto;border:1px solid var(--border-muted-color,#444851);border-radius:16px;background:var(--bg-page,#101114);color:var(--fg-default,#eee);overflow:hidden;box-shadow:0 24px 80px #0009}
dialog.history-modal[open]{display:flex;flex-direction:column}
.history-modal::backdrop{background:#08090cbf;backdrop-filter:blur(4px)}
.history-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-muted-color,#444851);flex:none}
.history-modal-head h2{margin:0;font-size:20px;font-weight:600}
.history-modal-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:26px/1 system-ui;cursor:pointer}
.history-modal-close:hover{background:var(--bg-input,#303044)}
.history-modal-close:focus-visible{outline:2px solid var(--accent,#9145d7)}
.history-modal iframe{width:100%;min-height:0;flex:1;border:0;background:var(--bg-page,#101114)}
body[data-page=history]>.topbar,body[data-page=history] main>.heading,body[data-page=history] main>.tabs{display:none}
body[data-page=history] main{padding:20px 24px;max-width:none}
body[data-page=history] #content>.subhead a{display:none}
@media(max-width:767px){dialog.history-modal{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;border-radius:12px}.history-modal-head{padding:16px}body[data-page=history] main{padding:16px}.history-detail{min-width:0}}
