#offline-history-open{margin-left:10px;vertical-align:middle;font:14px var(--readable-font,sans-serif);gap:8px}
#offline-history-dialog{width:min(640px,calc(100vw - 24px));max-width:640px;padding:18px;font:14px/1.6 var(--readable-font,sans-serif);border:3px solid #777f89;background:#eef0f3;color:#303b46}
#offline-history-dialog header{display:flex;gap:10px;align-items:center;border-bottom:2px solid #aab3bc;padding-bottom:10px}#offline-history-title{flex:1;overflow-wrap:anywhere}#offline-history-close{flex:0 0 28px;height:28px;display:grid;place-items:center;padding:0;font:22px/1 Arial;background:#d7dce1;border:1px solid #7a8793;color:#263543}
#offline-history-note{font-size:12px;color:#586775}#offline-history-content{display:grid;gap:8px;max-height:55vh;overflow:auto}.ae-server-choice{display:flex;justify-content:space-between;gap:12px;padding:12px;text-align:left;background:#e1e6eb;color:#243949;border:1px solid #9faeb9;font:inherit}.ae-server-choice span{font-size:12px}.ae-server-choice:hover{background:#cee3e5;border-color:#50999e}
#offline-history-dialog.ae-terminal{background:#17282e;color:#cff3ed;border-color:#78969e;box-shadow:inset 3px 3px #435e66,6px 6px #0005}.ae-terminal #offline-history-note{color:#adc6cc}.ae-terminal-status{padding:10px;border:1px solid #527f81;background:#20363d;color:#93dbb6}.ae-outage-record{display:grid;grid-template-columns:1fr;gap:4px;padding:12px;background:#20343b;border:1px solid #587580}.ae-outage-record strong{color:#efc58b;font-variant-numeric:tabular-nums}.ae-outage-record span{font-size:13px;color:#c3d9de}
[data-appearance=dark] #offline-history-dialog:not(.ae-terminal){background:#292536;color:#eee6f5}[data-appearance=dark] #offline-history-note{color:#c4bacf}[data-appearance=dark] .ae-server-choice{background:#353043;color:#eee6f5}
@media(max-width:550px){#offline-history-open{margin:8px 0}.ae-server-choice{flex-direction:column;gap:4px}}
/* Symmetric entrance controls. Catppuccin Latte/Mocha inspired contrast. */
.hero-copy .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,440px);margin:16px 0}
.hero-copy .hero-actions>:is(a,button),.hero-copy .hero-actions #offline-history-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;height:46px;min-height:46px;margin:0;padding:8px 10px;box-sizing:border-box;font:14px/1.3 var(--readable-font,sans-serif);text-decoration:none;white-space:normal;text-align:center;border:2px solid #9ca0b0;background:#e6e9ef;color:#35384e;box-shadow:inset 2px 2px #fff,inset -2px -2px #bcc0cc;text-shadow:none}
.hero-copy .hero-actions>.play-link{grid-column:1/-1;max-width:none}
.hero-copy .hero-actions>:is(a,button):hover{background:#dce0e8;transform:none}
[data-appearance=dark] .hero-copy .hero-actions>:is(a,button),[data-appearance=dark] .hero-copy .hero-actions #offline-history-open{background:#313244;color:#cdd6f4;border-color:#9399b2;box-shadow:inset 2px 2px #585b70,inset -2px -2px #181825}
#offline-history-back{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;min-height:32px;background:#cdd6f4;color:#1e1e2e;border:2px solid #9399b2;box-shadow:inset 1px 1px #fff;font:600 13px/1.4 var(--readable-font,sans-serif);text-shadow:none;flex-shrink:0}
#offline-history-back:hover{background:#b4befe;color:#11111b}.ae-total-offline{padding:12px;border:1px solid #89b4fa;background:#1e293b;color:#cdd6f4;font-weight:600}.ae-outage-record>small{color:#a6adc8;font-size:12px}
@media(max-width:550px){.hero-copy .hero-actions{gap:8px}.hero-copy .hero-actions>:is(a,button),.hero-copy .hero-actions #offline-history-open{font-size:13px;padding:7px 5px}#offline-history-dialog header{flex-wrap:wrap}#offline-history-title{min-width:120px}}
.hero-copy .hero-actions>a[href="#servers"]{background:#dce9c9;color:#2b4824;border-color:#6c8850;box-shadow:inset 2px 2px #f0f6df,inset -2px -2px #a4ba86}
.hero-copy .hero-actions>a[href="#servers"]:hover{background:#cbdcaf}
.hero-copy .hero-actions #offline-history-open{background:#dbe5ed;color:#263d50;border-color:#6f8b9f;box-shadow:inset 2px 2px #f2f7fa,inset -2px -2px #a3b7c6}
.hero-copy .hero-actions #offline-history-open:hover{background:#c7dce6}
.hero-action-icon{display:block;width:24px;height:24px;flex:0 0 24px;image-rendering:pixelated;filter:drop-shadow(1px 1px #0003)}
[data-appearance=dark] .hero-copy .hero-actions>a[href="#servers"]{background:#34462e;color:#e4f0cd;border-color:#8ba46b;box-shadow:inset 2px 2px #60774a,inset -2px -2px #1f2c1c}
[data-appearance=dark] .hero-copy .hero-actions #offline-history-open{background:#293e50;color:#d4edf3;border-color:#7ca9b9;box-shadow:inset 2px 2px #4b6c7b,inset -2px -2px #192a36}
[data-appearance=dark] .hero-copy .hero-actions>a[href="#servers"]:hover{background:#425837}
[data-appearance=dark] .hero-copy .hero-actions #offline-history-open:hover{background:#365367}
@media(max-width:380px){.hero-action-icon{width:20px;height:20px;flex-basis:20px}.hero-copy .hero-actions>:is(a,button){gap:5px}}
/* Search-first server directory; informed by UI UX Pro Max readability guidance. */
#offline-history-dialog{width:min(820px,calc(100vw - 24px));max-width:820px}
#offline-history-tools{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}#offline-history-tools label{font-weight:600;color:inherit}#offline-server-search{width:100%;height:40px;padding:8px 12px;background:#fff;color:#303b46;border:1px solid #8997a5;font:14px var(--readable-font,sans-serif)}
.ae-filters{display:flex;gap:8px;flex-wrap:wrap}.ae-filters button{min-height:34px;padding:5px 12px;background:#e1e6eb;color:#344455;border:1px solid #9faeb9;font:13px var(--readable-font,sans-serif)}.ae-filters button[aria-pressed=true]{background:#294959;color:#f1f8fc;border-color:#294959}#offline-server-count{color:#586775}
#offline-history-dialog:not(.ae-terminal) #offline-history-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;padding:2px 4px 4px 2px}
#offline-history-dialog .ae-server-choice{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;background:#f8fafb;box-shadow:inset 2px 2px #fff;border:1px solid #adb9c3;border-left:3px solid #6a9a89;min-width:0;text-shadow:none}
#offline-history-dialog .ae-server-choice[data-online=false]{border-left-color:#bd7f38}
.ae-choice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ae-choice-top strong{font:650 16px/1.4 var(--readable-font,sans-serif);overflow-wrap:anywhere;color:#243949}.ae-choice-status{padding:2px 7px;color:#285b45;background:#e1eee7;white-space:nowrap;flex-shrink:0}.ae-server-choice[data-online=false] .ae-choice-status{background:#f8e9d1;color:#86521b}
.ae-choice-metrics{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;text-align:left}.ae-choice-metrics span{font-size:12px;color:#5c6a76}.ae-choice-metrics b{text-align:right;font-size:13px;line-height:1.5;font-weight:600;color:#344455;overflow-wrap:anywhere}.ae-server-choice>small{color:#5c6a76;font-size:12px}.ae-choice-link{text-align:right;color:#315e78;font-weight:600}.ae-history-empty{grid-column:1/-1;text-align:center;padding:28px 12px}
[data-appearance=dark] #offline-server-search{background:#1e1e2e;color:#cdd6f4;border-color:#7f849c}[data-appearance=dark] #offline-server-count{color:#bac2de}[data-appearance=dark] #offline-history-dialog .ae-server-choice{background:#313244;border-color:#585b70;box-shadow:none}[data-appearance=dark] .ae-choice-top strong,[data-appearance=dark] .ae-choice-metrics b{color:#cdd6f4}[data-appearance=dark] .ae-choice-metrics span,[data-appearance=dark] .ae-server-choice>small{color:#bac2de}[data-appearance=dark] .ae-choice-link{color:#89dceb}
@media(max-width:600px){#offline-history-dialog:not(.ae-terminal) #offline-history-content{grid-template-columns:minmax(0,1fr)}#offline-history-dialog{padding:12px}.ae-choice-top strong{font-size:15px}}