#requestNoticeBell{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--ink);flex:none}
#requestNoticeBell[hidden]{display:none}
#requestNoticeBell:hover{background:var(--soft,#ece9df)}
#requestNoticeBell svg{width:22px;height:22px}
#requestNoticeCount{position:absolute;top:1px;right:0;min-width:17px;height:17px;border-radius:12px;background:#a5523a;color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;padding:0 3px}
#requestNoticeCount[hidden]{display:none}
body[data-profile="child1"] #requestNoticeBell,body[data-profile="child2"] #requestNoticeBell{display:none}
#requestNoticeDialog{border:1px solid var(--line,#d9d2c5);border-radius:16px;background:var(--paper,#faf9f5);color:var(--ink,#243e36);width:min(440px,calc(100vw - 28px));max-height:min(640px,calc(100dvh - 30px));padding:0;box-shadow:0 20px 60px #0005}
#requestNoticeDialog::backdrop{background:#1119}
.request-notice-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line,#d9d2c5)}
.request-notice-head h2{margin:0;font:22px Georgia,serif}
.request-notice-head button{font-size:25px;line-height:1;width:36px;height:36px;border-radius:50%}
#requestNoticeList{max-height:390px;overflow:auto}
.request-notice-item{width:100%;display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px 20px;border-bottom:1px solid var(--line,#d9d2c5);background:transparent;color:inherit}
.request-notice-item.unread{background:color-mix(in srgb,var(--accent,#d6e7b8) 34%,var(--paper,#fff))}
.request-notice-item:hover{background:var(--soft,#f1efe8)}
.request-notice-item strong{font-size:14px}.request-notice-item span{font-size:12px}.request-notice-item small{color:var(--muted,#7a827b);font-size:11px}
.request-notice-item.status-added{border-left:4px solid #34835c;background:color-mix(in srgb,#34835c 10%,var(--paper,#fff))}
.request-notice-item.status-added.unread,.request-notice-item.status-added:hover{background:color-mix(in srgb,#34835c 22%,var(--paper,#fff))}
.request-notice-item.status-added span{color:#22744c}
.request-notice-item.status-unavailable{border-left:4px solid #bf4e4e;background:color-mix(in srgb,#bf4e4e 10%,var(--paper,#fff))}
.request-notice-item.status-unavailable.unread,.request-notice-item.status-unavailable:hover{background:color-mix(in srgb,#bf4e4e 22%,var(--paper,#fff))}
.request-notice-item.status-unavailable span{color:#aa3838}
.request-notice-more{display:block;width:100%;padding:14px 20px;text-align:center;font-weight:700;color:var(--ink,#243e36);border-top:1px solid var(--line,#d9d2c5)}
.request-notice-more:hover{background:var(--soft,#f1efe8)}
.request-notice-detail{padding:18px 20px 24px}.request-notice-detail [data-back-notices]{padding:0 0 16px;font-size:12px;font-weight:700}
.request-notice-detail h3{font:20px Georgia,serif;margin:0 0 14px}.request-notice-detail p{line-height:1.5;margin:0 0 12px}
.request-notice-detail.status-added p strong{color:#22744c}.request-notice-detail.status-unavailable p strong{color:#aa3838}
html[data-theme=dark] .request-notice-item.status-added span,html[data-theme=dark] .request-notice-detail.status-added p strong{color:#9cdbb1}
html[data-theme=dark] .request-notice-item.status-unavailable span,html[data-theme=dark] .request-notice-detail.status-unavailable p strong{color:#ffaaa5}
.request-notice-detail .request-notice-reply{padding:12px;border-radius:8px;background:var(--soft,#f1efe8);white-space:pre-wrap;overflow-wrap:anywhere}
.request-notice-detail small{color:var(--muted,#7a827b)}
.request-notice-empty{padding:16px 20px;color:var(--muted,#7a827b)}
.request-notice-push{padding:16px 20px}.request-notice-push button{border:1px solid currentColor;border-radius:8px;padding:8px 12px;font-size:12px}.request-notice-push p{font-size:12px;color:var(--muted,#7a827b);margin:8px 0 0}
@media(max-width:600px){#requestNoticeBell{width:34px;height:34px}#requestNoticeDialog{margin:auto}}
@media(max-width:380px){.topbar{gap:6px;padding-inline:12px;flex-wrap:nowrap}.topbar .book-room-logo{width:116px;height:38px}.topbar #themeToggle,.topbar #profileSwitch{width:34px;height:34px}}