.notification-dialog{width:min(460px,calc(100% - 24px));max-height:80vh;padding:25px;border:0;border-radius:25px;background:var(--cream)}.notification-dialog::backdrop{background:rgba(35,27,22,.58);backdrop-filter:blur(5px)}.notification-dialog header{padding-bottom:15px;border-bottom:1px solid var(--line)}.notification-dialog h2{margin:0;font:700 24px "Noto Serif SC"}#notificationList{margin-top:12px;display:grid;gap:7px}.notice-item{width:100%;padding:12px;display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:left;color:var(--ink);background:#f5ebdf;border-radius:12px}.notice-item.unread{background:#fff;border:1px solid #dfbaa9}.notice-item>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--red);font-style:normal}.notice-item span,.notice-item b,.notice-item small,.notice-item em{display:block}.notice-item small{margin:4px 0;color:var(--muted);font-size:9px}.notice-item em{color:#a6998e;font-size:7px;font-style:normal}.notice-item.unread b:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--red)}.notice-empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:500px){.notification-dialog{width:100%;margin:auto auto 0;border-radius:24px 24px 0 0}}