.twpn{--twpn-accent:#1677d2;--twpn-accent-soft:#eef6ff;--twpn-text:#111827;--twpn-muted:#697386;--twpn-border:#e8edf3;--twpn-surface:#fff;--twpn-surface-hover:#f7fbff;--twpn-arrow-color:#75859a;--twpn-layer:1000;position:relative;display:inline-flex;align-items:center;line-height:1;font-family:inherit;color:inherit}.twpn__bell{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;border:1px solid rgb(255 255 255 / .14)!important;border-radius:12px!important;background:rgb(255 255 255 / .06)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 3px 10px rgb(5 34 68 / .06)!important;color:inherit!important;opacity:1;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.twpn__bell:focus-visible{background:rgb(255 255 255 / .12)!important;border-color:rgb(255 255 255 / .22)!important;box-shadow:0 6px 14px rgb(5 34 68 / .12)!important;outline:0!important}@media(hover:hover) and (pointer:fine){.twpn__bell:hover{background:rgb(255 255 255 / .12)!important;border-color:rgb(255 255 255 / .22)!important;box-shadow:0 6px 14px rgb(5 34 68 / .12)!important;transform:translateY(-1px)}}.twpn__bell[aria-expanded="true"]{background:rgb(255 255 255 / .16)!important;border-color:rgb(255 255 255 / .3)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .12),0 7px 18px rgb(5 34 68 / .16)!important}.twpn__bell:active{transform:scale(.97)}.twpn__bell:focus-visible{outline:2px solid rgb(255 255 255 / .92)!important;outline-offset:2px!important}.twpn__bell:before,.twpn__bell:after{display:none!important}.twpn__bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.twpn__badge{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--twpn-badge-ring,#fff);border-radius:999px;background:#dc2638;color:#fff;font-size:10px;font-weight:700;line-height:1;letter-spacing:0;box-sizing:border-box;box-shadow:0 3px 8px rgb(15 23 42 / .18)}.twpn__panel{position:absolute;z-index:var(--twpn-layer);top:calc(100% + 10px);left:50%;right:auto;transform:translateX(calc(-50% + var(--twpn-desktop-shift,0px)));width:336px!important;max-width:calc(100vw - 24px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:var(--twpn-text);line-height:1.45;text-align:left;box-sizing:border-box}.twpn__panel:before,.twpn__panel:after{content:none!important;display:none!important}.twpn__surface{position:relative;z-index:2;width:100%;background:var(--twpn-surface);border:1px solid rgb(15 23 42 / .09);border-radius:14px;box-shadow:0 18px 42px rgb(15 23 42 / .16),0 3px 10px rgb(15 23 42 / .05);overflow:hidden;box-sizing:border-box}.twpn__panel:not([hidden]) .twpn__surface{animation:twpn-panel-in .16s cubic-bezier(.2,.8,.2,1);transform-origin:top center}@keyframes twpn-panel-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.twpn__arrow{position:absolute;z-index:3;top:-10px;left:calc(50% - var(--twpn-desktop-shift,0px));right:auto;width:0;height:0;border-left:10px solid #fff0;border-right:10px solid #fff0;border-bottom:10px solid #f4f9ff;filter:drop-shadow(0 -1px 0 rgb(15 23 42 / .12));transform:translateX(-50%);pointer-events:none}.twpn__head{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:10px 14px 9px;border-bottom:1px solid #d7e7fb;background:linear-gradient(180deg,#f4f9ff 0%,#edf6ff 100%);color:#155eaf;font-size:14.5px;font-weight:800;line-height:1.2;box-sizing:border-box;box-shadow:inset 0 -1px 0 rgb(22 119 210 / .04)}.twpn__list{width:100%;min-width:0;max-width:100%;max-height:320px;padding-top:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:auto!important;scrollbar-width:thin;scrollbar-color:#cbd2dc #fff0;box-sizing:border-box;background:var(--twpn-surface)}.twpn__list::-webkit-scrollbar{width:6px;height:0}.twpn__list::-webkit-scrollbar-track{background:#fff0}.twpn__list::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:999px}.twpn__list>.twpn__item:first-child{margin-top:0!important}.twpn__item{display:grid!important;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:6px;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;min-height:56px;padding:7px 10px 7px 14px!important;border:0!important;border-bottom:1px solid var(--twpn-border)!important;border-radius:0!important;background:var(--twpn-surface)!important;box-shadow:none!important;color:inherit!important;text-decoration:none!important;text-align:left!important;cursor:default;box-sizing:border-box!important;overflow:hidden;transition:background-color .15s ease,box-shadow .15s ease}a.twpn__item{cursor:pointer;touch-action:manipulation}.twpn__item:last-child{border-bottom:0!important}@media(hover:hover) and (pointer:fine){a.twpn__item:hover{background:var(--twpn-surface-hover)!important}}a.twpn__item:focus-visible{background:var(--twpn-surface-hover)!important;box-shadow:inset 0 0 0 2px rgb(22 119 210 / .38)!important;outline:0!important}a.twpn__item:active{background:var(--twpn-accent-soft)!important}.twpn__item[hidden]{display:none!important}.twpn__body{display:block;min-width:0;max-width:100%;box-sizing:border-box}.twpn__text{display:-webkit-box;max-width:100%;margin:0;color:#334155;font-size:14.5px;font-weight:600;line-height:1.48;letter-spacing:-.005em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.twpn__item--static .twpn__text{display:block}.twpn__item--static{grid-template-columns:minmax(0,1fr)}.twpn__item-arrow{display:inline-flex;align-items:center;justify-content:center;justify-self:end;width:20px;height:20px;border:0;background:#fff0;color:var(--twpn-arrow-color);box-sizing:border-box}.twpn__item-arrow svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.twpn__empty{display:flex;align-items:center;justify-content:center;min-height:96px;padding:24px 18px;color:#697386;text-align:center;font-size:14px;line-height:1.5}.twpn__surface,.twpn__head,.twpn__list,.twpn__item,.twpn__body{box-sizing:border-box;min-width:0}.twpn__surface,.twpn__head,.twpn__list,.twpn__item{width:100%;max-width:100%}.twpn__list>*{min-width:0;max-width:100%}@media(max-width:520px){.twpn__bell{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;border-radius:13px!important}.twpn__bell svg{width:21px;height:21px}.twpn__panel{position:fixed;top:var(--twpn-mobile-top,64px);right:12px;left:12px;transform:none;width:auto!important;max-width:none!important;border-radius:15px}.twpn__panel:before,.twpn__panel:after{display:none!important}.twpn__arrow{display:none!important}.twpn__text{font-size:15px;line-height:1.5}.twpn__list{max-height:58vh;max-height:var(--twpn-mobile-list-max,min(58dvh,340px))}}@media(pointer:coarse){.twpn__bell{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;border-radius:13px!important}.twpn__bell svg{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.twpn__bell{transition:none}.twpn__panel:not([hidden]) .twpn__surface{animation:none}}