.chat-panel{z-index:100;flex-direction:column;height:calc(100vh - 100px);transition:width .25s;display:flex;position:fixed;top:100px;right:0}.chat-panel.open{background:#000000d9;border-left:1px solid #ffffff26;width:300px;overflow:hidden}.chat-panel.closed{width:0}.chat-panel-toggle{color:#ffffffb3;cursor:pointer;z-index:101;background:#000000d9;border:1px solid #ffffff26;border-right:none;border-radius:8px 0 0 8px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;width:36px;height:72px;padding:8px 0 0;transition:height .2s,background .15s;display:flex;position:absolute;top:12px;left:-36px}.chat-panel-toggle.toggle-open{height:40px}.chat-panel-toggle:hover{color:#fff;background:#000000f2}.chat-toggle-arrow{font-size:20px;line-height:1}.chat-toggle-badge{color:#fff;background:#27ae60;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.chat-panel-toggle.has-unread{border-color:#27ae60;animation:2s ease-in-out infinite chat-unread-pulse}.chat-fab.has-unread{animation:2s ease-in-out infinite chat-unread-pulse}@keyframes chat-unread-pulse{0%,to{box-shadow:0 0 #27ae6066}50%{box-shadow:0 0 0 8px #27ae6000}}.chat-panel-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 8px 8px 12px;display:flex}.chat-panel-header-left{align-items:center;gap:8px;display:flex}.chat-panel-header h3{color:#ffffffe6;margin:0;font-size:14px;font-weight:600}.chat-discord-thread-link{color:#5865f2;white-space:nowrap;font-size:11px;font-weight:600;text-decoration:none}@media (hover:hover) and (pointer:fine){.chat-discord-thread-link:hover{text-decoration:underline}}.chat-collapse-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:22px;line-height:1}.chat-collapse-btn:hover{color:#fff;background:#ffffff1a}.chat-status-dot{background:#27ae60;border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-messages{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.chat-loading,.chat-empty{color:#fff6;text-align:center;padding:24px 8px;font-size:13px}.chat-empty p{margin:0 0 8px;line-height:1.5}.chat-empty p:last-child{margin-bottom:0}.chat-empty-link{color:#5865f2;text-decoration:none}@media (hover:hover) and (pointer:fine){.chat-empty-link:hover{text-decoration:underline}}.chat-message{align-items:flex-start;gap:8px;display:flex}.chat-message-system{justify-content:center;padding:4px 0}.chat-message-system .chat-message-text{color:#fff6;font-size:12px;font-style:italic}.chat-message-avatar{flex-shrink:0;width:28px;height:28px}.chat-avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px}.chat-avatar-placeholder{color:#ffffffb3;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.chat-message-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-message-meta{align-items:baseline;gap:4px;display:flex}.chat-message-username{color:#ffffffe6;white-space:nowrap;font-size:13px;font-weight:600}.chat-discord-badge{color:#5865f2;flex-shrink:0;align-items:center;line-height:1;display:inline-flex;position:relative;top:1px}.chat-message-timestamp{color:#ffffff4d;white-space:nowrap;font-size:11px;font-weight:400}.chat-history-divider{border:none;border-top:1px solid #ffffff26;margin:6px 0}.chat-message-text{color:#ffffffd9;word-break:break-word;font-size:13px;line-height:1.4}.chat-link{color:#5865f2;text-decoration:none}.chat-link:hover{text-decoration:underline}.chat-input-area{border-top:1px solid #ffffff1a;flex-shrink:0;gap:8px;padding:12px;display:flex}.chat-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-family:Barlow,sans-serif;font-size:13px}.chat-input:focus{border-color:#ffffff4d}.chat-input::placeholder{color:#ffffff4d}.chat-input:disabled{opacity:.5}.chat-auth-gate{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.chat-auth-gate-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.chat-auth-gate-content p{color:#fff9;margin:0;font-size:14px}.chat-auth-gate .chat-auth-gate-note{color:#ffffff59;font-size:12px}.chat-private-notice{text-align:center;border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:10px 28px 10px 16px;display:flex;position:relative}.chat-private-notice p{color:#ffffff73;margin:0;font-size:12px;line-height:1.3}.chat-private-notice-dismiss{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;line-height:1;position:absolute;top:6px;right:6px}.chat-private-notice-dismiss:hover{color:#fff9}.chat-fab{color:#fffc;cursor:pointer;z-index:1000;background:#000000d9;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000080}.chat-fab.has-unread{color:#fff;background:#27ae60;border-color:#27ae60}.chat-fab-badge{color:#fff;background:#e74c3c;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chat-overlay{z-index:2000;background:#00000080;flex-direction:column;padding-top:60px;display:flex;position:fixed;inset:0}.chat-overlay-content{background:#000000f2;border-radius:12px 12px 0 0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-overlay-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-overlay-header h3{color:#ffffffe6;margin:0;font-size:16px;font-weight:600}.page-with-chat{min-height:100vh;display:flex;position:relative}.page-with-chat>.page-content{flex:1;min-width:0}@media (max-width:768px){.chat-panel{display:none}.page-with-chat{display:block}}@media (min-width:769px){.chat-fab{display:none}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}