.draft-notice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:14px 16px;border-radius:12px;background:#142b42;color:#cce2f7;font-size:13px;line-height:1.6;grid-column:1/-1}.draft-notice span{flex:1 1 220px}.draft-notice button{cursor:pointer;border:1px solid #436382;border-radius:8px;padding:8px 12px;background:0 0;color:inherit;font:inherit}.draft-notice button[hidden]{display:none}html.site-theme-2 .draft-notice{background:#d4e2ee;color:#193b59}.notification-trigger{display:inline-flex;gap:8px;align-items:center}.notification-trigger b{background:#1672cc;color:#fff;min-width:20px;padding:2px 5px;border-radius:20px;font-size:11px}.notification-dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 24px));max-height:80dvh;overflow:auto;padding:24px;border:1px solid #30465e;border-radius:20px;background:#101d2c;color:#e8f1fa;box-shadow:0 20px 80px #0008}.notification-dialog::backdrop{background:#020a14b3;backdrop-filter:blur(5px)}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.notification-heading h2{font-size:24px;margin:0}.notification-item{display:grid;gap:7px;padding:16px;margin-top:10px;color:#cbd9e9;text-decoration:none;border-radius:12px;background:#172536}.notification-item.unread{background:#163453;box-shadow:inset 3px 0 #58acff}.notification-item strong{color:#f0f7ff}.notification-item time{font-size:11px;color:#9eb7cf}.notification-item span{overflow-wrap:anywhere}.draft-notice button:focus-visible,.notification-dialog button:focus-visible,.notification-item:focus-visible{outline:2px solid #71baff;outline-offset:3px}@media(max-width:600px){.header-account{flex-wrap:wrap;justify-content:flex-end;gap:6px}.notification-dialog{padding:18px}.notification-trigger{font-size:12px}}