.notif-root{position:fixed;top:80px;left:0;z-index:110;font-family:inherit;color:var(--starpl-notif-text-strong);pointer-events:none}.notif-root.map-warping{pointer-events:none;animation:notif-warp-fade .2s ease-out forwards}@keyframes notif-warp-fade{to{opacity:0}}.notif-handle{width:22px;height:75px;background:var(--starpl-notif-handle);border:none;border-radius:0 8px 8px 0;color:#fff;font-size:var(--starpl-fs-lg);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 6px #0000004d;transition:background .2s,width .15s;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.notif-handle:hover{width:26px}}.notif-handle.has-new{background:var(--starpl-notif-alert)}.notif-wrap{display:flex;align-items:flex-start;pointer-events:auto}.notif-panel{position:relative;touch-action:manipulation;width:330px;background:rgba(var(--starpl-notif-panel-rgb),.96);border:1px solid rgba(var(--starpl-notif-line-rgb),.08);border-left:none;border-radius:0 10px 10px 0;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.notif-pin-bar{position:absolute;top:8px;right:12px;z-index:2;display:flex;align-items:center}.notif-pin-btn{height:18px;padding:0 3px 0 7px;display:inline-flex;align-items:center;gap:4px;border:none;border-radius:var(--starpl-radius-xs);background:transparent;color:var(--starpl-notif-text-muted);font-size:var(--starpl-fs-xs);line-height:1;cursor:pointer}.notif-pin-btn:hover,.notif-pin-btn.active{background:rgba(var(--starpl-notif-line-rgb),.08);color:var(--starpl-notif-text-strong)}.notif-pin-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--starpl-notif-text-soft)}.notif-pin-icon img{display:block;width:14px;height:14px;filter:brightness(0) saturate(100%) invert(82%) sepia(11%) saturate(468%) hue-rotate(186deg) brightness(90%) contrast(88%)}.notif-close-handle{width:22px;height:22px;background:rgba(var(--starpl-notif-line-rgb),.08);border:1px solid rgba(var(--starpl-notif-line-rgb),.1);border-radius:var(--starpl-radius-circle);color:var(--starpl-notif-text-soft);font-size:var(--starpl-fs-xs);cursor:pointer;align-self:flex-start;margin:10px 0 0 6px;display:flex;align-items:center;justify-content:center;line-height:1}.notif-close-handle:hover{background:rgba(var(--starpl-notif-line-rgb),.18);color:#fff}.notif-profile{display:flex;padding:14px 14px 10px;gap:12px;background:linear-gradient(180deg,var(--starpl-notif-header-top) 0%,var(--starpl-notif-bg-deep) 100%)}.notif-profile-avatar-link{flex-shrink:0;display:block;width:56px;height:56px;padding:0;border:0;border-radius:var(--starpl-radius-lg);background:transparent;cursor:pointer}.notif-profile-avatar-link:focus-visible{outline:2px solid var(--starpl-notif-focus);outline-offset:3px}.notif-profile-avatar{width:56px;height:56px;background:var(--starpl-notif-avatar-bg);border-radius:var(--starpl-radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--starpl-notif-gold);flex-shrink:0}img.notif-profile-avatar{object-fit:cover}.notif-profile-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-width:0}.notif-badges{margin-top:7px;display:flex;flex-wrap:wrap;font-size:var(--starpl-fs-xs);color:var(--starpl-notif-text-muted);gap:2px 12px;padding-right:56px}.notif-badges b{color:#fff;font-weight:600}.notif-badge-requests,.notif-badge-stardust{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.notif-badge-requests:hover,.notif-badge-stardust:hover{color:var(--starpl-notif-text)}.notif-badge-requests:hover b,.notif-badge-stardust:hover b{text-decoration:underline}.notif-mystar-row{display:flex;gap:4px}.notif-mystar-btn{flex:1;background:var(--starpl-notif-btn-bg);border:1px solid rgba(var(--starpl-notif-line-rgb),.12);color:#fff;padding:5px;border-radius:var(--starpl-radius-sm);font-size:var(--starpl-fs-sm);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1;font-family:inherit}.notif-mystar-btn:hover{background:var(--starpl-notif-btn-bg-hover)}.notif-mystar-ico{flex:none;width:14px;height:14px;background-color:currentColor;-webkit-mask:url(/img/explore-1-color-map.svg) center / contain no-repeat;mask:url(/img/explore-1-color-map.svg) center / contain no-repeat}.notif-mystar-visit-btn{flex:none;height:26px;padding:0 10px;border:1px solid rgba(var(--starpl-notif-accent-rgb),.28);border-radius:var(--starpl-radius-xl);background:rgba(var(--starpl-notif-accent-rgb),.12);color:var(--starpl-notif-accent-text);cursor:pointer;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:3px;transition:background .12s ease-out}.notif-mystar-visit-btn:hover{background:rgba(var(--starpl-notif-accent-rgb),.2)}.notif-mystar-visit-label{white-space:nowrap;font-size:11px;font-weight:700}.notif-mystar-visit-mark{font-size:var(--starpl-fs-lg);line-height:1}.notif-profile-guest{flex-direction:column;align-items:stretch;gap:9px;padding:15px 14px 13px}.notif-guest-msg{color:var(--starpl-notif-text-soft);font-size:var(--starpl-fs-sm);line-height:1.55}.notif-guest-actions{display:flex;gap:8px}.notif-guest-login,.notif-guest-signup{flex:1;padding:10px 8px;border-radius:var(--starpl-radius-md);font-size:var(--starpl-fs-md);font-weight:700;line-height:1.2;cursor:pointer;font-family:inherit;transition:background .15s}.notif-guest-login{background:var(--starpl-notif-cta);border:1px solid rgba(var(--starpl-notif-cta-border-rgb),.5);color:#fff}.notif-guest-login:hover{background:var(--starpl-notif-cta-hover)}.notif-guest-signup{background:var(--starpl-notif-btn-bg);border:1px solid rgba(var(--starpl-notif-line-rgb),.14);color:var(--starpl-notif-text-strong)}.notif-guest-signup:hover{background:var(--starpl-notif-btn-bg-hover)}.notif-sections{display:flex;background:var(--starpl-notif-bg-deep);border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.06)}.notif-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;background:none;border:none;border-bottom:2px solid transparent;color:var(--starpl-notif-text-muted);cursor:pointer;font-family:inherit}.notif-section:hover{color:var(--starpl-notif-text)}.notif-section.active{color:var(--starpl-notif-accent);border-bottom-color:var(--starpl-notif-accent)}.notif-section-sym{font-size:15px;line-height:1}.notif-section-ico{width:19px;height:19px;opacity:.5;transition:opacity .15s}.notif-section.active .notif-section-ico,.notif-section:hover .notif-section-ico{opacity:1}.notif-section-label{font-size:10px;font-weight:600}.notif-section-locked{opacity:.4}.notif-section-locked:hover{opacity:.7}.notif-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%) translateY(8px);z-index:300;max-width:88vw;padding:11px 18px;background:rgba(var(--starpl-notif-panel-rgb),.97);border:1px solid rgba(var(--starpl-notif-line-rgb),.12);border-radius:var(--starpl-radius-lg);color:var(--starpl-notif-text-strong);font-size:var(--starpl-fs-md);line-height:1.4;box-shadow:0 8px 28px #00000080;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.notif-toast.is-shown{opacity:1;transform:translate(-50%) translateY(0)}.notif-body{flex:1;min-height:0;display:flex;flex-direction:column}.notif-tabs{display:flex;background:var(--starpl-notif-tabs-bg);border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.06)}.notif-tab{flex:1;padding:10px 2px;background:none;border:none;color:var(--starpl-notif-text-muted);cursor:pointer;font-size:var(--starpl-fs-sm);border-bottom:2px solid transparent}.notif-tab:hover{color:var(--starpl-notif-text)}.notif-tab.active{color:var(--starpl-notif-accent);border-bottom-color:var(--starpl-notif-accent);font-weight:600}.notif-tab:disabled,.notif-tab.notif-tab-soon{color:var(--starpl-notif-text-dim);cursor:default;font-weight:400}.notif-tab.notif-tab-soon:hover{color:var(--starpl-notif-text-dim)}.notif-jump-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.03)}@media(hover:hover){.notif-jump-item:hover{background:rgba(var(--starpl-notif-line-rgb),.04)}}.notif-jump-go{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;color:var(--starpl-notif-text-strong);cursor:pointer;font-family:inherit;text-align:left}.notif-jump-go:disabled{opacity:.4;cursor:default}.notif-jump-body{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.notif-jump-name{font-size:var(--starpl-fs-md);font-weight:600;color:var(--starpl-notif-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-jump-handle{font-size:var(--starpl-fs-xs);color:var(--starpl-notif-text-weak);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-go-btn{flex-shrink:0;align-self:center;height:22px;padding:0 10px;border:1px solid rgba(var(--starpl-notif-accent-rgb),.28);border-radius:var(--starpl-radius-xl);background:rgba(var(--starpl-notif-accent-rgb),.12);color:var(--starpl-notif-accent-text);display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-family:inherit}@media(hover:hover){.notif-go-btn:hover{background:rgba(var(--starpl-notif-accent-rgb),.2);border-color:rgba(var(--starpl-notif-accent-rgb),.45)}}.notif-go-btn:disabled{opacity:.35;cursor:default}.notif-reaction-card{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.03);color:var(--starpl-notif-text-strong)}@media(hover:hover){.notif-reaction-card:hover{background:rgba(var(--starpl-notif-line-rgb),.04)}}.notif-reaction-go{flex:1;min-width:0;display:block;background:none;border:none;padding:0;text-align:left;color:inherit;cursor:pointer;font-family:inherit}.notif-reaction-go.has-author{display:flex;align-items:center;gap:10px}.notif-reaction-body{flex:1;min-width:0}.notif-reaction-ttl{font-size:var(--starpl-fs-md);font-weight:600;color:var(--starpl-notif-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-reaction-sub{font-size:var(--starpl-fs-xs);color:var(--starpl-notif-text-weak);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-reaction-ctx{color:var(--starpl-notif-text-muted);margin-left:4px}.notif-meta-row{display:flex;flex-wrap:wrap;align-items:center;padding:6px 12px;font-size:var(--starpl-fs-xs);color:var(--starpl-notif-text-muted);border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.04);gap:6px}.notif-meta-row.is-hidden{display:none}.notif-hide-interest,.notif-unread-only{display:flex;align-items:center;gap:4px;cursor:pointer;user-select:none}.notif-hide-interest input,.notif-unread-only input{margin:0}.notif-read-all-btn{margin-left:auto;background:rgba(var(--starpl-notif-line-rgb),.06);border:1px solid rgba(var(--starpl-notif-line-rgb),.12);color:var(--starpl-notif-text-soft);font-size:var(--starpl-fs-xs);padding:3px 9px;border-radius:var(--starpl-radius-md);cursor:pointer;white-space:nowrap}.notif-read-all-btn:hover{background:rgba(var(--starpl-notif-line-rgb),.12);color:var(--starpl-notif-text)}.notif-read-all-btn:disabled{opacity:.5;cursor:default}.notif-read-all-btn.is-done{opacity:1;color:var(--starpl-notif-accent-done);border-color:rgba(var(--starpl-notif-accent-rgb),.4);background:rgba(var(--starpl-notif-accent-rgb),.12)}.notif-search{position:relative;padding:6px 12px;border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.04)}.notif-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--starpl-notif-text-weak);pointer-events:none}.notif-search:focus-within .notif-search-icon{color:var(--starpl-notif-text-muted)}.notif-search-input{width:100%;box-sizing:border-box;background:rgba(var(--starpl-notif-line-rgb),.06);border:1px solid rgba(var(--starpl-notif-line-rgb),.12);border-radius:var(--starpl-radius-lg);color:var(--starpl-notif-text-strong);font-size:var(--starpl-fs-lg);line-height:1.25;padding:4px 10px 4px 32px;outline:none}.notif-search-input::placeholder{color:var(--starpl-notif-text-weak)}.notif-search-input:focus{border-color:rgba(var(--starpl-notif-line-rgb),.25)}.notif-list{flex:1;overflow-y:auto;overflow-anchor:none;padding:0}.notif-list.is-loading{opacity:.45;pointer-events:none;transition:opacity .12s ease}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-thumb{background:rgba(var(--starpl-notif-line-rgb),.1);border-radius:var(--starpl-radius-xs)}.notif-item{display:flex;padding:10px 12px;gap:10px;cursor:pointer;border-bottom:1px solid rgba(var(--starpl-notif-line-rgb),.03);position:relative;transition:background .1s}.notif-item:focus-visible{outline:2px solid var(--starpl-notif-focus);outline-offset:-2px}@media(hover:hover){.notif-item:hover{background:rgba(var(--starpl-notif-line-rgb),.04)}}.notif-item.unread{background:rgba(var(--starpl-notif-accent-rgb),.06)}.notif-item.unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:var(--starpl-radius-circle);background:var(--starpl-notif-accent)}.notif-item-avatar{width:32px;height:32px;border-radius:var(--starpl-radius-circle);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--starpl-fs-xs);font-weight:700;color:#000000b3;letter-spacing:-.5px}img.notif-item-avatar{object-fit:cover;background:#8aa3ff14}.notif-item-avatar-fallback{background:var(--starpl-notif-btn-bg);color:var(--starpl-notif-text-soft)}.notif-item-body{flex:1;min-width:0;font-size:var(--starpl-fs-sm);line-height:1.4}.notif-item-head{display:flex;justify-content:space-between;gap:6px;padding-right:90px;margin-bottom:2px;align-items:baseline}.notif-item-actor{font-weight:600}.notif-item-actor-handle{margin-left:1px;font-size:.82em;font-weight:400;opacity:.5}.notif-item-interest{margin-right:auto;color:var(--starpl-notif-star);font-size:10px;line-height:1;flex-shrink:0;cursor:default}.notif-item-date{position:absolute;top:8px;right:12px;color:var(--starpl-notif-text-weak);font-size:10px;width:60px;flex-shrink:0;margin-left:0;text-align:left}.notif-item-msg{color:var(--starpl-notif-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:88px}.notif-item-arrow{position:absolute;right:12px;bottom:9px;height:22px;padding:0 10px;border:1px solid rgba(var(--starpl-notif-accent-rgb),.28);border-radius:var(--starpl-radius-xl);background:rgba(var(--starpl-notif-accent-rgb),.12);color:var(--starpl-notif-accent-text);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;overflow:hidden;font-family:inherit;transition:width .14s ease-out,color .12s ease-out,background .12s ease-out,border-color .12s ease-out}.notif-item-arrow:disabled{cursor:default;opacity:.35;border-color:transparent;background:transparent;color:var(--starpl-notif-text-weak)}.notif-item-arrow-label{display:inline;white-space:nowrap;font-size:11px;font-weight:700}.notif-item-arrow-mark{font-size:var(--starpl-fs-lg);line-height:1}.notif-item-close{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--starpl-notif-text-dim);font-size:var(--starpl-fs-sm);cursor:pointer;padding:2px 5px;display:none;line-height:1}@media(hover:hover){.notif-item:hover .notif-item-close{display:block}.notif-item-close:hover{color:#fff}.notif-item-arrow:not(:disabled):hover{background:rgba(var(--starpl-notif-accent-rgb),.2)}}@media(hover:none){.notif-item-close{display:block;opacity:.45}}.notif-empty{padding:40px 16px;text-align:center;color:var(--starpl-notif-text-dim);font-size:var(--starpl-fs-sm)}.notif-more{padding:10px 12px 12px;text-align:center;color:var(--starpl-notif-text-weak);font-size:var(--starpl-fs-xs)}.notif-more-btn{min-width:84px;height:28px;padding:0 12px;border:1px solid rgba(var(--starpl-notif-accent-rgb),.28);border-radius:var(--starpl-radius-3xl);background:rgba(var(--starpl-notif-accent-rgb),.1);color:var(--starpl-notif-accent-text);font:inherit;font-weight:700;cursor:pointer}@media(hover:hover){.notif-more-btn:hover{background:rgba(var(--starpl-notif-accent-rgb),.18)}}@media(max-width:600px){.notif-root{inset:auto 0 0;width:100%}.notif-handle{position:relative;width:89px;height:22px;border-radius:var(--starpl-radius-xl);margin:0 auto calc(env(safe-area-inset-bottom) + 23px);font-size:0;box-shadow:0 3px 12px #0006}.notif-handle:after{content:"";position:absolute;inset:-7px -9px}.notif-handle:before{content:"";display:block;width:40px;height:5px;border-radius:var(--starpl-radius-xs);background:rgba(var(--starpl-notif-line-rgb),.85)}.notif-pin-bar{display:none}.notif-body{flex:initial}.notif-wrap{display:block;width:44.1vh;max-width:min(330px,calc(100% - 16px));margin:0 auto;position:relative;animation:notif-slide-up .25s ease-out}.notif-panel{width:100%;max-height:42vh;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;border-radius:16px 16px 0 0;border-left:1px solid rgba(var(--starpl-notif-line-rgb),.08);border-right:1px solid rgba(var(--starpl-notif-line-rgb),.08);border-bottom:none;padding-bottom:env(safe-area-inset-bottom)}.notif-list{flex:initial;overflow-y:visible}@keyframes notif-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notif-close-handle{position:absolute;top:8px;right:12px;width:28px;height:28px;border-radius:var(--starpl-radius-circle);background:rgba(var(--starpl-notif-line-rgb),.1);margin-top:0;z-index:2}}@media(min-width:601px){.notif-wrap{margin-top:-35px;animation:notif-slide-in-left .16s ease-out both;will-change:transform,opacity}.notif-wrap.closing{animation:notif-slide-out-left .14s ease-in both}.notif-close-handle{display:none}}@media(max-height:600px){.notif-panel{overflow-y:auto;overflow-x:hidden;overflow-anchor:none}.notif-body{flex:initial}.notif-list{flex:initial;overflow-y:visible}}@keyframes notif-slide-in-left{0%{opacity:.92;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes notif-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:.92;transform:translate(-100%)}}.notif-root.no-open-anim .notif-wrap,.notif-root.no-open-anim .notif-panel{animation:none!important}.notif-notice-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.notif-notice-backdrop{position:absolute;inset:0;background:#0000008c}.notif-notice-panel{position:relative;width:min(420px,100%);max-height:min(72vh,560px);display:flex;flex-direction:column;padding:20px 22px 16px;background:rgba(var(--starpl-notif-panel-rgb),.98);border:1px solid rgba(var(--starpl-notif-line-rgb),.14);border-radius:var(--starpl-radius-2xl);box-shadow:0 12px 40px #0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.notif-notice-title{margin:0;font-size:var(--starpl-fs-lg);font-weight:700;color:var(--starpl-notif-text-strong);line-height:1.35}.notif-notice-date{margin:6px 0 0;font-size:var(--starpl-fs-xs);color:var(--starpl-notif-text-weak)}.notif-notice-body{margin-top:14px;padding-top:14px;border-top:1px solid rgba(var(--starpl-notif-line-rgb),.1);overflow-y:auto;white-space:pre-line;font-size:var(--starpl-fs-md);line-height:1.6;color:var(--starpl-notif-text)}.notif-notice-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.notif-notice-link,.notif-notice-all{padding:7px 12px;border:1px solid rgba(var(--starpl-notif-accent-rgb),.45);border-radius:var(--starpl-radius-pill);color:var(--starpl-notif-accent-text);font-size:var(--starpl-fs-sm);text-decoration:none;background:rgba(var(--starpl-notif-accent-rgb),.08)}.notif-notice-link:hover,.notif-notice-all:hover{background:rgba(var(--starpl-notif-accent-rgb),.18)}.notif-notice-close{margin-left:auto;padding:7px 14px;border:1px solid rgba(var(--starpl-notif-line-rgb),.16);border-radius:var(--starpl-radius-pill);background:none;color:var(--starpl-notif-text-soft);font-size:var(--starpl-fs-sm);cursor:pointer}.notif-notice-close:hover{color:var(--starpl-notif-text-strong);border-color:rgba(var(--starpl-notif-line-rgb),.3)}@media(max-width:640px){.notif-notice-panel{width:100%;max-height:68vh;padding:18px 16px 14px}.notif-notice-actions{flex-wrap:wrap}}.notif-notice-modal[hidden]{display:none}