:root{--ph-scrollbar-size: 8px;--ph-scrollbar-thumb: rgba(111, 181, 172, .6);--ph-scrollbar-thumb-hover: rgba(209, 148, 189, .8);--ph-scrollbar-track: rgba(255, 255, 255, .045)}@supports not selector(::-webkit-scrollbar){.ph-overlay *,.auth-overlay *,.social-panel *,.settings-panel *,.account-dialog *,.account-menu *,.chat-dialog-backdrop *,.chat-emoji-picker *{scrollbar-width:thin;scrollbar-color:var(--ph-scrollbar-thumb) var(--ph-scrollbar-track)}}.ph-overlay *::-webkit-scrollbar,.auth-overlay *::-webkit-scrollbar,.social-panel *::-webkit-scrollbar,.settings-panel *::-webkit-scrollbar,.account-dialog *::-webkit-scrollbar,.account-menu *::-webkit-scrollbar,.chat-dialog-backdrop *::-webkit-scrollbar,.chat-emoji-picker *::-webkit-scrollbar{width:var(--ph-scrollbar-size);height:var(--ph-scrollbar-size)}.ph-overlay *::-webkit-scrollbar-button,.auth-overlay *::-webkit-scrollbar-button,.social-panel *::-webkit-scrollbar-button,.settings-panel *::-webkit-scrollbar-button,.account-dialog *::-webkit-scrollbar-button,.account-menu *::-webkit-scrollbar-button,.chat-dialog-backdrop *::-webkit-scrollbar-button,.chat-emoji-picker *::-webkit-scrollbar-button{display:none;width:0;height:0}.ph-overlay *::-webkit-scrollbar-track,.auth-overlay *::-webkit-scrollbar-track,.social-panel *::-webkit-scrollbar-track,.settings-panel *::-webkit-scrollbar-track,.account-dialog *::-webkit-scrollbar-track,.account-menu *::-webkit-scrollbar-track,.chat-dialog-backdrop *::-webkit-scrollbar-track,.chat-emoji-picker *::-webkit-scrollbar-track{background:var(--ph-scrollbar-track);border-radius:999px}.ph-overlay *::-webkit-scrollbar-thumb,.auth-overlay *::-webkit-scrollbar-thumb,.social-panel *::-webkit-scrollbar-thumb,.settings-panel *::-webkit-scrollbar-thumb,.account-dialog *::-webkit-scrollbar-thumb,.account-menu *::-webkit-scrollbar-thumb,.chat-dialog-backdrop *::-webkit-scrollbar-thumb,.chat-emoji-picker *::-webkit-scrollbar-thumb{background:var(--ph-scrollbar-thumb);border-radius:999px}.ph-overlay *::-webkit-scrollbar-thumb:hover,.auth-overlay *::-webkit-scrollbar-thumb:hover,.social-panel *::-webkit-scrollbar-thumb:hover,.settings-panel *::-webkit-scrollbar-thumb:hover,.account-dialog *::-webkit-scrollbar-thumb:hover,.account-menu *::-webkit-scrollbar-thumb:hover,.chat-dialog-backdrop *::-webkit-scrollbar-thumb:hover,.chat-emoji-picker *::-webkit-scrollbar-thumb:hover{background:var(--ph-scrollbar-thumb-hover)}.ph-overlay *::-webkit-scrollbar-corner,.auth-overlay *::-webkit-scrollbar-corner,.social-panel *::-webkit-scrollbar-corner,.settings-panel *::-webkit-scrollbar-corner,.account-dialog *::-webkit-scrollbar-corner,.account-menu *::-webkit-scrollbar-corner,.chat-dialog-backdrop *::-webkit-scrollbar-corner,.chat-emoji-picker *::-webkit-scrollbar-corner{background:transparent}@media (max-width: 767px){html,.chat-messages-area,.chat-channels-list,.chat-group-dropdown{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,.chat-messages-area::-webkit-scrollbar,.chat-channels-list::-webkit-scrollbar,.chat-group-dropdown::-webkit-scrollbar{display:none}}.chat-message-drawer{display:none}.chat-message-drawer.is-open{display:flex}@media (max-width: 767px){.chat-message-drawer.is-open{display:flex}}.chat-sidebar-action-btn:hover{background:#2b2d4e!important;color:#ddb0c8!important}.ph-channel-item{cursor:pointer;transition:opacity .12s ease,transform .12s ease}.ph-channel-item:hover{opacity:.85}.ph-channel-icon-wrap{position:relative}.ph-channel-unread{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#d3997e,#d386ab);color:#1b1626;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #272d6e;pointer-events:none}.ph-channel-item:active{transform:scale(.97)}.ph-channel-item.is-active .ph-channel-icon-wrap{background:linear-gradient(45deg,#6fb5ac,#d194bd);padding:2px}.ph-channel-item.is-active .ph-channel-name{color:#ddb0c8}@media (min-width: 768px){.ph-channel-item.is-active{background:#ffffff0d;border-radius:4px}}.chat-drawer-nub{position:absolute;top:4px;left:50%;transform:translate(-50%);width:60px;height:18px;padding:0;border:none;background:transparent;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center}.chat-drawer-nub:before{content:"";width:38px;height:5px;border-radius:3px;background:#ffffff47;transition:background .12s ease}.chat-drawer-nub:hover:before{background:#ffffff73}@media (max-width: 767px){.chat-sidebar.drawer-open{padding-bottom:0;border-bottom:none}.chat-sidebar.drawer-open .chat-channels-list{padding-bottom:0}.ph-channel-item.is-active{background:#ffffff12;border-radius:14px}.chat-sidebar.drawer-open .ph-channel-item:not(.is-active){opacity:.55}.chat-sidebar.drawer-open .ph-channel-item.has-unread:not(.is-active){opacity:1}.chat-sidebar.drawer-open .ph-group-current-btn{opacity:.7}}.ph-group-current-btn{transition:opacity .12s ease,transform .12s ease}.ph-group-current-btn:hover{opacity:.85}.ph-group-current-btn:active{transform:scale(.97)}.ph-group-current-btn{position:relative}.ph-group-unread{position:absolute;bottom:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:linear-gradient(135deg,#d3997e,#d386ab);color:#1b1626;font-size:9px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px #272d6e;pointer-events:none}.ph-group-unread[hidden]{display:none}.chat-group-dropdown-item.has-unread:after{content:"";flex:0 0 auto;margin-left:auto;width:7px;height:7px;border-radius:999px;background:linear-gradient(135deg,#d3997e,#d386ab)}@media (min-width: 768px){.ph-group-current-btn.has-unread .ph-group-current-name{padding-right:16px}}@media (max-width: 767px){.ph-group-unread{bottom:0;right:0;min-width:18px;height:18px;padding:0 5px;font-size:10px;line-height:18px}.chat-sidebar.drawer-open .ph-group-current-btn.has-unread{opacity:1}}.chat-group-name-row{transition:opacity .12s ease}.chat-group-name-row:hover{opacity:.85}.ph-header-channel:empty{display:none}.ph-header-channel:before{content:"|";margin-right:8px;color:#ffffff47;font-weight:400}.chat-group-name-row[aria-expanded=true] .chat-group-name-chevron{transform:rotate(180deg)}.chat-group-name-chevron{transition:transform .16s ease}.chat-group-dropdown{display:none}.chat-group-dropdown.is-open{display:block}.chat-group-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:#e8e8f0;transition:background .12s ease}.chat-group-dropdown-item:hover{background:#ffffff0f}.chat-group-dropdown-item.is-active{background:#ffffff14}.chat-group-dropdown-item.is-active .chat-group-dropdown-item-name{color:#ddb0c8;font-weight:700}.chat-group-dropdown-item-icon{width:28px;height:28px;border-radius:9999px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chat-group-dropdown-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-group-dropdown-divider{height:1px;margin:6px 4px;background:#ffffff1a}.chat-group-dropdown-create .chat-group-dropdown-item-icon{background:#6fb5ac29;color:#6fb5ac;font-weight:700}.chat-group-dropdown-create .chat-group-dropdown-item-name{color:#6fb5ac}.chat-group-dropdown-empty{padding:10px;font-size:12px;color:#9ca3af}.ph-nav-btn{transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.ph-nav-btn:hover,.ph-nav-btn:focus-visible{background:linear-gradient(180deg,#404268f5,#23253efa);border-color:#d386ab73;box-shadow:0 0 0 1px #d386ab38,0 12px 24px #00000057;transform:translateY(-1px)}.ph-nav-btn:focus-visible{outline:1px solid rgba(211,134,171,.65);outline-offset:2px}.ph-activity-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ph-activity-card:hover,.ph-activity-card:focus-visible{transform:translateY(-2px) scale(1.01);border-color:#d386ab6b;box-shadow:0 28px 52px #0000005c,0 0 0 1px #d386ab33 inset}.ph-activity-card:focus-visible{outline:1px solid rgba(211,134,171,.7);outline-offset:2px}.ph-activity-action{transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.ph-activity-action:hover,.ph-activity-action:focus-visible{background:linear-gradient(180deg,#d386ab57,#532c42b8);border-color:#d386ab8f;color:#f0dde8;box-shadow:0 10px 20px #00000042,inset 0 1px #ffffff47}.ph-activity-action:focus-visible{outline:1px solid rgba(211,134,171,.7);outline-offset:2px}.chat-close-btn:hover{background:#ffffff29!important;color:#ddb0c8!important}.chat-input:focus{border-color:#6fb5ac}.chat-input:disabled{opacity:.4}.chat-input-guest{cursor:pointer;caret-color:transparent;border-style:dashed}.chat-send-btn:hover{filter:brightness(1.1)}.chat-send-btn:disabled{opacity:.4;cursor:default!important}.chat-msg{display:flex;flex-direction:column;padding:2px 12px;border-radius:12px;position:relative}.chat-msg:hover .chat-msg-react-trigger{opacity:1}.chat-msg-row{display:flex;align-items:flex-start;gap:10px;max-width:100%}.chat-msg-avatar{flex-shrink:0;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#6fb5ac52,#d194bd59);border:1px solid rgba(211,134,171,.25);color:#f5f8fc;font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:0 8px 18px #00000040}.chat-msg-bubble{position:relative;flex:1;min-width:0;padding:10px 12px 11px;border-radius:14px 14px 14px 8px;background:linear-gradient(180deg,#292b48fa,#1a1e34fa);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 24px #0003}.chat-msg-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.chat-msg-author{font-size:13px;font-weight:700;color:#9ed2ca}.chat-msg-time{font-size:10px;color:#718095}.chat-msg-content{font-size:13px;color:#ecf1f7;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.chat-reaction-chip{display:inline-flex;align-items:center;gap:3px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:1px 7px 1px 5px;font-size:12px;cursor:pointer;user-select:none;transition:background .1s,border-color .1s}.chat-reaction-chip:hover{background:#ffffff14}.chat-reaction-chip.user-reacted{background:#d386ab24;border-color:#d386ab8c;color:#ddb0c8}.chat-reaction-count{font-size:11px;color:#aeb8c6}.chat-msg-react-trigger{position:absolute;right:10px;top:10px;opacity:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:0;color:#8fa1b8;cursor:pointer;transition:opacity .1s,background .1s,color .1s}.chat-msg-react-trigger:hover{background:#ffffff1f;color:#c7cde4}.ph-icon-react{display:inline-block;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url(/assets/ui/icons/react.svg);mask-image:url(/assets/ui/icons/react.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.chat-load-more-btn:hover{background:#ffffff14!important}.chat-emoji-picker{position:absolute;background:#292c4a;border:1px solid #3a3d5e;border-radius:8px;padding:6px;display:grid;grid-template-columns:repeat(6,32px);gap:2px;z-index:300;box-shadow:0 4px 20px #00000080}.chat-emoji-picker button{background:transparent;border:none;font-size:18px;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-emoji-picker button:hover{background:#3a3d5e}.chat-dialog-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:250}.chat-dialog{background:#292c4a;border:1px solid #3a3d5e;border-radius:10px;padding:24px;min-width:360px;max-width:480px;width:90%;display:flex;flex-direction:column;gap:16px;font-family:Arial,sans-serif;color:#fff}.chat-dialog-title{font-size:16px;font-weight:700;color:#dcb28c}.chat-dialog-body{display:flex;flex-direction:column;gap:12px}.chat-dialog-footer{display:flex;justify-content:flex-end;gap:8px}.chat-dialog label{font-size:11px;color:#9bbfd0;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px}.chat-dialog input[type=text],.chat-dialog input[type=number]{width:100%;background:#1b1d36;border:1px solid #3a3d5e;border-radius:4px;color:#e8e8f0;font-size:var(--tok-font-size-dialog, 16px);padding:8px 10px;box-sizing:border-box;font-family:Arial,sans-serif}.chat-dialog input:focus{border-color:#6fb5ac;outline:none}.chat-dialog-btn{padding:8px 18px;border-radius:4px;font-size:13px;cursor:pointer;border:none;font-family:Arial,sans-serif}.chat-dialog-btn.primary{background:linear-gradient(135deg,#d3997e,#d386ab);color:#2b1220;font-weight:600}.chat-dialog-btn.primary:hover{filter:brightness(1.1)}.chat-dialog-btn.secondary{background:transparent;border:1px solid #444;color:#9bbfd0}.chat-dialog-btn.secondary:hover{background:#3a3d5e}.chat-invite-code{font-family:monospace;background:#1b1d36;border:1px solid #3a3d5e;border-radius:4px;padding:8px 10px;color:#9ed2ca;font-size:14px;letter-spacing:.1em;text-align:center}.chat-copy-btn{background:#3a3d5e;border:1px solid #444;color:#9bbfd0;border-radius:4px;padding:6px 14px;font-size:12px;cursor:pointer;font-family:Arial,sans-serif}.chat-copy-btn:hover{background:#474b6e;color:#ddb0c8}.chat-dialog input[type=text],.chat-dialog input[type=number],.chat-dialog textarea,.chat-dialog select{-webkit-text-size-adjust:100%}.ph-presence-card:hover{border-color:#d194bd80!important;transform:translateY(-1px)}.ph-presence-card:focus-visible{outline:2px solid #6fb5ac;outline-offset:2px}.ph-presence-card.is-playing{border-color:#6fb5ac8c!important;background:linear-gradient(160deg,#33325a,#1c2c42)!important}.ph-presence-rail[hidden],.ph-presence-empty[hidden],.ph-presence[hidden]{display:none!important}.ph-presence-community:empty{display:none}
