.notice-account{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.notice-account>a{font:650 14px/1.3 system-ui;color:#513477;text-decoration:none;padding:10px 12px;border-radius:12px;background:#f0e7fa}.notice-account .notice-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:9px;border:1px solid #ddd2e9;border-radius:12px;background:#fff;color:#81728d;cursor:pointer}.notice-bell svg{width:24px;height:24px}.notice-account .has-unread{color:#bb3048;background:#fff1f3;border-color:#e8b9c2}.notice-bell span{position:absolute;top:-6px;right:-6px;min-width:17px;border-radius:12px;background:#bb3048;color:white;font:700 11px/17px system-ui;text-align:center}.notice-bell span[hidden]{display:none}.notice-fallback-header{display:flex;padding:16px;max-width:1200px;margin:auto}.notice-dialog{box-sizing:border-box;width:min(580px,calc(100% - 24px));max-height:85dvh;padding:30px;border:1px solid #dfd2ee;border-radius:24px;background:#fff;color:#281b3b;font:16px/1.6 system-ui;overflow:auto}.notice-dialog::backdrop{background:#21132c70}.notice-dialog h2{font-size:24px;line-height:1.3;margin:0 35px 20px 0;overflow-wrap:anywhere}.notice-dialog .notice-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f4edf9;font-size:25px;cursor:pointer}.notice-content{overflow-wrap:anywhere}.notice-content p{line-height:1.65;margin:12px 0}.notice-item{display:block;width:100%;padding:16px;margin:10px 0;text-align:left;background:#faf8fc;border:1px solid #e1d9e8;border-radius:14px;font:inherit;color:inherit;cursor:pointer}.notice-item.unread{border-left:4px solid #b9364d}.notice-item span{display:block;font-size:13px;margin-top:6px;color:#706376}.notice-action{display:block;text-align:center;background:linear-gradient(100deg,#ffb657,#ff8a35);color:#2d1b12;padding:14px;border-radius:14px;font-weight:700;text-decoration:none;margin-top:20px}.spam-callout{padding:14px 16px;background:#fff5eb;border:1px solid #f0d3b6;border-radius:12px;font-size:16px;line-height:1.5;color:#493447}.spam-callout strong{color:#bb3048;font-weight:650}@media(max-width:600px){.notice-account{gap:6px}.notice-account>a{font-size:13px;padding:10px 8px}.notice-dialog{padding:24px 20px}.notice-dialog h2{font-size:22px}header:has(.notice-account){flex-wrap:wrap;gap:10px}}
.notice-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.notice-dialog h2{flex-shrink:0}.notice-content{min-height:0;overflow:auto;padding-right:4px}.notice-dialog .notice-close{flex-shrink:0;z-index:1}
/* Legacy header controls stay in the DOM for existing event bindings, but never duplicate the unified account control. */
header [hidden],header [data-account-link],header #account,header #nav-how{display:none!important}
header nav:has(> [data-account-link]):has(> #nav-how){display:none!important}