.chat-header.svelte-ht6i30{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--dark-surface);border-bottom:1px solid var(--dark-border);min-height:56px}.chat-header__title.svelte-ht6i30{display:flex;align-items:center;gap:8px}.chat-header__title__text.svelte-ht6i30{font-size:16px;font-weight:600;color:var(--chat-text-primary)}.chat-header__title__status.svelte-ht6i30{width:8px;height:8px;background:var(--chat-online);border-radius:50%;animation:svelte-ht6i30-pulse 2s infinite}.chat-header__tools.svelte-ht6i30{display:flex;align-items:center;gap:4px}.chat-header__tools__button.svelte-ht6i30{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--chat-text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.chat-header__tools__button.svelte-ht6i30:hover{background:var(--chat-surface);color:var(--chat-text-primary);border-color:var(--chat-border-subtle)}.chat-header__tools__button.svelte-ht6i30:active{transform:scale(.95)}.chat-header__tools__button.svelte-ht6i30 svg:where(.svelte-ht6i30){width:18px;height:18px}.chat-header__tools__button.svelte-ht6i30:after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translate(-50%) scale(.9);background:var(--chat-text-primary);color:var(--chat-bg);padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s ease}.chat-header__tools__button.svelte-ht6i30:hover:after{opacity:1;transform:translate(-50%) scale(1)}@keyframes svelte-ht6i30-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.unset.svelte-ht6i30{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.chat-body.svelte-k8n5pt{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;background:var(--chat-surface)}.chat-body.full-screen.svelte-k8n5pt{height:calc(100vh - 140px)}.chat-body__content.svelte-k8n5pt{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.chat-body__content.full-screen.svelte-k8n5pt{height:calc(100vh - 160px)}.chat-body__content.svelte-k8n5pt::-webkit-scrollbar{width:8px}.chat-body__content.svelte-k8n5pt::-webkit-scrollbar-track{background:var(--chat-border-subtle);border-radius:4px}.chat-body__content.svelte-k8n5pt::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.chat-body__content.svelte-k8n5pt::-webkit-scrollbar-thumb:hover{background:var(--chat-text-tertiary)}.chat-body__content__list.svelte-k8n5pt{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--chat-bg);transition:all .2s ease;animation:svelte-k8n5pt-messageSlide .3s ease-out}.chat-body__content__list.svelte-k8n5pt:hover{background:var(--chat-message-bg);transform:translate(2px)}.chat-body__content__list.svelte-k8n5pt:hover .chat-body__content__list__info__more:where(.svelte-k8n5pt){opacity:1}.chat-body__content__list__info.svelte-k8n5pt{display:flex;width:100%;align-items:center;gap:10px}.chat-body__content__list__info__thumb.svelte-k8n5pt{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--chat-message-bg);border:2px solid var(--chat-bg);box-shadow:0 1px 3px #0000001a;flex-shrink:0}.chat-body__content__list__info__thumb.none.svelte-k8n5pt{background:linear-gradient(135deg,var(--chat-accent) 0%,var(--chat-accent-hover) 100%)}.chat-body__content__list__info__nickname.svelte-k8n5pt{font-weight:600;font-size:14px;color:var(--chat-text-primary);letter-spacing:-.2px;transition:color .2s ease}.chat-body__content__list__info__nickname.svelte-k8n5pt:hover{cursor:pointer;color:var(--chat-accent)}.chat-body__content__list__info__more.svelte-k8n5pt{position:relative;margin-left:auto;opacity:0;transition:opacity .2s ease}.chat-body__content__list__info__more.svelte-k8n5pt .more-button:where(.svelte-k8n5pt){display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--chat-text-tertiary);cursor:pointer;transition:all .2s ease}.chat-body__content__list__info__more.svelte-k8n5pt .more-button:where(.svelte-k8n5pt):hover{background:var(--chat-border-subtle);color:var(--chat-text-secondary)}.chat-body__content__list__info__more.svelte-k8n5pt .more-button:where(.svelte-k8n5pt):focus{opacity:1;outline:2px solid var(--chat-accent);outline-offset:2px}.chat-body__content__list__info__more__box.svelte-k8n5pt{position:absolute;top:100%;right:0;margin-top:4px;background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;min-width:100px;display:none;z-index:10}.chat-body__content__list__info__more__box.more-active.svelte-k8n5pt{display:block}.chat-body__content__list__info__more__box.svelte-k8n5pt p:where(.svelte-k8n5pt){margin:0;padding:8px 12px;font-size:13px;color:var(--chat-danger);border-radius:6px;cursor:pointer;transition:all .2s ease}.chat-body__content__list__info__more__box.svelte-k8n5pt p:where(.svelte-k8n5pt):hover{background:var(--chat-surface)}.chat-body__content__list__info__more__box.svelte-k8n5pt:focus{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-body__content__list__chat-message.svelte-k8n5pt{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin-left:42px;line-height:1.6;font-size:14px;color:var(--chat-text-secondary);word-break:break-word}.chat-body__to-bottom.svelte-k8n5pt{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--chat-bg);border:1px solid var(--chat-border);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.chat-body__to-bottom.svelte-k8n5pt:hover{background:var(--chat-accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.chat-body__to-bottom.svelte-k8n5pt:active{transform:translateY(0)}.chat-body__to-bottom.svelte-k8n5pt:focus{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-body__to-bottom.svelte-k8n5pt i:where(.svelte-k8n5pt){font-size:18px;color:var(--chat-text-secondary);transition:color .2s ease}.chat-body__to-bottom.svelte-k8n5pt:hover i:where(.svelte-k8n5pt){color:#fff}.chat-body__system.svelte-k8n5pt{text-align:center;color:var(--chat-text-tertiary);font-size:13px;padding:12px 16px;margin:8px 0;background:var(--chat-border-subtle);border-radius:8px;font-style:italic}@keyframes svelte-k8n5pt-messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat.svelte-1w79ekr{border-top:1px solid var(--chat-border-subtle);background:var(--chat-bg);padding:12px 16px;border-radius:0 0 16px 16px}.chat-footer.svelte-1w79ekr{display:flex;align-items:center;gap:8px;position:relative}.chat-footer.chat-popup.svelte-1w79ekr{background:var(--chat-surface);border-radius:12px;padding:4px;border:1px solid var(--chat-border-subtle)}.chat-footer__input.svelte-1w79ekr{flex:1;background:var(--chat-surface);border:1px solid var(--chat-border-subtle);border-radius:20px;padding:10px 16px;font-size:14px;color:var(--chat-text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;transition:all .2s ease;outline:none}.chat-footer__input.svelte-1w79ekr::-moz-placeholder{color:var(--chat-text-tertiary);font-size:14px}.chat-footer__input.svelte-1w79ekr::placeholder{color:var(--chat-text-tertiary);font-size:14px}.chat-footer__input.svelte-1w79ekr:focus{border-color:var(--chat-accent);background:var(--chat-bg);box-shadow:0 0 0 3px #5e6ad21a}.chat-footer__input.svelte-1w79ekr:disabled{opacity:.5;cursor:not-allowed;background:var(--chat-border-subtle)}.chat-footer__send.svelte-1w79ekr{width:36px;height:36px;border-radius:50%;background:var(--chat-accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-footer__send.svelte-1w79ekr:disabled{opacity:.3;cursor:not-allowed;background:var(--chat-border)}.chat-footer__send.svelte-1w79ekr:disabled .chat-footer__send__icon:where(.svelte-1w79ekr){color:var(--chat-text-tertiary)}.chat-footer__send.svelte-1w79ekr:not(:disabled):hover{background:var(--chat-accent-hover);transform:scale(1.05)}.chat-footer__send.svelte-1w79ekr:not(:disabled):active{transform:scale(.95)}.chat-footer__send.svelte-1w79ekr:focus{outline:none;box-shadow:0 0 0 3px #5e6ad233}.chat-footer__send__icon.svelte-1w79ekr{color:#fff;font-size:16px}.chat-footer__login-prompt.svelte-1w79ekr{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px}.chat-footer__login-prompt__text.svelte-1w79ekr{color:var(--dark-text-secondary);font-size:13px;margin:0}.chat-footer__login-prompt__button.svelte-1w79ekr{padding:8px 20px;background:var(--brand-600);color:#fff;font-size:13px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .2s ease}.chat-footer__login-prompt__button.svelte-1w79ekr:hover{background:var(--brand-700);transform:translateY(-1px)}.chat-footer__login-prompt__button.svelte-1w79ekr:active{transform:translateY(0)}@media (max-width: 768px){.chat.svelte-1w79ekr{padding:8px 12px}.chat-footer__input.svelte-1w79ekr{font-size:16px}}.chat-rooms.svelte-a4t7i6{height:455px;display:flex;flex-direction:column;overflow-y:scroll;width:100%}.chat-rooms.full-screen.svelte-a4t7i6{height:calc(100% - 80px)}.chat-rooms.svelte-a4t7i6::-webkit-scrollbar{width:11px}.chat-rooms.svelte-a4t7i6::-webkit-scrollbar-thumb{padding:0;background:#6577f1;height:100px;border-radius:10px;background-clip:padding-box;border:4px solid transparent}.chat-rooms.svelte-a4t7i6::-webkit-scrollbar-thumb:hover{background:#7d8ea3;border-radius:10px;background-clip:padding-box;border:4px solid transparent}.chat-rooms.svelte-a4t7i6::-webkit-scrollbar-track{background:none}.chat-rooms__list.svelte-a4t7i6{display:flex;flex-direction:column;margin:.5rem 0;background-color:#fff;padding:15px;min-width:100%;font-family:Songgang,sans-serif;border:none;cursor:pointer;text-align:left;transition:all .2s}.chat-rooms__list.svelte-a4t7i6:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.chat-rooms__list.svelte-a4t7i6:focus{outline:2px solid var(--yellow, #ffd700);outline-offset:2px}.chat-rooms__list.svelte-a4t7i6:active{transform:translateY(0)}.chat-rooms__list__title.svelte-a4t7i6{font-size:1.75rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;margin:0 0 .5rem;font-weight:600}.chat-rooms__list__user-info.svelte-a4t7i6{display:flex;align-items:center;width:100%}.chat-rooms__list__user-info__picture.svelte-a4t7i6{width:22px;height:22px;border-radius:100px;margin-right:.5rem;overflow:hidden;box-shadow:0 10px 20px #0000004d;font-size:1.275rem;flex-shrink:0}.chat-rooms__list__user-info__picture.svelte-a4t7i6 img:where(.svelte-a4t7i6){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-rooms__list__user-info__nickname.svelte-a4t7i6{font-size:1.125rem;color:#333;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-rooms__list__user-info__count.svelte-a4t7i6{color:#7d8ea3;font-size:1rem;margin:0;flex-shrink:0}.chat-rooms__list__user-info__count.svelte-a4t7i6 span:where(.svelte-a4t7i6){font-weight:600;color:var(--main-color, #007bff)}.chat-rooms__not-exist.svelte-a4t7i6{margin-top:5rem;text-align:center;font-size:1.25rem;color:#fff;opacity:.8;line-height:1.5;padding:0 1rem}.create-room-modal-cover.svelte-14s50hs{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:svelte-14s50hs-fadeIn .2s ease-out}@keyframes svelte-14s50hs-fadeIn{0%{opacity:0}to{opacity:1}}.content.mypage.svelte-14s50hs{background:none;padding:0;margin:0;box-shadow:none}.create-room-modal.svelte-14s50hs{background:#fff;border-radius:12px;min-width:400px;max-width:90vw;box-shadow:0 10px 30px #0000004d;animation:svelte-14s50hs-slideUp .3s ease-out}.create-room-modal__header.svelte-14s50hs{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e9ecef;margin-bottom:1.5rem}.create-room-modal__header__title.svelte-14s50hs{font-size:1.5rem;font-weight:600;color:#333;margin:0}.create-room-modal__header__close.svelte-14s50hs{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-room-modal__header__close.svelte-14s50hs:hover{background:#f8f9fa;color:#333}.create-room-modal__header__close.svelte-14s50hs:focus{outline:2px solid var(--main-color, #007bff);outline-offset:2px}.create-room-modal__header__close__icon.svelte-14s50hs{font-size:1.25rem}.create-room-modal__body.svelte-14s50hs{padding:0 1.5rem 1.5rem}.create-room-modal__body__room-name.svelte-14s50hs{margin-bottom:1.5rem}.create-room-modal__body__room-name__label.svelte-14s50hs{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:1rem}.create-room-modal__body__room-name__input.svelte-14s50hs{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.create-room-modal__body__room-name__input.svelte-14s50hs:focus{outline:none;border-color:var(--main-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.create-room-modal__body__room-name__input.svelte-14s50hs::-moz-placeholder{color:#999}.create-room-modal__body__room-name__input.svelte-14s50hs::placeholder{color:#999}.create-room-modal__body__actions.svelte-14s50hs{display:flex;gap:.75rem;justify-content:flex-end}.create-room-modal__body__actions.svelte-14s50hs button:where(.svelte-14s50hs){padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.create-room-modal__body__actions.svelte-14s50hs button:where(.svelte-14s50hs):focus{outline:2px solid var(--main-color, #007bff);outline-offset:2px}.create-room-modal__body__actions.svelte-14s50hs button.cancel-btn:where(.svelte-14s50hs){background:#f8f9fa;color:#666;border-color:#ddd}.create-room-modal__body__actions.svelte-14s50hs button.cancel-btn:where(.svelte-14s50hs):hover{background:#e9ecef;color:#333}.create-room-modal__body__actions.svelte-14s50hs button.create-btn:where(.svelte-14s50hs){background:var(--main-color, #007bff);color:#fff}.create-room-modal__body__actions.svelte-14s50hs button.create-btn:where(.svelte-14s50hs):hover:not(:disabled){background:#0056b3}.create-room-modal__body__actions.svelte-14s50hs button.create-btn:where(.svelte-14s50hs):disabled{opacity:.6;cursor:not-allowed}@keyframes svelte-14s50hs-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.create-room-modal.svelte-14s50hs{min-width:300px;margin:1rem}.create-room-modal__header.svelte-14s50hs{padding:1rem 1rem 0;margin-bottom:1rem}.create-room-modal__header__title.svelte-14s50hs{font-size:1.25rem}.create-room-modal__body.svelte-14s50hs{padding:0 1rem 1rem}.create-room-modal__body__actions.svelte-14s50hs{flex-direction:column}.create-room-modal__body__actions.svelte-14s50hs button:where(.svelte-14s50hs){width:100%}}: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}.chat.svelte-1pl97cd{position:relative;width:320px;min-width:320px;height:45vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--dark-card, #1c2128);border:1px solid var(--dark-border, #30363d);box-shadow:0 1px 3px #00000008,0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chat.box.svelte-1pl97cd{border-radius:16px;margin:0}.chat.embedded.svelte-1pl97cd{width:100%;min-width:100%;height:100%;max-height:100%;background:transparent;border:none;box-shadow:none}.chat.embedded.svelte-1pl97cd:hover{box-shadow:none}.chat.svelte-1pl97cd:hover:not(.embedded){box-shadow:0 2px 6px #0000000d,0 8px 20px #00000014}.chat.no-layout.svelte-1pl97cd{width:100%;max-width:800px;height:100vh;max-height:100vh;margin:0 auto;background:var(--dark-surface, #161b22);border-radius:0;border:none}@media screen and (max-width: 1024px){.chat.svelte-1pl97cd{width:100%;max-width:100%;height:100vh;margin-top:2rem}.chat.no-layout.svelte-1pl97cd{display:block;height:100vh}}@media screen and (max-width: 768px){.chat.svelte-1pl97cd{display:none}.chat.no-layout.svelte-1pl97cd{display:block}}