.feature-banner[data-v-2df49582]{margin-bottom:1.5rem}.banner-card[data-v-2df49582]{align-items:center;background:var(--bg-primary);border:1px solid var(--header-border);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .2s ease}.banner-card[data-v-2df49582]:hover{border-color:var(--nav-active-text);box-shadow:var(--shadow-sm)}.banner-icon[data-v-2df49582]{align-items:center;background:var(--nav-hover-bg);border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.banner-icon[data-v-2df49582] svg{color:var(--nav-active-text)}.banner-content[data-v-2df49582]{display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0}.banner-title-row[data-v-2df49582]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.banner-title[data-v-2df49582]{color:var(--text-primary);font-size:1rem;font-weight:600}.banner-description[data-v-2df49582]{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.banner-button[data-v-2df49582],.banner-description[data-v-2df49582]{font-size:.875rem;white-space:nowrap}.banner-button[data-v-2df49582]{align-items:center;background:var(--nav-hover-bg);border-radius:8px;color:var(--nav-active-text);display:flex;flex-shrink:0;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease}.banner-button[data-v-2df49582]:hover{background:var(--nav-active-text);color:#fff}.banner-card.theme-live[data-v-2df49582]{border-color:#3b82f6}.banner-card.theme-live[data-v-2df49582]:hover{border-color:#2563eb}.banner-card.theme-live .banner-icon[data-v-2df49582]{background:#3b82f626}.banner-card.theme-live .banner-icon[data-v-2df49582] svg{color:#3b82f6}.banner-card.theme-live .banner-button[data-v-2df49582]{background:#3b82f626;color:#3b82f6}.banner-card.theme-live .banner-button[data-v-2df49582]:hover{background:#3b82f6;color:#fff}.banner-card.theme-feature[data-v-2df49582]{border-color:#10b981}.banner-card.theme-feature[data-v-2df49582]:hover{border-color:#059669}.banner-card.theme-feature .banner-icon[data-v-2df49582]{background:#10b98126}.banner-card.theme-feature .banner-icon[data-v-2df49582] svg{color:#10b981}.banner-card.theme-feature .banner-button[data-v-2df49582]{background:#10b98126;color:#10b981}.banner-card.theme-feature .banner-button[data-v-2df49582]:hover{background:#10b981;color:#fff}.banner-card.theme-archive[data-v-2df49582]{border-color:#9ca3af}.banner-card.theme-archive[data-v-2df49582]:hover{border-color:#6b7280}.banner-card.theme-archive .banner-icon[data-v-2df49582]{background:#6b728026}.banner-card.theme-archive .banner-icon[data-v-2df49582] svg{color:#6b7280}.banner-card.theme-archive .banner-button[data-v-2df49582]{background:#8b5cf626;color:#8b5cf6}.banner-card.theme-archive .banner-button[data-v-2df49582]:hover{background:#8b5cf6;color:#fff}@media(max-width:768px){.banner-card[data-v-2df49582]{flex-wrap:wrap;gap:.75rem;padding:1rem}.banner-content[data-v-2df49582]{flex:1 1 calc(100% - 60px)}.banner-description[data-v-2df49582]{white-space:normal}.banner-button[data-v-2df49582]{justify-content:center;width:100%}}.search-container[data-v-caf27cab]{margin-bottom:1rem}.search-wrapper[data-v-caf27cab]{align-items:center;display:flex;gap:.5rem;margin:0 auto;max-width:700px;position:relative}.search-icon[data-v-caf27cab]{color:var(--text-tertiary);left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input[data-v-caf27cab]{background:var(--bg-primary);border:2px solid var(--header-border);border-radius:12px;color:var(--text-primary);flex:1;font-size:1rem;outline:none;padding:1rem 3.5rem;transition:all .3s ease}.search-input[data-v-caf27cab]::-moz-placeholder{color:var(--text-tertiary)}.search-input[data-v-caf27cab]::placeholder{color:var(--text-tertiary)}.search-input[data-v-caf27cab]:focus{border-color:var(--nav-active-text);box-shadow:0 0 0 3px #4f46e51a}.clear-button[data-v-caf27cab]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-button[data-v-caf27cab]:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.search-button[data-v-caf27cab]{align-items:center;background:var(--nav-active-text);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.search-button[data-v-caf27cab]:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.search-button[data-v-caf27cab]:active{transform:translateY(0)}.search-results-info[data-v-caf27cab]{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-top:.75rem;text-align:center}@media(max-width:768px){.search-wrapper[data-v-caf27cab]{flex-direction:column;gap:.75rem;max-width:100%}.search-input[data-v-caf27cab]{font-size:.95rem;padding:.875rem 3rem;width:100%}.search-button[data-v-caf27cab]{justify-content:center;padding:.875rem 1.25rem;width:100%}}.settings-panel[data-v-4ad7b54f]{margin-bottom:2rem}.settings-toggle[data-v-4ad7b54f]{align-items:center;background:var(--bg-primary);border:1px solid var(--header-border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.settings-toggle[data-v-4ad7b54f]:hover{border-color:var(--nav-active-text);color:var(--text-primary)}.settings-toggle.active[data-v-4ad7b54f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--nav-active-text);color:var(--nav-active-text)}.settings-toggle svg[data-v-4ad7b54f]:first-child{color:inherit}.chevron[data-v-4ad7b54f]{margin-left:auto;transition:transform .2s ease}.chevron.rotated[data-v-4ad7b54f]{transform:rotate(180deg)}.settings-content[data-v-4ad7b54f]{background:var(--bg-primary);border:1px solid var(--nav-active-text);border-radius:0 0 12px 12px;border-top:none;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.setting-group[data-v-4ad7b54f]{align-items:flex-start;display:flex;gap:1rem}.setting-label[data-v-4ad7b54f]{color:var(--text-secondary);flex-shrink:0;font-size:.875rem;font-weight:600;min-width:60px;padding-top:.75rem}.setting-cards[data-v-4ad7b54f]{display:flex;flex:1;flex-wrap:wrap;gap:.75rem}.setting-card[data-v-4ad7b54f]{background:var(--bg-secondary);border:1px solid var(--header-border);border-radius:8px;flex:1;min-width:240px;overflow:hidden;transition:all .2s ease}.setting-card[data-v-4ad7b54f]:hover{border-color:var(--nav-active-text)}.setting-card.disabled[data-v-4ad7b54f]{opacity:.6}.card-header[data-v-4ad7b54f]{background:var(--bg-primary);border-bottom:1px solid var(--header-border);justify-content:space-between;padding:.75rem 1rem}.card-header[data-v-4ad7b54f],.card-title[data-v-4ad7b54f]{align-items:center;display:flex}.card-title[data-v-4ad7b54f]{color:var(--text-primary);font-size:.875rem;font-weight:600;gap:.5rem}.card-title svg[data-v-4ad7b54f]{color:var(--nav-active-text)}.card-body[data-v-4ad7b54f]{display:flex;flex-direction:column;gap:.625rem;padding:.75rem 1rem}.interval-row[data-v-4ad7b54f]{align-items:flex-start;display:flex;gap:.75rem}.slider-container[data-v-4ad7b54f]{flex:1;padding-bottom:20px;position:relative}.slider-container .range-slider[data-v-4ad7b54f]{width:100%}.slider-steps[data-v-4ad7b54f]{display:flex;justify-content:space-between;left:0;padding:0 6px;pointer-events:none;position:absolute;right:0;top:12px}.step-mark[data-v-4ad7b54f]{background:var(--header-border);border-radius:1px;height:8px;opacity:.6;width:2px}.slider-labels[data-v-4ad7b54f]{bottom:0;color:var(--text-tertiary);display:flex;font-size:.625rem;justify-content:space-between;left:0;padding:0 2px;position:absolute;right:0}.interval-value[data-v-4ad7b54f]{background:#4f46e51a;border-radius:6px;color:var(--nav-active-text);flex-shrink:0;font-size:.8125rem;font-weight:700;min-width:52px;padding:.25rem .625rem;text-align:center}.action-row[data-v-4ad7b54f]{gap:.5rem;justify-content:space-between}.action-row[data-v-4ad7b54f],.countdown[data-v-4ad7b54f]{align-items:center;display:flex}.countdown[data-v-4ad7b54f]{color:var(--text-tertiary);font-size:.75rem;gap:.25rem}.countdown svg[data-v-4ad7b54f]{opacity:.7}.refresh-btn[data-v-4ad7b54f]{align-items:center;background:var(--nav-active-text);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.refresh-btn[data-v-4ad7b54f]:hover{opacity:.9;transform:translateY(-1px)}.refresh-btn[data-v-4ad7b54f]:active{transform:translateY(0)}.refresh-btn svg[data-v-4ad7b54f]{transition:transform .3s ease}.refresh-btn:hover svg[data-v-4ad7b54f]{transform:rotate(180deg)}.toggle-switch[data-v-4ad7b54f]{display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.toggle-switch input[data-v-4ad7b54f]{height:0;opacity:0;width:0}.toggle-slider[data-v-4ad7b54f]{background-color:var(--header-border);border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider[data-v-4ad7b54f]:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.3s;width:14px}.toggle-switch input:checked+.toggle-slider[data-v-4ad7b54f]{background:var(--nav-active-text)}.toggle-switch input:checked+.toggle-slider[data-v-4ad7b54f]:before{transform:translate(16px)}.range-slider[data-v-4ad7b54f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--nav-active-text) 0,var(--nav-active-text) var(--progress),var(--header-border) var(--progress),var(--header-border) 100%);border-radius:4px;cursor:pointer;height:8px;outline:none;transition:background .15s ease;width:100%}.range-slider[data-v-4ad7b54f]:hover{background:linear-gradient(to right,var(--nav-active-text) 0,var(--nav-active-text) var(--progress),rgba(79,70,229,.2) var(--progress),rgba(79,70,229,.2) 100%)}.range-slider[data-v-4ad7b54f]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #4f46e566,0 0 0 3px #4f46e51a;cursor:pointer;height:20px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:20px}.range-slider[data-v-4ad7b54f]::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-slider[data-v-4ad7b54f]::-moz-range-thumb{background:var(--nav-active-text);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.hidden-manage-btn[data-v-4ad7b54f]{align-items:center;background:var(--bg-secondary);border:1px solid var(--header-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.hidden-manage-btn[data-v-4ad7b54f]:hover{background:var(--nav-hover-bg);border-color:var(--nav-active-text)}.hidden-manage-btn svg[data-v-4ad7b54f]:first-child{color:var(--text-secondary)}.hidden-manage-btn:hover svg[data-v-4ad7b54f]:first-child{color:var(--nav-active-text)}.hidden-manage-btn span[data-v-4ad7b54f]:first-of-type{flex:1;text-align:left}.badge[data-v-4ad7b54f]{background:#ef444426;border-radius:10px;color:#ef4444;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.arrow[data-v-4ad7b54f]{color:var(--text-tertiary)}.modal-overlay[data-v-4ad7b54f]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:1000}.modal-container[data-v-4ad7b54f]{background:var(--bg-primary);border:1px solid var(--header-border);border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:100%}.modal-header[data-v-4ad7b54f]{border-bottom:1px solid var(--header-border);justify-content:space-between;padding:1rem 1.25rem}.modal-header[data-v-4ad7b54f],.modal-title[data-v-4ad7b54f]{align-items:center;display:flex}.modal-title[data-v-4ad7b54f]{color:var(--text-primary);font-size:1rem;font-weight:600;gap:.5rem;margin:0}.modal-title svg[data-v-4ad7b54f]{color:var(--nav-active-text)}.modal-close[data-v-4ad7b54f]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close[data-v-4ad7b54f]:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.modal-body[data-v-4ad7b54f]{flex:1;overflow-y:auto;padding:1rem 1.25rem}.empty-state[data-v-4ad7b54f]{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1rem;text-align:center}.empty-state svg[data-v-4ad7b54f]{color:var(--text-tertiary);margin-bottom:.5rem}.empty-state p[data-v-4ad7b54f]{color:var(--text-secondary);font-size:.9375rem;font-weight:600;margin:0}.empty-state span[data-v-4ad7b54f]{color:var(--text-tertiary);font-size:.8125rem}.hidden-list[data-v-4ad7b54f]{display:flex;flex-direction:column;gap:.5rem}.hidden-item[data-v-4ad7b54f]{align-items:center;background:var(--bg-secondary);border:1px solid var(--header-border);border-radius:8px;display:flex;justify-content:space-between;padding:.625rem .75rem}.hidden-item-id[data-v-4ad7b54f]{color:var(--text-primary);font-size:.875rem;font-weight:500}.unhide-button[data-v-4ad7b54f]{align-items:center;background:transparent;border:1px solid var(--header-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .625rem;transition:all .2s ease}.unhide-button[data-v-4ad7b54f]:hover{background:linear-gradient(135deg,#4f46e51a,#4f46e50d);border-color:var(--nav-active-text);color:var(--nav-active-text)}.modal-footer[data-v-4ad7b54f]{border-top:1px solid var(--header-border);padding:.75rem 1.25rem}.clear-all-button[data-v-4ad7b54f]{align-items:center;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.clear-all-button[data-v-4ad7b54f]:hover{background:#ef44441a;border-color:#ef4444}.expand-enter-active[data-v-4ad7b54f],.expand-leave-active[data-v-4ad7b54f]{overflow:hidden;transition:all .25s ease}.expand-enter-from[data-v-4ad7b54f],.expand-leave-to[data-v-4ad7b54f]{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.expand-enter-to[data-v-4ad7b54f],.expand-leave-from[data-v-4ad7b54f]{max-height:500px;opacity:1}.modal-enter-active[data-v-4ad7b54f],.modal-leave-active[data-v-4ad7b54f]{transition:opacity .2s ease}.modal-enter-active .modal-container[data-v-4ad7b54f],.modal-leave-active .modal-container[data-v-4ad7b54f]{transition:transform .2s ease}.modal-enter-from[data-v-4ad7b54f],.modal-leave-to[data-v-4ad7b54f]{opacity:0}.modal-enter-from .modal-container[data-v-4ad7b54f],.modal-leave-to .modal-container[data-v-4ad7b54f]{transform:scale(.95)}@media(max-width:768px){.settings-content[data-v-4ad7b54f]{padding:1rem}.setting-group[data-v-4ad7b54f]{flex-direction:column;gap:.5rem}.setting-label[data-v-4ad7b54f]{padding-top:0}.setting-cards[data-v-4ad7b54f]{width:100%}.setting-card[data-v-4ad7b54f]{min-width:100%}.action-row[data-v-4ad7b54f]{flex-wrap:wrap}.modal-container[data-v-4ad7b54f]{max-height:90vh}}.streamer-card[data-v-f9577214]{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-link[data-v-f9577214]{color:inherit;cursor:pointer;display:block;text-decoration:none}.streamer-card[data-v-f9577214]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.streamer-card.is-selected[data-v-f9577214]{box-shadow:0 0 0 3px var(--nav-active-text)}.streamer-card.has-role[data-v-f9577214]{background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,linear-gradient(135deg,#a855f74d,#3b82f64d) border-box;border:2px solid transparent;box-shadow:var(--shadow-sm),0 0 20px #a855f71a;position:relative}.streamer-card.has-role[data-v-f9577214]:hover{border-color:#a855f780;box-shadow:var(--shadow-lg),0 0 30px #a855f733,0 0 60px #3b82f61a;transform:translateY(-6px)}.streamer-card.has-role[data-v-f9577214]:before{background:radial-gradient(circle at top right,rgba(168,85,247,.05),transparent 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.streamer-card.is-offline[data-v-f9577214]{opacity:.85}.streamer-card.is-offline[data-v-f9577214]:hover{opacity:1}.streamer-card.thumbnail-refreshing .card-thumbnail[data-v-f9577214]{animation:thumbnail-flash-f9577214 .5s ease-out}.streamer-card.thumbnail-refreshing .card-thumbnail[data-v-f9577214]:after{align-items:center;animation:overlay-flash-f9577214 .5s ease-out;background:#0000004d;color:#fffc;content:"썸네일 갱신됨";display:flex;font-size:.75rem;font-weight:500;inset:0;justify-content:center;letter-spacing:.02em;pointer-events:none;position:absolute}@keyframes thumbnail-flash-f9577214{0%{filter:brightness(1)}35%{filter:brightness(1.1)}to{filter:brightness(1)}}@keyframes overlay-flash-f9577214{0%{opacity:0}30%{opacity:1}50%{opacity:1}to{opacity:0}}.checkbox-wrapper[data-v-f9577214]{align-items:center;display:flex;flex-direction:column;gap:.25rem;left:.75rem}.checkbox-wrapper[data-v-f9577214],.menu-wrapper[data-v-f9577214]{position:absolute;top:.75rem;z-index:10}.menu-wrapper[data-v-f9577214]{right:.75rem}.menu-button[data-v-f9577214]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:2px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.menu-button[data-v-f9577214]:hover{background:#000000d9;border-color:#ffffff80;transform:scale(1.1)}.menu-dropdown[data-v-f9577214]{background:var(--bg-primary);border:1px solid var(--header-border);border-radius:8px;box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:20}.menu-item[data-v-f9577214]{align-items:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.625rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.menu-item[data-v-f9577214]:hover{background:var(--nav-hover-bg);color:#dc2626}.menu-item svg[data-v-f9577214]{flex-shrink:0}.menu-fade-enter-active[data-v-f9577214],.menu-fade-leave-active[data-v-f9577214]{transition:all .2s ease}.menu-fade-enter-from[data-v-f9577214],.menu-fade-leave-to[data-v-f9577214]{opacity:0;transform:translateY(-10px)}.card-checkbox[data-v-f9577214]{display:none}.checkbox-label[data-v-f9577214]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px}.checkbox-label[data-v-f9577214]:hover{background:#000000e6;border-color:#fff9;box-shadow:0 4px 12px #0006;transform:scale(1.15)}.grid-icon[data-v-f9577214]{opacity:1}.check-icon[data-v-f9577214],.grid-icon[data-v-f9577214]{color:#fff;position:absolute;transition:all .3s ease}.check-icon[data-v-f9577214]{opacity:0;transform:scale(.5)}.card-checkbox:checked+.checkbox-label[data-v-f9577214]{background:var(--nav-active-text);border-color:var(--nav-active-text)}.card-checkbox:checked+.checkbox-label .grid-icon[data-v-f9577214]{opacity:0;transform:scale(.5)}.card-checkbox:checked+.checkbox-label .check-icon[data-v-f9577214]{opacity:1;transform:scale(1)}.checkbox-tooltip[data-v-f9577214]{background:#000000d9;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;opacity:0;padding:.25rem .5rem;pointer-events:none;transition:opacity .2s ease;white-space:nowrap}.checkbox-wrapper:hover .checkbox-tooltip[data-v-f9577214]{opacity:1}.card-thumbnail[data-v-f9577214]{background:var(--nav-hover-bg);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.thumbnail-image[data-v-f9577214]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.streamer-card:hover .thumbnail-image[data-v-f9577214]{transform:scale(1.05)}.card-thumbnail.is-offline[data-v-f9577214]{background:linear-gradient(135deg,var(--nav-hover-bg) 0,var(--bg-secondary) 100%)}.offline-placeholder[data-v-f9577214]{align-items:center;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.offline-profile-image[data-v-f9577214]{border:3px solid hsla(0,0%,100%,.2);border-radius:50%;height:64px;-o-object-fit:cover;object-fit:cover;opacity:.7;transition:all .3s ease;width:64px}.streamer-card:hover .offline-profile-image[data-v-f9577214]{opacity:.9;transform:scale(1.05)}.thumbnail-fallback[data-v-f9577214]{align-items:center;background:linear-gradient(135deg,var(--nav-hover-bg) 0,var(--bg-secondary) 100%);color:var(--text-tertiary);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.offline-profile-fallback[data-v-f9577214]{border:3px solid hsla(0,0%,100%,.2);border-radius:50%;height:64px;opacity:.7;width:64px}.offline-profile-fallback[data-v-f9577214],.profile-fallback[data-v-f9577214]{align-items:center;background:var(--nav-hover-bg);color:var(--text-tertiary);display:flex;justify-content:center}.profile-fallback[data-v-f9577214]{border:2px solid var(--header-border);border-radius:50%;height:40px;width:40px}.offline-badge[data-v-f9577214]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:6px;color:#fffc;display:flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.offline-badge svg[data-v-f9577214]{opacity:.8}.viewer-count[data-v-f9577214]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:6px;bottom:.75rem;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;left:.75rem;padding:.375rem .75rem;position:absolute;z-index:2}.card-content[data-v-f9577214]{padding:1rem}.card-header[data-v-f9577214]{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.profile-wrapper[data-v-f9577214]{flex-shrink:0;height:40px;position:relative;width:40px}.profile-image[data-v-f9577214]{border:2px solid var(--header-border);border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.live-indicator[data-v-f9577214]{animation:pulse-indicator-f9577214 2s cubic-bezier(.4,0,.6,1) infinite;background:#22c55e;border:2px solid var(--bg-primary);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}@keyframes pulse-indicator-f9577214{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 4px #22c55e00}}.header-info[data-v-f9577214]{flex:1;min-width:0}.name-row[data-v-f9577214]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.streamer-name[data-v-f9577214]{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0;transition:color .3s ease}.role-badge[data-v-f9577214]{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:600;line-height:1.2;padding:.125rem .5rem;white-space:nowrap}.role-운영자[data-v-f9577214]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.role-건축가[data-v-f9577214]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d;color:#fff}.stream-title[data-v-f9577214]{color:var(--text-secondary)}.stream-description[data-v-f9577214],.stream-title[data-v-f9577214]{display:-webkit-box;font-size:.85rem;-webkit-line-clamp:2;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.4;transition:color .3s ease}.stream-description[data-v-f9577214]{color:var(--text-tertiary);font-style:italic;padding-right:2rem}.card-tags[data-v-f9577214]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag[data-v-f9577214]{background:var(--nav-hover-bg);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .625rem;transition:all .2s ease}.tag[data-v-f9577214]:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}.is-offline .tag[data-v-f9577214]{opacity:.7}@media(max-width:480px){.card-content[data-v-f9577214]{padding:.875rem}.streamer-name[data-v-f9577214]{font-size:.9rem}.stream-title[data-v-f9577214]{font-size:.8rem}.offline-text[data-v-f9577214]{font-size:.9rem}.offline-icon-wrapper svg[data-v-f9577214]{height:40px;width:40px}.tag[data-v-f9577214]{font-size:.7rem;padding:.2rem .5rem}}.multiview-fab[data-v-17816f99]{bottom:2rem;position:fixed;right:2rem;z-index:999}.multiview-fab-content[data-v-17816f99]{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-primary);border:1px solid var(--header-border);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;gap:1.5rem;padding:1rem 1.25rem;transition:all .3s ease}.multiview-fab-content[data-v-17816f99]:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px)}.multiview-info[data-v-17816f99]{align-items:center;display:flex;gap:1rem}.multiview-avatars[data-v-17816f99]{display:flex;position:relative}.multiview-avatar[data-v-17816f99]{border:3px solid var(--bg-primary);border-radius:50%;height:40px;margin-left:-12px;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease;width:40px}.multiview-avatar[data-v-17816f99]:first-child{margin-left:0}.multiview-avatar-fallback[data-v-17816f99]{background:var(--nav-hover-bg);color:var(--text-tertiary)}.multiview-avatar-fallback[data-v-17816f99],.multiview-avatar-more[data-v-17816f99]{align-items:center;display:flex;justify-content:center}.multiview-avatar-more[data-v-17816f99]{background:var(--nav-active-bg);border:3px solid var(--bg-primary);border-radius:50%;color:var(--nav-active-text);font-size:.75rem;font-weight:700;height:40px;margin-left:-12px;transition:transform .2s ease;width:40px}.multiview-fab-content:hover .multiview-avatar[data-v-17816f99],.multiview-fab-content:hover .multiview-avatar-more[data-v-17816f99]{transform:translate(4px)}.multiview-text[data-v-17816f99]{display:flex;flex-direction:column;gap:.25rem;max-width:200px}.multiview-count[data-v-17816f99]{color:var(--nav-active-text);font-size:.875rem;font-weight:700}.multiview-names[data-v-17816f99]{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiview-actions[data-v-17816f99]{align-items:center;display:flex;gap:.75rem}.multiview-clear-button[data-v-17816f99]{align-items:center;background:var(--nav-hover-bg);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.multiview-clear-button[data-v-17816f99]:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.dark .multiview-clear-button[data-v-17816f99]:hover{background:#7f1d1d;color:#fca5a5}.multiview-clear-button[data-v-17816f99]:active{transform:rotate(90deg) scale(.95)}.multiview-button[data-v-17816f99]{align-items:center;background:var(--accent-gradient);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.625rem;padding:.875rem 1.5rem;transition:all .2s ease;white-space:nowrap}.multiview-button[data-v-17816f99]:hover{box-shadow:0 10px 15px -3px #667eea66;transform:translateY(-2px)}.multiview-button[data-v-17816f99]:active{transform:translateY(0)}.multiview-fade-enter-active[data-v-17816f99],.multiview-fade-leave-active[data-v-17816f99]{transition:all .3s cubic-bezier(.4,0,.2,1)}.multiview-fade-enter-from[data-v-17816f99],.multiview-fade-leave-to[data-v-17816f99]{opacity:0;transform:translateY(20px) scale(.95)}@media(max-width:768px){.multiview-fab[data-v-17816f99]{bottom:1rem;left:1rem;right:1rem}.multiview-fab-content[data-v-17816f99]{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.multiview-info[data-v-17816f99]{justify-content:center}.multiview-text[data-v-17816f99]{max-width:none}.multiview-actions[data-v-17816f99]{width:100%}.multiview-button[data-v-17816f99]{flex:1;justify-content:center}}@media(max-width:480px){.multiview-avatar[data-v-17816f99]{height:36px;margin-left:-10px;width:36px}.multiview-avatar[data-v-17816f99]:first-child{margin-left:0}.multiview-avatar-more[data-v-17816f99]{font-size:.7rem;height:36px;margin-left:-10px;width:36px}.multiview-count[data-v-17816f99]{font-size:.8rem}.multiview-names[data-v-17816f99]{font-size:.75rem}.multiview-button[data-v-17816f99]{font-size:.9rem;padding:.75rem 1.25rem}}