.notice-bell{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;border:1px solid #dacfc5;border-radius:24px;background:#fff9f3;color:#533f30;padding:8px 13px;font:inherit;cursor:pointer}.notice-bell b{border-radius:20px;padding:2px 7px;background:#b65009;color:white;font-size:12px}.notice-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(480px,100%);max-width:100%;box-sizing:border-box;border:0;padding:24px;background:#faf7f3;color:#443426;overflow:auto;box-shadow:-8px 0 35px #0002}.notice-drawer::backdrop{background:#19130d66}.notice-drawer footer,.notice-drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-drawer header{position:sticky;top:-24px;background:#faf7f3;z-index:1}.notice-drawer button,.notice-inbox button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #ddd0c3;background:white;color:#593e29;border-radius:8px;padding:8px 12px}.notice-drawer nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.notice-drawer nav [aria-pressed=true]{background:#684b35;color:white}.notice-item{margin:12px 0;padding:16px;background:white;border:1px solid #e7dfd6;border-radius:12px}.notice-unread{border-left:4px solid #b65009}.notice-item strong{display:block;margin-top:8px}.notice-item small{font-size:12px}.notice-item p{overflow-wrap:anywhere}.notice-item div{display:flex;flex-wrap:wrap;gap:8px}.notice-inbox{margin:18px auto;padding:16px;max-width:1240px;background:#f8f3ed;border-radius:12px}.notice-inbox h2{font-size:20px}.notice-inbox>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px}.notice-inbox button{text-align:left}.notice-inbox span{display:block;font-size:13px;margin-top:8px}.notice-item:target{outline:3px solid #b65009}@media(max-width:600px){.notice-drawer{width:100%;padding:16px}.notice-bell>span{display:none}.notice-inbox{margin:12px}.notice-drawer header{top:-16px}}.notice-drawer h2{font-size:24px;line-height:1.25;margin:0}.notice-drawer h3{font-size:18px;line-height:1.3}.notice-drawer header{min-height:52px}.notice-drawer nav button[aria-pressed=true],.notice-drawer nav button[aria-pressed=true]:hover{background:#684b35;color:#fff}.notice-inbox-compact .notice-inbox-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px}.notice-inbox-compact{padding:4px 16px}.notice-inbox-compact summary{min-height:44px;box-sizing:border-box;padding:12px 0;cursor:pointer}.notice-inbox-compact summary strong{font-size:14px}.notice-inbox-compact summary span{display:inline;margin:0 0 0 12px;font-size:13px}.notice-inbox-compact summary:focus-visible{outline:2px solid #a64714;outline-offset:3px;border-radius:4px}.notice-inbox-compact details[open] .notice-inbox-items{padding-bottom:12px}