.notice-bell{border:1px solid var(--js-hair-2);width:34px;height:34px;color:var(--js-ink-3);cursor:pointer;transition:background var(--js-fast) ease, border-color var(--js-fast) ease, color var(--js-fast) ease;background:0 0;border-radius:6px;place-items:center;display:inline-grid;position:relative}.notice-bell[data-unread]{color:var(--js-ink)}.notice-bell[data-popup-open]{border-color:var(--js-hair-3);background:var(--js-raise-2);color:var(--js-ink)}.notice-bell:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media (hover:hover) and (pointer:fine){.notice-bell:hover{border-color:var(--js-hair-3);color:var(--js-ink)}}.notice-count{background:var(--lime);color:#11160a;min-width:17px;height:17px;font:700 9.5px/1 var(--font-spec);animation:notice-pop .26s var(--js-out,ease-out);border:2px solid #0a0b0d;border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-6px;right:-6px}@keyframes notice-pop{0%{opacity:0;scale:.4}}.notice-positioner{z-index:60}.notice-panel{border:1px solid var(--js-hair-2);width:min(380px,100vw - 24px);max-height:min(520px,100vh - 90px);color:var(--js-ink-2);transform-origin:var(--transform-origin);transition:opacity .16s ease, scale .2s var(--js-out,ease-out);background:#101316;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 50px #0000008c,0 2px 8px #0006}.notice-panel[data-starting-style],.notice-panel[data-ending-style]{opacity:0;scale:.97}.notice-head{border-bottom:1px solid var(--js-hair);justify-content:space-between;align-items:center;padding:12px 12px 10px 16px;display:flex}.notice-title{font:700 11px/1 var(--font-spec);letter-spacing:.14em;text-transform:uppercase;color:var(--js-ink);margin:0}.notice-close{width:26px;height:26px;color:var(--js-ink-4);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.notice-close:hover{background:var(--js-raise-2);color:var(--js-ink)}.notice-close:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.notice-error{color:#ffb8ad;background:#1b1210;border:1px solid #5a2c25;border-radius:6px;margin:10px 12px 0;padding:8px 10px;font-size:12px}.notice-list{overscroll-behavior:contain;scrollbar-width:thin;margin:0;padding:6px;list-style:none;overflow-y:auto}.notice-item{border-radius:8px;grid-template-columns:30px minmax(0,1fr);gap:11px;padding:10px 10px 10px 8px;display:grid;position:relative}.notice-item+.notice-item{margin-top:2px}.notice-item[data-new]{background:#151b10}.notice-item[data-new]:after{content:"";background:var(--lime);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;right:10px;box-shadow:0 0 8px #ccff5f80}.notice-icon{border:1px solid var(--js-hair-2);background:var(--js-raise-1);width:30px;height:30px;color:var(--js-ink-3);border-radius:8px;place-items:center;display:grid}.notice-icon svg{width:15px;height:15px}.notice-item[data-kind=license] .notice-icon,.notice-item[data-kind=credits] .notice-icon{border-color:var(--js-lime-edge);background:var(--js-lime-wash);color:var(--js-lime-ink)}.notice-item[data-kind=invite] .notice-icon,.notice-item[data-kind=crew] .notice-icon{color:#a9dcff;background:#0e1820;border-color:#28465c}.notice-body{min-width:0;padding-right:14px}.notice-body p{color:var(--js-ink-2);overflow-wrap:anywhere;margin:0;font-size:12.5px;line-height:1.45}.notice-body small{font:500 10.5px/1.3 var(--font-spec);letter-spacing:.02em;color:var(--js-ink-4);margin-top:4px;display:block}.notice-actions{gap:6px;margin-top:9px;display:flex}.notice-actions button{cursor:pointer;height:28px;transition:background var(--js-fast) ease, border-color var(--js-fast) ease;border-radius:6px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.notice-actions button:disabled{cursor:progress;opacity:.55}.notice-actions button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.notice-accept{border:1px solid var(--js-lime-edge);background:var(--js-lime-wash);color:var(--js-lime-ink)}.notice-accept:hover:not(:disabled){background:#202b13}.notice-decline{border:1px solid var(--js-hair-2);color:var(--js-ink-3);background:0 0}.notice-decline:hover:not(:disabled){border-color:var(--js-hair-3);color:var(--js-ink)}.notice-empty{text-align:center;color:var(--js-ink-4);justify-items:center;gap:6px;padding:30px 26px 32px;display:grid}.notice-empty p{color:var(--js-ink-2);margin:4px 0 0;font-size:13px}.notice-empty small{font-size:11.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.notice-panel,.notice-count{transition:none;animation:none}}