.header-notification{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:36px;padding:5px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;transition:color .16s,border-color .16s,background .16s}
.header-notification:hover,.header-notification[aria-expanded="true"]{color:var(--accent);border-color:var(--line);background:var(--panel)}
.header-notification:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.updates-dialog{width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border:0;padding:0;margin:auto;background:transparent;color:var(--ink)}
.updates-dialog::backdrop{background:#03060cbf;backdrop-filter:blur(5px)}
.updates-dialog .updates-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(760px,calc(100dvh - 48px));padding:0;overflow:hidden;border-top:2px solid var(--accent)}
.updates-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 30px 15px}
.updates-heading h2{font-size:1.625rem;line-height:1.5;font-weight:750;margin:0}
.updates-heading time{display:block;margin-top:3px;font:.8125rem/1.6 var(--mono);color:var(--soft)}
.updates-heading .icon-button{flex-shrink:0;line-height:1;width:30px;height:30px;margin-right:-8px;color:var(--muted)}
.updates-heading .icon-button:hover{color:var(--accent)}
.updates-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 30px 22px}
.updates-list{list-style:decimal outside;margin:0;padding-left:1.5em;font-size:1rem;line-height:1.85}
.updates-list li{padding-left:5px;margin:7px 0}
.updates-list li::marker{color:var(--accent);font-weight:700}
.updates-credits{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:.8125rem;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}
.updates-credits p{margin:0}
.updates-credits a{display:inline-block;margin-top:6px;color:var(--accent);max-width:100%;overflow-wrap:anywhere}
.updates-credits a:hover{text-decoration:underline}
.updates-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 30px;border-top:1px solid var(--line);background:var(--panel-2)}
.updates-preference{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;line-height:1.7;cursor:pointer;color:var(--muted)}
.updates-preference input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:var(--accent);cursor:pointer}
.updates-actions .btn{min-width:92px;min-height:41px}
.updates-dialog button:focus-visible,.updates-dialog input:focus-visible,.updates-dialog a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.header-inner{padding-left:14px;padding-right:14px;gap:8px}.header-actions{gap:5px}.header-notification{width:28px;height:34px;padding:3px}.updates-dialog{max-width:calc(100vw - 24px)}.updates-dialog .updates-shell{max-height:calc(100dvh - 32px)}.updates-heading{padding:20px 22px 12px}.updates-heading h2{font-size:1.375rem}.updates-body{padding:0 22px 20px}.updates-list{font-size:.9375rem;line-height:1.85;padding-left:1.4em}.updates-list li{margin:8px 0;padding-left:3px}.updates-credits{margin-top:18px;padding-top:13px;font-size:.8125rem}.updates-actions{padding:14px 22px;gap:10px}.updates-preference{font-size:.8125rem;gap:8px}.updates-actions .btn{min-width:86px}}
@media(max-width:359px){.header-inner{padding-left:12px;padding-right:12px;gap:7px}.site-header .brand{font-size:.875rem}.site-header .theme-button #theme-name{display:none}.site-header .theme-button{width:28px;min-width:28px;padding:6px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.header-notification{transition:none}}