.home-updates-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:11px 15px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; color:#1d4ed8; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.home-updates-button:hover { background:#dbeafe; border-color:#93c5fd; }
.home-updates-button:focus-visible,.home-updates-header button:focus-visible,.home-updates-history-entry summary:focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
.home-updates-dialog { width:min(680px,94vw); max-height:88vh; overflow:hidden; padding:0; border:1px solid #dbe4f0; border-radius:22px; background:#fff; color:#0f172a; font:inherit; box-shadow:0 25px 90px #0f172a38; }
.home-updates-dialog[open] { display:flex; flex-direction:column; }
.home-updates-dialog::backdrop { background:#0f172a66; backdrop-filter:blur(5px); }
.home-updates-header { flex-shrink:0; display:flex; justify-content:space-between; align-items:center; gap:15px; padding:23px 25px; background:#f8fbff; border-bottom:1px solid #dbe4f0; }
.home-updates-header span { color:#2563eb; font-size:9px; font-weight:700; letter-spacing:1.5px; }
.home-updates-header h2 { margin:5px 0 0; font-size:24px; color:#10245d; }
.home-updates-header button { flex:0 0 34px; width:34px; height:34px; padding:0; border:1px solid #dbe4f0; border-radius:50%; color:#64748b; background:#fff; font-size:14px; cursor:pointer; }
.home-updates-body { padding:24px; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.home-updates-current { padding:22px; border:1px solid #bfdbfe; border-radius:15px; background:#eff6ff; }
.home-updates-current-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.home-updates-version { font-size:12px; font-weight:700; color:#2563eb; }
.home-updates-current h3 { margin:7px 0 0; color:#10245d; font-size:18px; line-height:1.5; }
.home-updates-date { margin:7px 0 0; color:#64748b; font-size:10px; }
.home-updates-new { flex-shrink:0; padding:5px 8px; background:#2563eb; color:#fff; border-radius:7px; font-size:8px; font-weight:700; letter-spacing:1px; }
.home-updates-changes { margin:18px 0 0; padding-left:19px; }
.home-updates-changes li { padding:4px 0; color:#334155; font-size:12px; line-height:1.8; }
.home-updates-changes li::marker { color:#2563eb; }
.home-updates-history-title { margin:25px 0 12px; color:#64748b; font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }
.home-updates-history-entry { margin:8px 0; border:1px solid #dbe4f0; border-radius:12px; background:#fff; }
.home-updates-history-entry summary { padding:14px 16px; color:#1e40af; cursor:pointer; font-size:12px; }
.home-updates-history-entry summary>span { display:inline-flex; width:calc(100% - 20px); justify-content:space-between; align-items:center; gap:12px; vertical-align:middle; }
.home-updates-history-entry summary strong { font-size:12px; }
.home-updates-history-entry summary small { color:#64748b; font-size:9px; }
.home-updates-history-body { padding:0 18px 18px; border-top:1px solid #eff6ff; }
.home-updates-history-body h3 { margin:16px 0 0; color:#10245d; font-size:14px; }
.home-updates-section h4 { margin:18px 0 0; color:#1e40af; font-size:12px; }
.home-updates-section .home-updates-changes { margin-top:8px; }
@media(max-width:550px) { .home-updates-header { padding:18px; } .home-updates-body { padding:16px; } .home-updates-current { padding:16px; } .home-updates-current h3 { font-size:16px; } .home-updates-current-heading { gap:8px; } }

/* The release dialog follows the account dashboard's selected theme. */
body.theme-midnight {--updates-surface:#111c2e;--updates-soft:#17243b;--updates-border:#334155;--updates-text:#e5e7eb;--updates-muted:#94a3b8;--updates-accent:#a5b4fc;--updates-button:#243453;}
body.theme-sakura {--updates-surface:#fff8fa;--updates-soft:#fce7f3;--updates-border:#fbcfe8;--updates-text:#831843;--updates-muted:#9d5575;--updates-accent:#be185d;--updates-button:#fce7f3;}
body:is(.theme-midnight,.theme-sakura) .home-updates-dialog,
body:is(.theme-midnight,.theme-sakura) .home-updates-history-entry {background:var(--updates-surface);color:var(--updates-text);border-color:var(--updates-border);}
body:is(.theme-midnight,.theme-sakura) .home-updates-header,
body:is(.theme-midnight,.theme-sakura) .home-updates-current {background:var(--updates-soft);border-color:var(--updates-border);}
body:is(.theme-midnight,.theme-sakura) .home-updates-button,
body:is(.theme-midnight,.theme-sakura) .home-updates-header button {background:var(--updates-button);color:var(--updates-accent);border-color:var(--updates-border);}
body:is(.theme-midnight,.theme-sakura) .home-updates-button:hover {background:var(--updates-soft);}
body:is(.theme-midnight,.theme-sakura) .home-updates-header h2,
body:is(.theme-midnight,.theme-sakura) .home-updates-current h3,
body:is(.theme-midnight,.theme-sakura) .home-updates-history-body h3,
body:is(.theme-midnight,.theme-sakura) .home-updates-changes li {color:var(--updates-text);}
body:is(.theme-midnight,.theme-sakura) .home-updates-version,
body:is(.theme-midnight,.theme-sakura) .home-updates-header span,
body:is(.theme-midnight,.theme-sakura) .home-updates-history-entry summary,
body:is(.theme-midnight,.theme-sakura) .home-updates-section h4,
body:is(.theme-midnight,.theme-sakura) .home-updates-changes li::marker {color:var(--updates-accent);}
body:is(.theme-midnight,.theme-sakura) .home-updates-date,
body:is(.theme-midnight,.theme-sakura) .home-updates-history-title,
body:is(.theme-midnight,.theme-sakura) .home-updates-history-entry summary small {color:var(--updates-muted);}
body:is(.theme-midnight,.theme-sakura) .home-updates-history-body {border-color:var(--updates-border);}
body:is(.theme-midnight,.theme-sakura) .home-updates-new {background:var(--updates-accent);color:var(--updates-surface);}