@import "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";body,.emoji-text{font-family:Pretendard,Noto Color Emoji,sans-serif}:root,[data-theme=light]{--bg-base:#fff;--bg-bold-muted:#f8fafc;--bg-bold:#f0f2f5;--bg-bold-1:#e2e8f0;--bg-bold-2:#cbd5e1;--artist-bubble-base:#ededf0;--artist-bubble-bold:#e7e7e9;--artist-bubble-bold-2:#8e8e93;--divider-bubble-muted:#e2e8f0;--divider-bubble-base:#475569;--divider-bubble-bold:#64748b;--text-base:#000;--text-muted:#334155;--text-muted-2:#555;--text-muted-3:#888;--button-muted-2:#fff;--button-muted:#c6c6c7;--button-base:#94a3b8;--button-bold:#64748b;--button-bold-2:#0f172a;--red-bold:#ff3b30;--red-base:#ef4444;--red-muted:#fef2f2;--red-muted-2:#fff;--purple-bold-2:#6d28d9;--purple-bold:#7c3aed;--purple-base:#8b5cf6;--purple-muted-bold:#c4b5fd;--purple-muted:#f5f3ff;--blue-bold:#005bb5;--blue-base:#007aff;--blue-gradient:#00c6ff;--blue-muted-bold:#cce4ff;--blue-muted:#ebf4ff;--blue-muted-2:#fff;--welcome-bg:#fffcdf;--welcome-text:#713f12;--welcome-border:#ffeb86}[data-theme=dark]{--bg-base:#0f1419;--bg-bold-muted:#1a2128;--bg-bold:#232830;--bg-bold-1:#35394a;--bg-bold-2:#454b58;--artist-bubble-base:#33373f;--artist-bubble-bold:#454b58;--artist-bubble-bold-2:#8e8e93;--divider-bubble-muted:#35394a;--divider-bubble-base:#9ca3b0;--divider-bubble-bold:#7e8896;--text-base:#fff;--text-muted:#b8c0d0;--text-muted-2:#abb3b9;--text-muted-3:#616d7a;--button-muted-2:#0f1419;--button-muted:#1e293b;--button-base:#334155;--button-bold:#475569;--button-bold-2:#cbd5e1;--red-bold:#ff6b6b;--red-base:#ef4444;--red-muted:#450a0a;--red-muted-2:#2a0404;--purple-bold-2:#c084fc;--purple-bold:#a855f7;--purple-base:#8b5cf6;--purple-muted-bold:#4c1d95;--purple-muted:#2e1065;--blue-bold:#3b82f6;--blue-base:#007aff;--blue-gradient:#007aff;--blue-muted-bold:#1e3a8a;--blue-muted:#172554;--blue-muted-2:#0a1128;--welcome-bg:#422006;--welcome-text:#fef08a;--welcome-border:#854d0e}[data-theme=yellow]{--bg-base:#fff;--bg-bold-muted:#bacee0;--bg-bold:#a0d6f9;--bg-bold-1:#8acdf6;--bg-bold-2:#75c5f4;--artist-bubble-base:#fff;--artist-bubble-bold:#f0f4f8;--artist-bubble-bold-2:#8a9cae;--divider-bubble-muted:#adbfd0;--divider-bubble-base:#101112;--divider-bubble-bold:#000;--purple-bold-2:#0284c7;--purple-bold:#0ea5e9;--purple-base:#38bdf8;--purple-muted-bold:#7dd3fc;--purple-muted:#e0f2fe;--blue-bold:#e5cd00;--blue-base:#fee500;--blue-gradient:#ffe833;--blue-muted-bold:#fff499;--blue-muted:#fffbdd;--blue-muted-2:#3a1d1d}[data-theme=red]{--bg-base:#fff;--bg-bold-muted:#fafafa;--bg-bold:#fde8eb;--bg-bold-1:#f9d8dd;--bg-bold-2:#f4c4ca;--artist-bubble-base:#eeeef0;--artist-bubble-bold:#e8e8e9;--blue-bold:#e33854;--blue-base:#ff2e62;--blue-gradient:#ff2e62;--blue-muted-bold:#ffb3c1;--blue-muted:#ffe5eb;--blue-muted-2:#fff;--purple-bold-2:#c81e3a;--purple-bold:#df2545;--purple-base:#f03153;--purple-muted-bold:#ffa1b1;--purple-muted:#ffe8ec;--welcome-bg:#fff0f3;--welcome-text:#881337;--welcome-border:#fecdd3}.relative{position:relative}.absolute{position:absolute}.vertical-center{align-items:center;display:flex}.direction-column{flex-direction:column;display:flex}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}html,body{height:100%}body{width:100%;margin:0}a{color:inherit;text-decoration:none}.credential-page[data-v-b41d9329]{background-color:var(--bg-bold-muted);width:100vw;min-height:100vh;color:var(--text-base);box-sizing:border-box;justify-content:center;align-items:center;padding:24px;font-family:Pretendard,sans-serif;display:flex}.credential-card[data-v-b41d9329]{background:var(--bg-base);border:1px solid var(--bg-bold-1);box-sizing:border-box;border-radius:12px;width:100%;max-width:440px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.header-area[data-v-b41d9329]{text-align:center;margin-bottom:28px}.title[data-v-b41d9329]{color:var(--button-bold-2);letter-spacing:-.5px;margin:0 0 6px;font-size:1.6rem;font-weight:700}.subtitle[data-v-b41d9329]{color:var(--button-bold);margin:0;font-size:.85rem}.error-box[data-v-b41d9329]{background:var(--red-muted);border:1px solid var(--red-base);color:var(--red-base);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:.8rem;line-height:1.4;display:flex}.error-icon[data-v-b41d9329]{flex-shrink:0;margin-top:1px;font-size:.9rem}.credential-form[data-v-b41d9329]{flex-direction:column;gap:16px;display:flex}.form-group[data-v-b41d9329]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-b41d9329]{color:var(--button-bold);font-size:.8rem;font-weight:600}.form-input[data-v-b41d9329]{background:var(--bg-base);border:1px solid var(--bg-bold-2);width:100%;color:var(--button-bold-2);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.form-input[data-v-b41d9329]:hover{border-color:var(--button-base)}.form-input[data-v-b41d9329]:focus{border-color:var(--purple-base);outline:none;box-shadow:0 0 0 2px #8b5cf626}.form-input[data-v-b41d9329]::placeholder{color:var(--button-base)}.form-input[data-v-b41d9329]:disabled{background-color:var(--bg-bold);color:var(--button-base);border-color:var(--bg-bold-1);cursor:not-allowed}.input-with-button[data-v-b41d9329]{gap:8px;display:flex}.input-with-button .form-input[data-v-b41d9329]{flex:1}.btn-secondary[data-v-b41d9329]{background-color:var(--bg-bold);border:1px solid var(--bg-bold-2);color:var(--button-bold);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 16px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-secondary[data-v-b41d9329]:hover:not(:disabled){background-color:var(--bg-bold-1);color:var(--button-bold-2)}.btn-secondary[data-v-b41d9329]:disabled{opacity:.5;background-color:var(--bg-bold-muted);border-color:var(--bg-bold-1);color:var(--button-base);cursor:not-allowed}.submit-btn[data-v-b41d9329]{background-color:var(--purple-base);width:100%;color:var(--blue-muted-2);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:11px;font-size:.85rem;font-weight:600;transition:background-color .15s,transform .1s;display:flex;box-shadow:0 1px 2px #0000000d}.submit-btn[data-v-b41d9329]:hover:not(:disabled){background-color:var(--purple-bold)}.submit-btn[data-v-b41d9329]:active:not(:disabled){background-color:var(--purple-bold-2);transform:translateY(0)}.submit-btn[data-v-b41d9329]:disabled{background-color:var(--purple-muted-bold);opacity:.7;cursor:not-allowed}.spinner[data-v-b41d9329]{border:2px solid rgb(from var(--blue-muted-2) r g b / .3);border-top-color:var(--blue-muted-2);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin-b41d9329}@keyframes spin-b41d9329{to{transform:rotate(360deg)}}.media-collection-container[data-v-5248eff3]{box-sizing:border-box;scrollbar-width:thin;width:100%;height:100%;padding:12px;overflow-y:auto;container-type:inline-size}.media-grid[data-v-5248eff3]{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}@container (width>=440px) and (width<=639px){.media-grid[data-v-5248eff3]{grid-template-columns:repeat(3,1fr)}}@container (width>=640px){.media-grid[data-v-5248eff3]{grid-template-columns:repeat(4,1fr)}}.media-item[data-v-5248eff3]{aspect-ratio:1;background-color:var(--bg-bold);border:1px solid var(--bg-bold-1);cursor:pointer;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.media-item img[data-v-5248eff3]{object-fit:cover;width:100%;height:100%;transition:transform .2s ease-in-out;display:block}.media-item img[data-v-5248eff3]:hover{transform:scale(1.05)}.unsupported-media[data-v-5248eff3]{width:100%;height:100%;color:var(--button-base);background-color:var(--bg-bold-muted);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;padding:8px;font-size:.75rem;display:flex}.video-indicator[data-v-5248eff3]{background:rgb(from var(--text-base) r g b / .5);width:36px;height:36px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;padding-left:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-tile[data-v-5248eff3]{background-color:var(--bg-bold);width:100%;height:100%;color:var(--blue-base);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.audio-duration[data-v-5248eff3]{color:var(--button-bold-2);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.bottom-observer[data-v-5248eff3]{width:100%;height:16px;margin-top:12px}.media-item.placeholder[data-v-5248eff3]{background-color:var(--bg-bold);border:1px solid var(--bg-bold-1);position:relative;overflow:hidden}.placeholder-content[data-v-5248eff3]{background:var(--bg-bold);width:100%;height:100%}.empty-media-container[data-v-5248eff3]{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:70%;padding:60px 24px;display:flex}.empty-media-title[data-v-5248eff3]{color:var(--text-muted);margin:0 0 8px;font-size:1.05rem;font-weight:700}.empty-media-desc[data-v-5248eff3]{color:var(--text-muted-2);max-width:240px;margin:0;font-size:.8rem;line-height:1.45}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";pointer-events:none;position:absolute;top:0;left:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);touch-action:none;background:var(--swiper-scrollbar-bg-color,#0000001a);position:relative}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);width:100%;height:100%;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{object-fit:contain;max-width:100%;max-height:100%}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{pointer-events:none;opacity:0;z-index:-1000;position:absolute;top:0;left:0}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-flow:column wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{opacity:.6;z-index:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.swiper-cube .swiper-cube-shadow:before{content:"";filter:blur(50px);background:#000;position:absolute;inset:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;transition-property:transform,opacity,height;overflow:hidden}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:bottom;backface-visibility:hidden;overflow:hidden}body.scroll-block{overflow:hidden!important}.photo-slide-container{z-index:1010;-webkit-user-select:none;user-select:none;background-color:#000;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.photo-slide-header{box-sizing:border-box;z-index:1011;pointer-events:none;background:0 0;border:none;justify-content:flex-end;align-items:center;width:100%;padding:10px 15px;display:flex;position:absolute;top:0;left:0}.photo-slide-footer{z-index:1011;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.photo-slide-date{color:#fff;letter-spacing:.5px;pointer-events:auto;box-sizing:border-box;background-color:#0009;border-radius:20px;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:400;display:flex}.btn-go-chat{color:#fff;cursor:pointer;pointer-events:auto;box-sizing:border-box;background-color:#0009;border:none;border-radius:20px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-go-chat:hover{background-color:#000c}.swiper-btn{color:#fff}.swiper-button-prev,.swiper-button-next{opacity:.7;background-color:#0006;border-radius:16px;padding:12px;transition:opacity .3s}.swiper-button-prev:hover,.swiper-button-next:hover{opacity:1}.btn-close{z-index:1011;color:#fff;cursor:pointer;pointer-events:auto;background-color:#0006;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:relative;top:0;right:0;transform:none}.btn-close:hover{background-color:#ffffff26}.btn-close svg{display:block}.unsupported-media-slide{width:100%;height:100%;color:var(--button-muted);text-align:center;justify-content:center;align-items:center;font-size:1.1rem;display:flex}@media (width<=768px){.photo-slide-container{background-color:var(--bg-bold)}.photo-slide-header{background-color:var(--bg-base);border-bottom:1px solid var(--bg-bold-1);padding:5px 15px;position:relative}.photo-slide-footer{background-color:var(--bg-base);border-top:1px solid var(--bg-bold-1);box-sizing:border-box;pointer-events:auto;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;display:flex;position:relative;bottom:auto;left:auto;transform:none}.photo-slide-date{color:var(--text-muted-2);background-color:#0000;border-radius:0;height:auto;padding:0;font-size:14px;font-weight:400}.btn-go-chat{background-color:var(--bg-bold);color:var(--text-muted);border:none;border-radius:8px;height:auto;padding:6px 12px;font-size:14px;font-weight:500}.btn-go-chat:hover{background-color:var(--bg-bold-1)}.btn-close{color:var(--text-muted);background-color:#0000}.btn-close:hover{background-color:var(--bg-bold)}.swiper-btn{display:none}}.image-placeholder{background-color:var(--bg-bold);box-sizing:border-box;border-radius:4px}.video-slide-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slide-video{outline:none;width:100%;max-height:100%;display:block}.audio-slide-container{width:100%;height:100%;color:var(--blue-base);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.audio-wave-large{background:var(--blue-muted-bold);border-radius:50%;justify-content:center;align-items:center;padding:24px;display:flex}.slide-audio{outline:none;max-width:80%}.modal-overlay[data-v-fb005b25]{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-fb005b25]{background-color:var(--bg-base);border-radius:20px;flex-direction:column;width:90%;max-width:400px;padding:32px;animation:.2s ease-out modalFadeIn-fb005b25;display:flex;box-shadow:0 10px 25px #0003}.modal-title[data-v-fb005b25]{color:var(--text-base);text-align:center;margin:0 0 24px;font-size:1.25rem;font-weight:700}.artist-name[data-v-fb005b25]{color:var(--purple-base);margin-right:2px}.field-group[data-v-fb005b25]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field-group label[data-v-fb005b25]{color:var(--text-muted);font-size:.9rem;font-weight:600}.input-row[data-v-fb005b25]{gap:8px;display:flex}.input-row input[data-v-fb005b25]{border:1px solid var(--bg-bold-2);background-color:var(--bg-base);min-width:0;color:var(--text-base);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.input-row input[data-v-fb005b25]:focus{border-color:var(--purple-base)}.input-row .input-readonly[data-v-fb005b25]{background-color:var(--bg-bold);color:var(--text-muted-2);cursor:not-allowed}.change-btn[data-v-fb005b25]{background-color:var(--purple-base);color:var(--blue-muted-2);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:0 16px;font-weight:600;transition:background-color .2s}.change-btn[data-v-fb005b25]:hover:not(:disabled){background-color:var(--purple-bold)}.change-btn[data-v-fb005b25]:disabled{background-color:var(--bg-bold-2);cursor:not-allowed}.field-desc[data-v-fb005b25]{color:var(--text-muted-2);word-break:keep-all;margin:0;font-size:.8rem}.close-btn[data-v-fb005b25]{background-color:var(--bg-bold);color:var(--button-bold);cursor:pointer;border:none;border-radius:8px;margin-top:12px;padding:12px;font-weight:600;transition:background-color .2s}.close-btn[data-v-fb005b25]:hover{background-color:var(--bg-bold-1)}@keyframes modalFadeIn-fb005b25{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toggle-header[data-v-fb005b25]{justify-content:space-between;align-items:center;display:flex}.switch[data-v-fb005b25]{width:44px;height:24px;display:inline-block;position:relative}.switch input[data-v-fb005b25]{opacity:0;width:0;height:0}.slider[data-v-fb005b25]{cursor:pointer;background-color:var(--button-muted);transition:all .2s;position:absolute;inset:0}.slider[data-v-fb005b25]:before{content:"";background-color:var(--button-muted-2);width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-fb005b25]{background-color:var(--purple-base)}input:focus+.slider[data-v-fb005b25]{box-shadow:0 0 1px var(--purple-base)}input:checked+.slider[data-v-fb005b25]:before{transform:translate(20px)}input:disabled+.slider[data-v-fb005b25]{cursor:not-allowed;background-color:var(--bg-bold-1)}input:disabled:checked+.slider[data-v-fb005b25]{background-color:var(--bg-bold-2)}.slider.round[data-v-fb005b25]{border-radius:24px}.slider.round[data-v-fb005b25]:before{border-radius:50%}.sticker-picker-container[data-v-c89a4788]{z-index:1000;justify-content:center;display:flex;position:absolute;bottom:60px;left:12px;right:12px}.sticker-overlay[data-v-c89a4788]{z-index:-1;background-color:#0000;width:100vw;height:100vh;position:fixed;top:0;left:0}.sticker-picker[data-v-c89a4788]{background:var(--bg-base);border:1px solid var(--bg-bold-1);border-radius:12px;flex-direction:column;width:100%;max-width:360px;height:320px;display:flex;overflow:hidden;box-shadow:0 -4px 20px #0000001a}.sticker-tabs-wrapper[data-v-c89a4788]{width:100%;position:relative}.sticker-tabs-wrapper[data-v-c89a4788]:before,.sticker-tabs-wrapper[data-v-c89a4788]:after{content:"";pointer-events:none;opacity:0;z-index:10;width:32px;transition:opacity .2s;position:absolute;top:0;bottom:0}.sticker-tabs-wrapper[data-v-c89a4788]:before{background:linear-gradient(to right, rgb(from var(--text-base) r g b / .15), transparent);left:0}.sticker-tabs-wrapper.can-scroll-left[data-v-c89a4788]:before{opacity:1}.sticker-tabs-wrapper[data-v-c89a4788]:after{background:linear-gradient(to left, rgb(from var(--text-base) r g b / .15), transparent);right:0}.sticker-tabs-wrapper.can-scroll-right[data-v-c89a4788]:after{opacity:1}.sticker-tabs[data-v-c89a4788]{border-bottom:1px solid var(--bg-bold-1);background:var(--bg-bold-muted);-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;user-select:none;display:flex;overflow-x:auto}.sticker-tabs[data-v-c89a4788]::-webkit-scrollbar{display:none}.sticker-tabs.is-dragging[data-v-c89a4788]{cursor:grabbing}.sticker-tabs[data-v-c89a4788]:not(.is-dragging){cursor:grab}.sticker-tab[data-v-c89a4788]{min-width:60px;color:var(--text-muted-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:.85rem;transition:all .2s}.sticker-tab.active[data-v-c89a4788]{color:var(--text-base);border-bottom:2px solid var(--blue-base);background:var(--bg-base);font-weight:600}.sticker-list[data-v-c89a4788]{background:var(--bg-base);flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:8px;padding:12px;display:grid;overflow-y:auto}.sticker-item[data-v-c89a4788]{cursor:pointer;aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.sticker-item[data-v-c89a4788]:hover{background-color:var(--bg-bold)}.sticker-item img[data-v-c89a4788]{object-fit:contain;width:100%;height:100%}.loading-indicator[data-v-c89a4788],.empty-indicator[data-v-c89a4788]{text-align:center;color:var(--button-base);grid-column:1/-1;padding:20px;font-size:.9rem}.icon-btn[data-v-e637510c]{color:var(--button-bold);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s,transform .1s;display:flex}.icon-btn[data-v-e637510c]:hover{background-color:var(--bg-bold);color:var(--button-bold-2)}.icon-btn[data-v-e637510c]:active{transform:scale(.95)}.date-picker-modal[data-v-e637510c]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.date-picker-content[data-v-e637510c]{background:var(--bg-base);border-radius:12px;flex-direction:column;gap:16px;width:300px;padding:24px;display:flex;box-shadow:0 4px 12px #00000026}.date-picker-content h3[data-v-e637510c]{color:var(--text-base);text-align:center;margin:0;font-size:1.1rem}.native-date-input[data-v-e637510c]{border:1px solid var(--bg-bold-2);box-sizing:border-box;background-color:var(--bg-bold-1);width:100%;color:var(--text-base);border-radius:8px;padding:10px;font-family:inherit;font-size:1rem}.date-picker-actions[data-v-e637510c]{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.date-picker-actions button[data-v-e637510c]{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500}.cancel-btn[data-v-e637510c]{background-color:var(--bg-bold);color:var(--button-bold);transition:background-color .2s}.confirm-btn[data-v-e637510c]{background-color:var(--blue-base);color:var(--blue-muted-2);transition:background-color .2s}.cancel-btn[data-v-e637510c]:hover{background-color:var(--bg-bold-1)}.confirm-btn[data-v-e637510c]:hover{background-color:var(--blue-bold)}.floating-alert-wrapper[data-v-e637510c]{z-index:50;width:100%;height:0;position:relative}.floating-alert[data-v-e637510c]{background-color:rgb(from var(--bg-base) r g b / .7);border:1px solid var(--bg-bold-1);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:24px;align-items:center;gap:8px;max-width:280px;padding:6px 14px 6px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.floating-alert.simple-arrow[data-v-e637510c]{border-radius:50%;padding:8px;left:auto;right:12px;transform:none}.floating-content[data-v-e637510c]{align-items:center;gap:8px;display:flex;overflow:hidden}.preview-profile[data-v-e637510c]{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.preview-msg[data-v-e637510c]{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.return-text[data-v-e637510c]{color:var(--text-muted);padding:2px 4px;font-size:.85rem;font-weight:600}.unread-badge[data-v-e637510c]{background-color:var(--red-base);color:var(--red-muted-2);box-sizing:border-box;z-index:10;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0000001a}.floating-down-btn[data-v-e637510c]{color:var(--button-bold);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.chat-container[data-v-e637510c]{background-color:var(--bg-bold-muted);box-sizing:border-box;border-left:1px solid var(--bg-bold);flex-direction:column;height:100vh;transition:width .2s ease-in-out;display:flex;position:relative}.messages-list[data-v-e637510c]{overflow-anchor:auto;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;padding:16px 16px 0;display:flex;overflow-y:auto}.messages-list[data-v-e637510c]::-webkit-scrollbar{display:none}.message-wrapper[data-v-e637510c]{width:100%;display:flex}.artist-msg-wrapper[data-v-e637510c]{justify-content:flex-start;gap:8px}.profile-col[data-v-e637510c]{flex-shrink:0;width:40px}.sender-profile[data-v-e637510c]{object-fit:cover;border-radius:50%;width:40px;height:40px}.content-col[data-v-e637510c]{flex-direction:column;max-width:400px;display:flex}.my-msg-wrapper .bubble-row[data-v-e637510c]{justify-content:flex-end}:is(.content-col[data-v-e637510c]:has(.message-image),.content-col[data-v-e637510c]:has(.message-video)),.opened-three-item .content-col[data-v-e637510c]{max-width:calc(100% - 50px)}.sender-name[data-v-e637510c]{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;font-weight:700}.bubble-row[data-v-e637510c]{align-items:flex-end;gap:6px;display:flex}.bubble[data-v-e637510c]{word-break:break-word;white-space:pre-wrap;border-radius:16px;padding:10px 14px;font-size:.95rem;line-height:1.4}.bubble-sticker-text[data-v-e637510c]{margin-bottom:12px}.artist-msg-wrapper .bubble[data-v-e637510c]{background-color:var(--artist-bubble-base);color:var(--text-base);border-top-left-radius:4px}.artist-msg-wrapper .bubble.welcome-bubble[data-v-e637510c]{background-color:var(--welcome-bg);color:var(--welcome-text);border:1px solid var(--welcome-border)}.my-msg-wrapper[data-v-e637510c]{justify-content:flex-end}.my-msg-wrapper .bubble-row[data-v-e637510c]{flex-direction:row}.my-msg-wrapper .bubble[data-v-e637510c]{background:linear-gradient(135deg, var(--blue-base), var(--blue-gradient));color:var(--blue-muted-2);border-top-right-radius:4px}[data-theme=dark] .my-msg-wrapper .bubble[data-v-e637510c]{color:#fff}.message-time[data-v-e637510c]{color:var(--text-muted-3);flex-shrink:0;margin-bottom:2px;font-size:.7rem}.input-area[data-v-e637510c]{background-color:var(--bg-base);border-top:1px solid var(--bg-bold);align-items:flex-end;gap:10px;padding:12px 16px;display:flex;position:relative}.sticker-btn[data-v-e637510c]{cursor:pointer;color:var(--button-bold);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.sticker-btn[data-v-e637510c]:hover{background-color:var(--bg-bold);color:var(--button-bold-2)}.floating-sticker-preview[data-v-e637510c]{background:rgb(from var(--bg-base) r g b / .08);z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:9px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:8px;padding:10px 20px;display:flex;position:absolute;bottom:100%;left:16px;box-shadow:0 4px 12px #0000001a}.floating-sticker-preview img[data-v-e637510c]{object-fit:contain;border-radius:2px;max-width:100%;max-height:100%}.remove-sticker-btn[data-v-e637510c]{background-color:var(--button-base);color:var(--button-muted-2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;transition:background-color .2s;display:flex;position:absolute;top:-6px;right:-6px}.remove-sticker-btn[data-v-e637510c]:hover{background-color:var(--button-bold)}.chat-input[data-v-e637510c]{border:1px solid var(--bg-bold-1);background-color:var(--bg-bold-muted);resize:none;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;height:42px;max-height:150px;color:var(--text-base);border-radius:16px;outline:none;flex-grow:1;padding:10px 16px;font-family:inherit;font-size:.95rem;line-height:1.4;transition:border-color .2s,background-color .2s,box-shadow .2s}.chat-input[data-v-e637510c]::-webkit-scrollbar{display:none}.chat-input[data-v-e637510c]:focus{border-color:var(--blue-base);background-color:var(--bg-base);box-shadow:0 0 0 2px rgba(from var(--blue-base) r g b / .1)}.send-button[data-v-e637510c]{background-color:var(--blue-base);color:var(--blue-muted-2);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .2s;display:flex}.send-button[data-v-e637510c]:disabled{cursor:not-allowed;background-color:var(--button-muted);color:var(--button-muted-2);cursor:default}.send-button[data-v-e637510c]:not(:disabled):hover{background-color:var(--blue-bold)}.reply-box[data-v-e637510c]{background-color:var(--artist-bubble-bold);border-left:3px solid var(--artist-bubble-bold-2);color:var(--text-muted-2);box-sizing:border-box;border-radius:4px;max-width:100%;margin-bottom:4px;padding:6px 10px;font-size:.8rem}.reply-box.reply-to-me[data-v-e637510c]{border-left:3px solid var(--red-bold);background-color:#ff2d550f}.reply-label[data-v-e637510c]{color:var(--artist-bubble-bold-2);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.reply-box.reply-to-me .reply-label[data-v-e637510c]{color:var(--red-bold);font-weight:800}.reply-text[data-v-e637510c]{word-break:break-word;white-space:pre-wrap;line-height:1.3}.disconnected-banner[data-v-e637510c]{background-color:var(--red-muted);color:var(--red-base);z-index:10;border-bottom:1px solid var(--red-base);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.chat-header[data-v-e637510c]{background-color:var(--bg-base);border-bottom:1px solid var(--bg-bold);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.close-button[data-v-e637510c]{cursor:pointer;color:var(--button-bold);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.close-button[data-v-e637510c]:hover{background-color:var(--bg-bold);color:var(--button-bold-2)}.header-info[data-v-e637510c]{align-items:center;gap:8px;min-width:0;display:flex}.header-profile[data-v-e637510c]{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.header-name[data-v-e637510c]{color:var(--text-base);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.header-margin[data-v-e637510c]{margin-left:auto}.media-toggle-btn.active[data-v-e637510c]{color:var(--blue-base);background-color:var(--blue-muted)}.media-collection-overlay[data-v-e637510c]{background-color:var(--bg-base);z-index:10;position:absolute;inset:57px 0 0}.content-col.is-deleted-msg>div[data-v-e637510c]:not(.sender-name){opacity:.5;transition:opacity .3s}.deleted-label-inner[data-v-e637510c],.deleted-label-outer[data-v-e637510c]{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:600}.deleted-label-outer[data-v-e637510c]{margin-left:4px}.time-col[data-v-e637510c]{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;display:flex}.my-msg-wrapper .time-col[data-v-e637510c]{align-items:flex-end}.translate-btn[data-v-e637510c],.hide-msg-btn[data-v-e637510c]{color:var(--artist-bubble-bold-2);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.7rem;font-weight:500;line-height:1;text-decoration:none}.translate-btn[data-v-e637510c]:hover,.hide-msg-btn[data-v-e637510c]:hover{color:var(--text-muted-2);text-decoration:underline}.translation-divider[data-v-e637510c]{border-top:1px dashed var(--artist-bubble-bold-2);margin:8px 0 6px}.translation-text[data-v-e637510c]{color:var(--purple-bold-2);word-break:break-all;white-space:pre-wrap;margin-top:6px;font-size:.9em}.unread-divider-container[data-v-e637510c]{overflow-anchor:none;justify-content:center;align-items:center;width:100%;margin:16px 0;display:flex}.floating-date-overlay[data-v-e637510c]{z-index:100;pointer-events:none;opacity:0;justify-content:center;width:100%;transition:opacity .5s;display:flex;position:absolute;top:48px;left:0}.has-banner .floating-date-overlay[data-v-e637510c]{top:81px}.floating-date-overlay.visible[data-v-e637510c]{opacity:1}.floating-date-bubble[data-v-e637510c]{background-color:rgb(from var(--text-base) r g b / .4);color:var(--bg-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;box-shadow:0 2px 6px #00000026}.unread-divider-bubble[data-v-e637510c]{background-color:var(--divider-bubble-muted);color:var(--divider-bubble-base);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000d}.unread-dismiss-btn[data-v-e637510c]{color:var(--divider-bubble-bold);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:2px;transition:background-color .2s,color .2s;display:inline-flex}.unread-dismiss-btn[data-v-e637510c]:hover{background-color:rgb(from var(--text-base) r g b / .08);color:var(--button-bold-2)}.reply-translation-divider[data-v-e637510c]{border-top:1px dashed var(--artist-bubble-bold-2);margin:6px 0 4px}.reply-translation-text[data-v-e637510c]{color:var(--purple-bold-2);word-break:break-all;white-space:pre-wrap;font-size:.75rem;line-height:1.3}.reply-box.reply-to-me .reply-translation-text[data-v-e637510c]{color:var(--red-bold)}.message-image[data-v-e637510c]{background-color:var(--bg-bold);width:280px;max-width:100%;aspect-ratio:var(--media-ratio,1 / 1);cursor:pointer;border-radius:16px;overflow:hidden}.message-sticker[data-v-e637510c]{width:120px;height:120px;overflow:hidden}.message-image img[data-v-e637510c],.message-sticker img[data-v-e637510c]{object-fit:cover;width:100%;display:block}.message-audio[data-v-e637510c]{cursor:pointer;flex-direction:column;align-items:flex-start;width:75px;font-weight:500;transition:background-color .2s;display:inline-flex}.message-audio.playing[data-v-e637510c]{background-color:var(--blue-muted)}.audio-controls[data-v-e637510c]{justify-content:space-between;align-items:center;width:100%;display:flex}.audio-icon[data-v-e637510c]{color:var(--blue-base);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.audio-time[data-v-e637510c]{font-variant-numeric:tabular-nums;font-size:.9rem}.message-video[data-v-e637510c]{background-color:var(--bg-bold);border-radius:16px;width:280px;max-width:100%;position:relative;overflow:hidden}.video-thumbnail-container[data-v-e637510c]{cursor:pointer;width:100%;aspect-ratio:var(--media-ratio,16/9);position:relative}.video-thumbnail[data-v-e637510c]{object-fit:cover;width:100%;height:100%;display:block}.video-play-overlay[data-v-e637510c]{background:rgb(from var(--text-base) r g b / .6);width:48px;height:48px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;padding-left:4px;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player[data-v-e637510c]{outline:none;width:100%;display:block}@media (width<=768px){.bubble[data-v-e637510c]{font-size:.85rem}.sender-name[data-v-e637510c]{font-size:.75rem}.messages-list[data-v-e637510c]{gap:8px;padding:12px 12px 0}.bubble-sticker-text[data-v-e637510c]{margin-bottom:8px}.sender-profile[data-v-e637510c]{width:32px;height:32px}.profile-col[data-v-e637510c]{width:32px}.artist-msg-wrapper[data-v-e637510c]{gap:6px}.message-time[data-v-e637510c],.translate-btn[data-v-e637510c],.hide-msg-btn[data-v-e637510c]{font-size:.65rem}.input-area[data-v-e637510c]{gap:4px}.chat-input[data-v-e637510c]{height:36px;padding:8px 12px;font-size:.85rem}.send-button[data-v-e637510c]{width:36px;height:36px}.chat-container[data-v-e637510c]{border-top:1px solid var(--bg-bold);border-left:none}.chat-header[data-v-e637510c]{pointer-events:none;z-index:100;box-sizing:border-box;background:0 0;border-bottom:none;justify-content:flex-end;gap:8px;padding:10px;position:absolute;top:0;left:0;right:0}.has-banner .chat-header[data-v-e637510c]{top:36px}.header-info[data-v-e637510c],.header-margin[data-v-e637510c]{display:none}.close-button[data-v-e637510c],.nickname-btn[data-v-e637510c],.icon-btn[data-v-e637510c]{pointer-events:auto;background-color:rgb(from var(--bg-base) r g b / .9);border:1px solid var(--bg-bold-1);border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 2px 6px #0000001a}.icon-btn[data-v-e637510c]:hover{background-color:var(--bg-base);color:var(--button-bold-2)}.icon-btn[data-v-e637510c]:active{transform:scale(.95)}.media-toggle-btn.active[data-v-e637510c]{color:var(--blue-base);background-color:var(--blue-muted);border-color:var(--blue-muted-bold)}.media-collection-overlay[data-v-e637510c]{top:0}}.notification-toggle-btn[data-v-748b03a2]{cursor:pointer;color:var(--button-bold);box-sizing:border-box;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:1.1rem;transition:transform .1s,background-color .2s,color .2s;display:flex}.notification-toggle-btn[data-v-748b03a2]:hover{background-color:var(--bg-bold);color:var(--button-bold-2)}.notification-toggle-btn[data-v-748b03a2]:active{transform:scale(.95)}.notification-container[data-v-748b03a2]{position:relative}.notification-modal-overlay[data-v-748b03a2]{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.notification-modal[data-v-748b03a2]{background:var(--bg-base);border-radius:12px;flex-direction:column;width:340px;max-height:80vh;display:flex;box-shadow:0 10px 25px #00000026}.modal-header[data-v-748b03a2]{border-bottom:1px solid var(--bg-bold);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-748b03a2]{color:var(--text-base);margin:0;font-size:1.1rem}.close-btn[data-v-748b03a2]{cursor:pointer;color:var(--button-bold);background:0 0;border:none;border-radius:6px;padding:6px;font-size:1.2rem;transition:background-color .2s,color .2s,transform .1s;display:inline-block}.close-btn[data-v-748b03a2]:hover{color:var(--button-bold-2)}.close-btn[data-v-748b03a2]:active{transform:scale(.95)}.modal-body[data-v-748b03a2]{padding:12px 20px;overflow-y:auto}.setting-item[data-v-748b03a2]{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.master-toggle[data-v-748b03a2]{color:var(--text-base);font-size:1.05rem;font-weight:700}.mobile-notice[data-v-748b03a2]{color:var(--text-muted-2);word-break:keep-all;margin:-4px 0 12px;font-size:.8rem;line-height:1.4}.divider[data-v-748b03a2]{border:0;border-top:1px solid var(--bg-bold);margin:10px 0}.member-list[data-v-748b03a2]{flex-direction:column;display:flex}.member-item[data-v-748b03a2]{padding:8px 0}.member-info[data-v-748b03a2]{align-items:center;gap:12px;display:flex}.member-profile[data-v-748b03a2]{object-fit:cover;border-radius:50%;width:32px;height:32px}.member-name[data-v-748b03a2]{color:var(--text-muted);font-size:.95rem;font-weight:500}.switch[data-v-748b03a2]{width:44px;height:24px;display:inline-block;position:relative}.switch input[data-v-748b03a2]{opacity:0;width:0;height:0}.slider[data-v-748b03a2]{cursor:pointer;background-color:var(--button-muted);transition:all .2s;position:absolute;inset:0}.slider[data-v-748b03a2]:before{content:"";background-color:var(--button-muted-2);width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-748b03a2]{background-color:var(--purple-base)}input:focus+.slider[data-v-748b03a2]{box-shadow:0 0 1px var(--purple-base)}input:checked+.slider[data-v-748b03a2]:before{transform:translate(20px)}input:disabled+.slider[data-v-748b03a2]{cursor:not-allowed;background-color:var(--bg-bold-1)}input:disabled:checked+.slider[data-v-748b03a2]{background-color:var(--bg-bold-2)}.slider.round[data-v-748b03a2]{border-radius:24px}.slider.round[data-v-748b03a2]:before{border-radius:50%}.modal-overlay[data-v-27374f1c]{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-27374f1c]{background-color:var(--bg-base);border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:32px;animation:.2s ease-out modalFadeIn-27374f1c;display:flex;box-shadow:0 10px 25px #0003}.modal-profile-img[data-v-27374f1c]{object-fit:cover;border-radius:50%;width:200px;height:200px;box-shadow:0 4px 10px #0000001a}.modal-nickname[data-v-27374f1c]{color:var(--text-base);font-size:1.5rem;font-weight:700}@keyframes modalFadeIn-27374f1c{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nickname-container[data-v-27374f1c]{justify-content:center;align-items:center;display:flex;position:relative}.refresh-btn-simple[data-v-27374f1c]{color:var(--button-base);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;left:calc(100% + 8px)}.refresh-btn-simple[data-v-27374f1c]:hover:not(:disabled){color:var(--button-bold);background-color:var(--bg-bold)}.refresh-btn-simple[data-v-27374f1c]:disabled{opacity:.5;cursor:not-allowed}.spin[data-v-27374f1c]{animation:1s linear infinite spin-27374f1c}@keyframes spin-27374f1c{to{transform:rotate(360deg)}}.modal-overlay[data-v-4233ac98]{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-4233ac98]{background-color:var(--bg-base);color:var(--text-base);border-radius:16px;width:320px;padding:24px;box-shadow:0 10px 25px #0000001a}.modal-header[data-v-4233ac98]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3[data-v-4233ac98]{margin:0;font-size:1.1rem;font-weight:700}.close-btn[data-v-4233ac98]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.theme-list[data-v-4233ac98]{flex-direction:column;gap:12px;display:flex}.theme-item[data-v-4233ac98]{border:2px solid var(--bg-bold);background-color:var(--bg-base);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.theme-item[data-v-4233ac98]:hover{background-color:var(--bg-bold-muted);border-color:var(--bg-bold-1)}.theme-item.active[data-v-4233ac98]{border-color:var(--blue-base);background-color:var(--bg-bold-muted)}.theme-preview[data-v-4233ac98]{border:1px solid;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.color-swatch[data-v-4233ac98]{border-radius:50%;width:16px;height:16px}.theme-name[data-v-4233ac98]{text-align:left;flex:1;font-size:1rem;font-weight:600}.radio-indicator[data-v-4233ac98]{border:2px solid var(--bg-bold-2);box-sizing:border-box;border-radius:50%;width:20px;height:20px;transition:all .2s;position:relative}.theme-item:hover .radio-indicator[data-v-4233ac98]:not(.selected){border-color:var(--text-muted)}.radio-indicator.selected[data-v-4233ac98]{border-color:var(--blue-base)}.radio-indicator.selected[data-v-4233ac98]:after{content:"";background-color:var(--blue-base);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay[data-v-8c1a219b]{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-8c1a219b]{background-color:var(--bg-base);border-radius:20px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;padding:32px;animation:.2s ease-out modalFadeIn-8c1a219b;display:flex;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-title[data-v-8c1a219b]{color:var(--text-base);text-align:center;margin:0 0 24px;font-size:1.25rem;font-weight:700}.setting-section[data-v-8c1a219b]{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.setting-section.disabled[data-v-8c1a219b]{pointer-events:none}.is-disabled-box[data-v-8c1a219b]{background-color:var(--bg-bold)!important;border:1px solid var(--bg-bold-1)!important}.setting-section.disabled .toggle-wrapper[data-v-8c1a219b]{background-color:var(--bg-bold-1)}.setting-section.disabled .toggle-wrapper.active[data-v-8c1a219b]{background-color:var(--bg-bold-2)}.setting-row[data-v-8c1a219b]{justify-content:space-between;align-items:center;display:flex}.setting-row label[data-v-8c1a219b]{color:var(--text-base);font-size:1rem;font-weight:600}.section-label[data-v-8c1a219b]{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600}.field-desc[data-v-8c1a219b]{color:var(--text-muted-2);margin:0;font-size:.8rem}.toggle-wrapper[data-v-8c1a219b]{background-color:var(--button-muted);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background-color .2s;position:relative}.toggle-wrapper.active[data-v-8c1a219b]{background-color:var(--purple-base)}.toggle-knob[data-v-8c1a219b]{background-color:var(--button-muted-2);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-wrapper.active .toggle-knob[data-v-8c1a219b]{transform:translate(20px)}.language-list[data-v-8c1a219b]{border:1px solid var(--bg-bold-2);background-color:var(--bg-base);border-radius:12px;flex-direction:column;height:300px;transition:background-color .3s,border-color .3s;display:flex;overflow-y:auto}.language-list[data-v-8c1a219b]::-webkit-scrollbar{display:none}.language-item[data-v-8c1a219b]{cursor:pointer;color:var(--text-base);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;transition:background-color .2s;display:flex}.language-item[data-v-8c1a219b]:hover{background-color:var(--bg-muted)}.language-item.selected[data-v-8c1a219b]{color:var(--purple-base);background-color:var(--purple-muted);font-weight:600}.check-icon[data-v-8c1a219b]{color:var(--purple-base)}.list-divider[data-v-8c1a219b]{border-top:1px solid var(--bg-bold-2);margin:4px 16px}.member-list[data-v-8c1a219b]{border:1px solid var(--bg-bold-2);background-color:var(--bg-base);border-radius:12px;flex-direction:column;height:250px;transition:background-color .3s,border-color .3s;display:flex;overflow-y:auto}.member-list[data-v-8c1a219b]::-webkit-scrollbar{display:none}.member-item[data-v-8c1a219b]{padding:12px 16px}.member-info[data-v-8c1a219b]{align-items:center;gap:12px;display:flex}.member-profile[data-v-8c1a219b]{object-fit:cover;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 3px #0000001a}.member-name[data-v-8c1a219b]{color:var(--text-base);font-size:1rem;font-weight:500}.close-btn[data-v-8c1a219b]{background-color:var(--bg-bold);color:var(--text-base);cursor:pointer;border:none;border-radius:8px;margin-top:auto;padding:12px;font-size:1rem;font-weight:600;transition:background-color .2s}.close-btn[data-v-8c1a219b]:hover{background-color:var(--bg-bold-2)}@keyframes modalFadeIn-8c1a219b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.language-list[data-v-8c1a219b]::-webkit-scrollbar{width:6px}.language-list[data-v-8c1a219b]::-webkit-scrollbar-thumb{background-color:var(--bg-bold-2);border-radius:3px}.list-inner[data-v-8c1a219b]{flex-direction:column;width:100%;display:flex}.fade-enter-active[data-v-8c1a219b],.fade-leave-active[data-v-8c1a219b]{transition:opacity .2s}.fade-enter-from[data-v-8c1a219b],.fade-leave-to[data-v-8c1a219b]{opacity:0}.chat-list[data-v-41489a8b]{flex-direction:column;display:flex}.main-layout[data-v-41489a8b]{width:100vw;height:100vh;display:flex;overflow:hidden}.chat-list-container[data-v-41489a8b]{background-color:var(--bg-base);flex-direction:column;flex-shrink:0;height:100%;transition:width .2s ease-in-out;display:flex;overflow:hidden}.chat-list[data-v-41489a8b]{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.chat-list[data-v-41489a8b]::-webkit-scrollbar{display:none}.opened-zero-item>.chat-list-container[data-v-41489a8b],.opened-one-item>.chat-list-container[data-v-41489a8b]{width:30%}.opened-two-item>.chat-list-container[data-v-41489a8b]{width:25%}.opened-three-item>.chat-list-container[data-v-41489a8b]{width:20%}.chat-room-container[data-v-41489a8b]{background-color:var(--bg-bold);flex:1;height:100%;display:grid;overflow:hidden}.opened-zero-item>.chat-room-container[data-v-41489a8b],.opened-one-item>.chat-room-container[data-v-41489a8b]{grid-template-columns:minmax(0,1fr)}.opened-two-item>.chat-room-container[data-v-41489a8b]{grid-template-columns:repeat(2,minmax(0,1fr))}.opened-three-item>.chat-room-container[data-v-41489a8b]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=769px){.chat-list-container.collapsed[data-v-41489a8b]{overflow:hidden;width:72px!important}.chat-list-container.collapsed .sidebar-header-right[data-v-41489a8b],.chat-list-container.collapsed .chat-details[data-v-41489a8b]{display:none}.chat-list-container.collapsed .unread-count.collapsed-only[data-v-41489a8b]{z-index:2;display:flex;position:absolute;top:2px;left:auto;right:2px}.chat-list-container.collapsed .unread-count[data-v-41489a8b]{border:2px solid var(--bg-base);z-index:1;position:absolute;top:40px;left:40px;box-shadow:0 1px 3px #0000001a}.chat-list-container.collapsed .chat-item[data-v-41489a8b]{border-bottom-color:#0000;gap:0;padding:5px 12px}.chat-list-container.collapsed .collapsed-pin-badge[data-v-41489a8b]{display:flex}}.sidebar-header[data-v-41489a8b]{border-bottom:1px solid var(--bg-bold);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.toggle-sidebar-btn[data-v-41489a8b]{cursor:pointer;color:var(--button-bold);box-sizing:border-box;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background-color .2s,color .2s,transform .1s;display:flex}.toggle-sidebar-btn[data-v-41489a8b]:hover{background-color:var(--bg-bold);color:var(--button-bold-2)}.toggle-sidebar-btn[data-v-41489a8b]:active{transform:scale(.95)}.toggle-sidebar-btn span[data-v-41489a8b]{transition:transform .2s;display:inline-block}.collapsed .toggle-sidebar-btn span[data-v-41489a8b]{transform:rotate(180deg)}.sidebar-header-right[data-v-41489a8b]{align-items:center;gap:8px;display:flex}.translation-btn[data-v-41489a8b],.theme-btn[data-v-41489a8b],.logout-btn[data-v-41489a8b]{cursor:pointer;color:var(--button-bold);box-sizing:border-box;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .2s,color .2s;display:flex}.theme-btn[data-v-41489a8b]:hover,.translation-btn[data-v-41489a8b]:hover{background-color:var(--bg-bold);color:var(--button-bold-2)}.logout-btn[data-v-41489a8b]:hover{background-color:var(--red-muted);color:var(--red-base)}.chat-room-container[data-v-41489a8b]>*{min-width:0}.chat-item.active[data-v-41489a8b]{background-color:var(--purple-muted)!important}.chat-item[data-v-41489a8b]:before{content:"";background-color:#0000;width:4px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0}.chat-item.active[data-v-41489a8b]:before{background-color:var(--purple-base)}.no-chat-selected[data-v-41489a8b]{color:#94a3b8;background-color:var(--bg-bold-muted);border-left:1px solid var(--bg-bold);justify-content:center;align-items:center;height:100%;font-size:.95rem;display:flex}.chat-item[data-v-41489a8b]{border-bottom:1px solid var(--bg-bold);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:background-color .15s,padding .2s ease-in-out,gap .2s ease-in-out,border-color .2s ease-in-out,transform .25s ease-in-out;display:flex;position:relative}.chat-item[data-v-41489a8b]:hover{background-color:var(--purple-muted)}.member-profile[data-v-41489a8b]{object-fit:cover;border-radius:50%;flex-shrink:0;width:3em;height:3em;display:block}.chat-details[data-v-41489a8b]{flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex;overflow:hidden}.chat-row[data-v-41489a8b]{justify-content:space-between;align-items:center;width:100%;min-width:0;display:flex}.member-name[data-v-41489a8b]{color:var(--text-base);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.chat-time[data-v-41489a8b]{color:var(--text-muted-3);white-space:nowrap;flex-shrink:0;font-size:.8rem}.last-message[data-v-41489a8b]{color:var(--text-muted-2);white-space:nowrap;text-overflow:ellipsis;margin-right:8px;font-size:.9rem;overflow:hidden}.unread-count[data-v-41489a8b]{background-color:var(--red-bold);color:var(--red-muted-2);box-sizing:border-box;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.75rem;font-weight:700;display:flex}.profile-wrapper[data-v-41489a8b]{flex-shrink:0;display:inline-block;position:relative}.collapsed-pin-badge[data-v-41489a8b]{background:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.75rem;display:none;position:absolute;top:-2px;left:-2px;box-shadow:0 1px 3px #00000026}.unread-count.collapsed-only[data-v-41489a8b]{display:none}.unread-count.expanded-only[data-v-41489a8b]{display:flex}.chat-meta[data-v-41489a8b]{align-items:center;gap:4px;display:flex}.member-name-container[data-v-41489a8b]{align-items:center;gap:4px;min-width:0;display:flex}.pinned-indicator-name[data-v-41489a8b]{flex-shrink:0;align-items:center;font-size:.8rem;display:flex}.chat-pin-button[data-v-41489a8b]{cursor:pointer;color:var(--button-base);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .15s,background-color .15s;display:none}.chat-pin-button.active[data-v-41489a8b]{color:var(--purple-bold);display:flex}.chat-pin-button[data-v-41489a8b]:hover{color:var(--button-bold)}.chat-pin-button.active[data-v-41489a8b]:hover{color:var(--purple-bold-2)}.chat-item:hover .chat-pin-button[data-v-41489a8b]{display:flex}@media (width<=768px){.member-name[data-v-41489a8b]{font-size:.95rem}.last-message[data-v-41489a8b]{font-size:.85rem}.chat-time[data-v-41489a8b]{font-size:.75rem}.main-layout[data-v-41489a8b]{flex-direction:column}.main-layout .chat-list-container[data-v-41489a8b]{width:100%}.opened-some-items .chat-list-container[data-v-41489a8b]{flex-direction:row;align-items:center;height:56px}.opened-some-items .sidebar-header[data-v-41489a8b],.toggle-sidebar-btn[data-v-41489a8b]{display:none}.sidebar-header[data-v-41489a8b]{justify-content:flex-end;padding:6px 12px}.opened-some-items .chat-list[data-v-41489a8b]{scrollbar-width:none;flex-direction:row;align-items:center;width:100%;height:100%;padding:0 16px;display:flex;overflow:auto hidden}.opened-some-items .chat-list-inner[data-v-41489a8b]{flex-direction:row;align-items:center;gap:12px;height:100%;display:flex}.opened-some-items .chat-item[data-v-41489a8b]{border-bottom:none;border-radius:50%;justify-content:center;width:40px;height:40px;padding:0}.opened-some-items .member-profile[data-v-41489a8b]{width:40px;height:40px}.opened-some-items .chat-details[data-v-41489a8b]{display:none}.opened-some-items .unread-count.collapsed-only[data-v-41489a8b]{z-index:2;font-size:.65rem;display:flex;position:absolute;top:-2px;right:-2px}.opened-some-items .collapsed-pin-badge[data-v-41489a8b]{display:flex}.opened-some-items .chat-item.active .member-profile[data-v-41489a8b]{outline:2.5px solid var(--purple-base);outline-offset:1.5px}.chat-room-container[data-v-41489a8b]{flex-direction:column;width:100%;display:flex}.opened-zero-item .chat-room-container[data-v-41489a8b]{display:none}.opened-some-items .chat-room-container[data-v-41489a8b]{height:calc(100vh - 72px)}.chat-room-container[data-v-41489a8b]>*{flex:1;height:auto;min-height:0;display:flex}.chat-item[data-v-41489a8b]:before{display:none}.chat-item[data-v-41489a8b]{transition:background-color .15s}.chat-pin-button[data-v-41489a8b]:not(.active){color:var(--button-muted);display:flex}}@media (width>=769px) and (width<=1024px){.opened-some-items .chat-list-container[data-v-41489a8b]{width:280px}}