.prototype-topbar{position:relative}.notice-topbar-panel{position:absolute;z-index:60;top:calc(100% + 9px);right:22px;width:min(430px,calc(100vw - 28px));overflow:hidden;border:2px solid var(--ink);border-radius:10px;background:var(--surface);box-shadow:5px 5px 0 var(--ink)}.notice-topbar-panel[hidden]{display:none}.notice-topbar-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 12px;border-bottom:1.5px solid var(--ink);background:#f4f1e9}.notice-topbar-panel header span,.notice-topbar-panel header strong{display:block}.notice-topbar-panel header span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.notice-topbar-panel header strong{margin-top:2px;font-size:16px;line-height:1.1}.notice-topbar-panel header button{padding:0;border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);background:transparent;font-size:9px;font-weight:900;cursor:pointer}.notice-topbar-panel header button:disabled{opacity:.48;cursor:default}.notice-topbar-list{display:grid;max-height:min(525px,calc(100vh - 120px));overflow-y:auto}.notice-topbar-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;width:100%;padding:14px 15px;border:0;border-bottom:1px solid #d1cdc4;color:var(--ink);background:var(--surface);font:inherit;text-align:left;cursor:pointer}.notice-topbar-item:last-child{border-bottom:0}.notice-topbar-item:hover{background:#f7f1d9}.notice-topbar-item.is-unread{background:#fff9e7}.notice-topbar-icon{display:grid;width:34px;height:34px;place-items:center;border:1.5px solid var(--ink);border-radius:7px;background:var(--yellow)}.notice-topbar-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.notice-topbar-copy{min-width:0}.notice-topbar-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notice-topbar-meta span{overflow:hidden;color:var(--muted);font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.notice-topbar-meta time{flex:0 0 auto;color:var(--muted);font-size:8px;font-weight:750}.notice-topbar-copy strong{display:block;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.notice-topbar-copy p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notice-topbar-empty{display:grid;min-height:150px;place-items:center;padding:25px;color:var(--muted);font-size:10px;font-weight:800;text-align:center}.icon-button[aria-expanded="true"]{background:var(--yellow);transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}@media(max-width:700px){.notice-topbar-panel{right:10px;width:min(430px,calc(100vw - 20px))}}