@charset "UTF-8";:root{--spotv-primary: #06bee1;--spotv-primary-light: #08bee1;--spotv-primary-dark: #0e9dbd;--spotv-primary-fade: #06bee11f;--spotv-secondary-red: #e71f1f;--spotv-secondary-blue: #3055eb;--spotv-secondary-green: #1ed624;--spotv-secondary-gray: #82868b;--spotv-card: #283046;--spotv-background: #161d31;--spotv-table-header: #343d55;--spotv-table-color: #242b3d;--spotv-text-primary: #d0d2d6;--spotv-text-secondary: #b4b7bd;--spotv-text-tertiary: #a2a5ab;--spotv-text-fade: #8d8d8d;--spotv-text-light: #fff;--spotv-border: #404656;--spotv-spacing-xs: .25rem;--spotv-spacing-sm: .5rem;--spotv-spacing-md: 1rem;--spotv-spacing-lg: 1.5rem;--spotv-spacing-xl: 2rem;--spotv-font-size-xs: .75rem;--spotv-font-size-sm: .85rem;--spotv-font-size-md: .875rem;--spotv-font-size-lg: 1rem;--spotv-font-size-xl: 1.125rem;--spotv-font-family: "AppleSDGothicNeoM", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spotv-radius-sm: .258rem;--spotv-radius-md: .5rem;--spotv-radius-lg: 1rem;--spotv-radius-full: 50%;--spotv-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--spotv-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--spotv-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--spotv-card-shadow: 0 4px 25px 0 rgb(180 183 189 / 10%);--spotv-transition-fast: .15s ease;--spotv-transition-normal: .3s ease;--spotv-transition-slow: .5s ease}.sidebar-chat.svelte-188c61p{width:100%;height:100%;display:flex;flex-direction:column;background:var(--dark-card, #1c2128);border:1px solid var(--dark-border, #30363d);border-radius:8px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.chat-header.svelte-188c61p{padding:12px 16px;background:var(--dark-surface, #161b22);border-bottom:1px solid var(--dark-border, #30363d);display:flex;justify-content:space-between;align-items:center}.chat-header.svelte-188c61p h3:where(.svelte-188c61p){margin:0;font-size:14px;font-weight:600;color:var(--text-inverse, #ffffff);display:flex;align-items:center;gap:6px}.chat-header.svelte-188c61p h3:where(.svelte-188c61p) .lock-icon:where(.svelte-188c61p){font-size:12px;opacity:.7}.chat-header.svelte-188c61p h3:where(.svelte-188c61p) .user-count:where(.svelte-188c61p){font-size:12px;color:var(--text-tertiary, #64748b);font-weight:400;margin-left:4px}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p){display:flex;gap:8px}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .room-list-btn:where(.svelte-188c61p){padding:6px 10px;background:var(--dark-card, #1c2128);color:var(--text-inverse, #ffffff);border:1px solid var(--dark-border, #30363d);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .room-list-btn:where(.svelte-188c61p) svg:where(.svelte-188c61p){width:16px;height:16px}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .room-list-btn:where(.svelte-188c61p):hover{background:var(--dark-surface, #161b22);border-color:var(--text-tertiary, #64748b)}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .btn-leave:where(.svelte-188c61p){padding:4px 12px;background:var(--error, #dc2626);color:var(--text-inverse, #fff);border:1px solid var(--error, #dc2626);border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .btn-leave:where(.svelte-188c61p):hover{background:var(--error-light, #ef4444);border-color:var(--error-light, #ef4444)}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .btn-delete:where(.svelte-188c61p){padding:6px 10px;background:var(--error, #dc2626);color:var(--text-inverse, #fff);border:1px solid var(--error, #dc2626);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .btn-delete:where(.svelte-188c61p) svg:where(.svelte-188c61p){width:16px;height:16px}.chat-header.svelte-188c61p .header-actions:where(.svelte-188c61p) .btn-delete:where(.svelte-188c61p):hover{background:var(--error-light, #ef4444);border-color:var(--error-light, #ef4444)}.chat-messages.svelte-188c61p{flex:1;overflow-x:hidden;overflow-y:auto;padding:12px;background:var(--dark-bg, #0d1117)}.chat-messages.svelte-188c61p::-webkit-scrollbar{width:8px}.chat-messages.svelte-188c61p::-webkit-scrollbar-track{background:var(--dark-surface, #161b22)}.chat-messages.svelte-188c61p::-webkit-scrollbar-thumb{background:var(--dark-border, #30363d);border-radius:8px}.chat-messages.svelte-188c61p::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #64748b)}.ad-message.svelte-188c61p{margin:8px 4px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(255,215,0,.4);box-shadow:0 0 12px #ffd70026,inset 0 0 20px #ffd7000d;text-align:center;position:relative;overflow:hidden}.ad-message.svelte-188c61p:before{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:svelte-188c61p-ad-shine 3s infinite;pointer-events:none}.ad-message__label.svelte-188c61p{font-size:10px;font-weight:700;color:#ffd700b3;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.ad-message__banner.svelte-188c61p{width:100%;height:auto;max-height:160px;-o-object-fit:contain;object-fit:contain;border-radius:6px;margin-bottom:0;display:block;transition:opacity .2s}.ad-message__text.svelte-188c61p{font-size:13px;font-weight:700;line-height:1.4;white-space:pre-wrap;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#ff6bff,#ff6b6b);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-188c61p-ad-rainbow 2.5s linear infinite;margin-bottom:6px;text-shadow:none}.ad-message__company.svelte-188c61p{font-size:11px;font-weight:600;color:#ffd700e6}.ad-message__banner-link.svelte-188c61p{display:block;position:relative;border-radius:6px;overflow:hidden;margin-bottom:8px;cursor:pointer}.ad-message__banner-link.svelte-188c61p:hover img:where(.svelte-188c61p){opacity:.75}.ad-message__banner-overlay.svelte-188c61p{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;opacity:0;transition:opacity .2s;border-radius:6px}.ad-message__banner-link.svelte-188c61p:hover .ad-message__banner-overlay:where(.svelte-188c61p){opacity:1}.ad-message__footer.svelte-188c61p{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;flex-wrap:wrap}.ad-message__btn.svelte-188c61p{display:block;margin-top:6px;padding:6px 12px;background:#ffd70026;border:1px solid rgba(255,215,0,.5);border-radius:5px;font-size:12px;font-weight:600;color:#ffd700f2;text-align:center;text-decoration:none;transition:background .2s}.ad-message__btn.svelte-188c61p:hover{background:#ffd70047;color:#fff}@keyframes svelte-188c61p-ad-rainbow{0%{background-position:0% center}to{background-position:300% center}}@keyframes svelte-188c61p-ad-shine{0%{left:-60%}to{left:120%}}.system-message.svelte-188c61p{text-align:center;padding:20px}.system-message.svelte-188c61p p:where(.svelte-188c61p){color:var(--text-tertiary, #64748b);font-size:13px;margin:0}.message.svelte-188c61p{display:flex;gap:6px;animation:svelte-188c61p-slideIn .3s ease-out}.message.svelte-188c61p .avatar:where(.svelte-188c61p){width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--dark-surface, #161b22);position:relative}.message.svelte-188c61p .avatar:where(.svelte-188c61p) img:where(.svelte-188c61p){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message.svelte-188c61p .avatar:where(.svelte-188c61p) .avatar-level-icon:where(.svelte-188c61p){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message.svelte-188c61p .message-content:where(.svelte-188c61p){display:flex;gap:8px;flex:1;min-width:0}.message.svelte-188c61p .message-content:where(.svelte-188c61p) .username:where(.svelte-188c61p){flex-shrink:0;font-size:13px;font-weight:600;color:var(--color-brand-500, #6366f1);min-width:-moz-fit-content;min-width:fit-content}.message.svelte-188c61p .message-content:where(.svelte-188c61p) .text:where(.svelte-188c61p){flex-grow:1;font-size:13px;line-height:1.4;color:var(--text-inverse, #ffffff);width:0;overflow-wrap:break-word}@keyframes svelte-188c61p-slideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-input.svelte-188c61p{padding:12px;background:var(--dark-surface, #161b22);border-top:1px solid var(--dark-border, #30363d);display:flex;gap:8px}.chat-input.svelte-188c61p input:where(.svelte-188c61p){flex:1;background:var(--dark-card, #1c2128);border:1px solid var(--dark-border, #30363d);border-radius:8px;padding:8px 12px;font-size:16px;color:var(--text-inverse, #ffffff);outline:none;transition:border-color .2s}.chat-input.svelte-188c61p input:where(.svelte-188c61p):focus{border-color:var(--color-brand-600, #4f46e5);box-shadow:var(--focus-ring)}.chat-input.svelte-188c61p input:where(.svelte-188c61p)::-moz-placeholder{color:var(--text-tertiary, #64748b)}.chat-input.svelte-188c61p input:where(.svelte-188c61p)::placeholder{color:var(--text-tertiary, #64748b)}.chat-input.svelte-188c61p input:where(.svelte-188c61p):disabled{opacity:.5;cursor:not-allowed}.chat-input.svelte-188c61p button:where(.svelte-188c61p){padding:8px 16px;background:var(--color-brand-600, #4f46e5);color:var(--text-inverse, #ffffff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-input.svelte-188c61p button:where(.svelte-188c61p):hover:not(:disabled){background:var(--color-brand-700, #4338ca)}.chat-input.svelte-188c61p button:where(.svelte-188c61p):disabled{opacity:.5;cursor:not-allowed}.chat-input.svelte-188c61p .login-prompt:where(.svelte-188c61p){flex:1;text-align:center;color:var(--text-tertiary, #64748b);font-size:13px;padding:8px}.modal-overlay.svelte-188c61p{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;animation:svelte-188c61p-fadeIn .2s ease-out}@keyframes svelte-188c61p-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-188c61p{background:var(--dark-card, #1c2128);border:1px solid var(--dark-border, #30363d);border-radius:8px;width:90%;max-width:400px;height:90vh;max-height:95vh;overflow:hidden;animation:svelte-188c61p-slideUp .3s ease-out;box-shadow:var(--shadow-xl)}.modal.create-room-modal.svelte-188c61p,.modal.delete-password-modal.svelte-188c61p{max-width:350px}@keyframes svelte-188c61p-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header.svelte-188c61p{padding:16px;background:var(--dark-surface, #161b22);border-bottom:1px solid var(--dark-border, #30363d);display:flex;justify-content:space-between;align-items:center}.modal-header.svelte-188c61p h3:where(.svelte-188c61p){margin:0;font-size:16px;font-weight:600;color:var(--text-inverse, #ffffff)}.modal-header.svelte-188c61p .close-btn:where(.svelte-188c61p){background:none;border:none;color:var(--text-tertiary, #64748b);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-header.svelte-188c61p .close-btn:where(.svelte-188c61p):hover{background:var(--dark-card, #1c2128);color:var(--text-inverse, #ffffff)}.modal-body.svelte-188c61p{padding:16px;overflow-y:auto;height:calc(90vh - 60px);max-height:calc(95vh - 60px)}.create-room-btn.svelte-188c61p{width:100%;padding:12px;background:var(--color-brand-600, #4f46e5);color:var(--text-inverse, #ffffff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px}.create-room-btn.svelte-188c61p:hover{background:var(--color-brand-700, #4338ca)}.room-list.svelte-188c61p{display:flex;flex-direction:column;gap:8px}.empty-rooms.svelte-188c61p{text-align:center;padding:40px 20px}.empty-rooms.svelte-188c61p p:where(.svelte-188c61p){margin:0;color:var(--text-tertiary, #64748b);font-size:14px}.empty-rooms.svelte-188c61p .hint:where(.svelte-188c61p){margin-top:8px;font-size:12px;color:var(--text-tertiary, #64748b)}.room-item.svelte-188c61p{background:var(--dark-card, #1c2128);border:1px solid var(--dark-border, #30363d);border-radius:8px;overflow:hidden;transition:all .2s;display:flex;align-items:stretch}.room-item.svelte-188c61p:hover,.room-item.active.svelte-188c61p{background:var(--dark-surface, #161b22);border-color:var(--color-brand-600, #4f46e5)}.room-item.svelte-188c61p .room-info:where(.svelte-188c61p){flex:1;padding:10px;cursor:pointer}.room-item.svelte-188c61p .room-info:where(.svelte-188c61p) .room-header:where(.svelte-188c61p){display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.room-item.svelte-188c61p .room-info:where(.svelte-188c61p) .room-header:where(.svelte-188c61p) .room-name:where(.svelte-188c61p){font-size:14px;font-weight:500;color:var(--text-inverse, #ffffff);display:flex;align-items:center;gap:6px}.room-item.svelte-188c61p .room-info:where(.svelte-188c61p) .room-header:where(.svelte-188c61p) .room-name:where(.svelte-188c61p) .lock-icon:where(.svelte-188c61p){font-size:12px;opacity:.7}.room-item.svelte-188c61p .room-info:where(.svelte-188c61p) .room-header:where(.svelte-188c61p) .user-count:where(.svelte-188c61p){font-size:12px;color:var(--text-tertiary, #64748b)}.room-item.svelte-188c61p .room-info:where(.svelte-188c61p) .room-owner:where(.svelte-188c61p){font-size:12px;color:var(--text-tertiary, #64748b)}.room-item.svelte-188c61p .delete-btn:where(.svelte-188c61p){height:100%;padding:12px;background:var(--error, #dc2626);border:none;border-radius:0 8px 8px 0;color:var(--text-inverse, #ffffff);font-size:20px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;min-width:48px}.room-item.svelte-188c61p .delete-btn:where(.svelte-188c61p):hover{background:var(--error-light, #ef4444)}.form-group.svelte-188c61p{margin-bottom:16px}.form-group.svelte-188c61p label:where(.svelte-188c61p){display:block;font-size:13px;color:var(--text-inverse, #ffffff);margin-bottom:8px;font-weight:500}.form-group.svelte-188c61p input:where(.svelte-188c61p){width:100%;padding:10px 12px;background:var(--dark-card, #1c2128);border:1px solid var(--dark-border, #30363d);border-radius:8px;color:var(--text-inverse, #ffffff);font-size:16px;outline:none;transition:border-color .2s}.form-group.svelte-188c61p input:where(.svelte-188c61p):focus{border-color:var(--color-brand-600, #4f46e5);box-shadow:var(--focus-ring)}.form-group.svelte-188c61p input:where(.svelte-188c61p)::-moz-placeholder{color:var(--text-tertiary, #64748b)}.form-group.svelte-188c61p input:where(.svelte-188c61p)::placeholder{color:var(--text-tertiary, #64748b)}.submit-btn.svelte-188c61p{width:100%;padding:12px;background:var(--color-brand-600, #4f46e5);color:var(--text-inverse, #ffffff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn.svelte-188c61p:hover{background:var(--color-brand-700, #4338ca)}.submit-btn.delete-confirm-btn.svelte-188c61p{background:var(--error, #dc2626)}.submit-btn.delete-confirm-btn.svelte-188c61p:hover{background:var(--error-light, #ef4444)}.password-prompt.svelte-188c61p{color:var(--text-inverse, #ffffff);font-size:14px;margin-bottom:16px;text-align:center}