.notice-center{max-width:720px}.notice-center .notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-center .notice-head h1{margin:0;font-size:20px;font-weight:700;color:var(--color-ink)}.notice-center .notice-open,.notice-center .notice-read-all{border:0;background:none;padding:6px 4px;min-height:32px;color:var(--color-accent-text);font-size:14px;font-weight:600}.notice-center .notice-open:disabled,.notice-center .notice-read-all:disabled{color:var(--color-ink-faint)}.notice-center .notice-count{margin:4px 0 0;font-size:13px;color:var(--color-ink-soft)}.notice-center .notice-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.notice-center .notice-kinds button{border:0;border-radius:8px;padding:6px 12px;min-height:32px;background:var(--color-paper-dim);color:var(--color-ink);font-size:13px}.notice-center .notice-kinds button[aria-pressed=true],.notice-center .notice-kinds button[aria-pressed=true]:hover{background:var(--color-ink);color:var(--color-paper)}.notice-center .notice-day h2{margin:20px 0 8px;font-size:13px;font-weight:600;color:var(--color-ink-soft)}.notice-center .notice-day ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--color-line);border-radius:12px;overflow:hidden}.notice-center .notice-item{display:grid;gap:6px;padding:14px 16px;background:var(--color-paper)}.notice-center .notice-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.notice-center .notice-kind{padding:3px 8px;border-radius:6px;background:var(--color-paper-dim);color:var(--color-ink);font-size:12px}.notice-center .notice-meta time{font-size:12px;color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.notice-center .notice-title{margin:0;font-size:14px;color:var(--color-ink-soft);overflow-wrap:anywhere}.notice-center .notice-item[data-unread=true] .notice-title{color:var(--color-ink);font-weight:600}.notice-center .notice-body{margin:0;font-size:13px;color:var(--color-ink-soft);overflow-wrap:anywhere}.notice-center .notice-open{justify-self:end}.notice-center .notice-none{justify-self:end;margin:0;font-size:12px;color:var(--color-ink-faint)}.notice-center .notice-state{margin:16px 0 0;font-size:14px;color:var(--color-ink-soft)}.notice-center .notice-error{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:var(--color-paper);color:var(--color-danger);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.notice-center .notice-error p{margin:0;font-size:14px}