#serverNotice{box-sizing:border-box;position:absolute;right:24px;top:190px;width:270px;z-index:2;padding:22px;background:rgba(23,23,23,.94);border:1px solid #3b3b3b;border-radius:18px;color:#f2f2f2;box-shadow:0 12px 30px #0004;font-family:Manrope,Arial,sans-serif}
#serverNotice [hidden]{display:none!important}
#serverNotice h2{margin:0 0 16px;font:800 18px Manrope,Arial,sans-serif}
#serverNotice h2::before{content:'●';color:#dfb94e;font-size:12px;margin-right:9px}
#serverNotice .notice-text{margin:0;color:#d5d5d5;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto}
#serverNotice .notice-feedback{font-size:11px;line-height:1.5;color:#dfb94e;overflow-wrap:anywhere}
#serverNotice .notice-feedback:empty{display:none}
#serverNotice .notice-controls{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
#serverNotice button{cursor:pointer;border:1px solid #4b4b4b;border-radius:9px;background:#292929;color:#f5f5f5;padding:9px 12px;font:700 11px Manrope,Arial,sans-serif}
#serverNotice button:hover{background:#393939}#serverNotice button:disabled{opacity:.5;cursor:wait}#serverNotice [data-delete]{color:#ff9292}
#serverNotice label{display:block;margin:18px 0 8px;font-size:12px;color:#ccc}
#serverNotice textarea{box-sizing:border-box;width:100%;resize:vertical;padding:10px;background:#111;border:1px solid #555;border-radius:8px;color:#fff;font:13px/1.5 Manrope,Arial,sans-serif}
#serverNotice button:focus-visible,#serverNotice textarea:focus-visible{outline:2px solid #dfb94e;outline-offset:3px}
@media(max-width:1500px){#serverNotice{position:relative;top:auto;right:auto;width:auto;max-width:1176px;margin:0 auto 24px}}
@media(max-width:1220px){#serverNotice{margin-left:22px;margin-right:22px}}
@media(max-width:700px){#serverNotice{margin:0 16px 20px;padding:18px}#serverNotice button{min-height:44px}}