.feature-banner[data-v-15a3ced6]{margin-bottom:1.5rem}.banner-card[data-v-15a3ced6]{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-15a3ced6]:hover{border-color:var(--nav-active-text);box-shadow:var(--shadow-sm)}.banner-icon[data-v-15a3ced6]{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-15a3ced6] svg{color:var(--nav-active-text)}.banner-content[data-v-15a3ced6]{display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0}.banner-title-row[data-v-15a3ced6]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.banner-title[data-v-15a3ced6]{color:var(--text-primary);font-size:1rem;font-weight:600}.banner-description[data-v-15a3ced6]{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.banner-button[data-v-15a3ced6],.banner-description[data-v-15a3ced6]{font-size:.875rem;white-space:nowrap}.banner-button[data-v-15a3ced6]{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-15a3ced6]:hover{background:var(--nav-active-text);color:#fff}.banner-card.theme-live[data-v-15a3ced6]{border-color:#3b82f6}.banner-card.theme-live[data-v-15a3ced6]:hover{border-color:#2563eb}.banner-card.theme-live .banner-icon[data-v-15a3ced6]{background:#3b82f626}.banner-card.theme-live .banner-icon[data-v-15a3ced6] svg{color:#3b82f6}.banner-card.theme-live .banner-button[data-v-15a3ced6]{background:#3b82f626;color:#3b82f6}.banner-card.theme-live .banner-button[data-v-15a3ced6]:hover{background:#3b82f6;color:#fff}.banner-card.theme-feature[data-v-15a3ced6]{border-color:#10b981}.banner-card.theme-feature[data-v-15a3ced6]:hover{border-color:#059669}.banner-card.theme-feature .banner-icon[data-v-15a3ced6]{background:#10b98126}.banner-card.theme-feature .banner-icon[data-v-15a3ced6] svg{color:#10b981}.banner-card.theme-feature .banner-button[data-v-15a3ced6]{background:#10b98126;color:#10b981}.banner-card.theme-feature .banner-button[data-v-15a3ced6]:hover{background:#10b981;color:#fff}.banner-card.theme-archive[data-v-15a3ced6]{border-color:#9ca3af}.banner-card.theme-archive[data-v-15a3ced6]:hover{border-color:#6b7280}.banner-card.theme-archive .banner-icon[data-v-15a3ced6]{background:#6b728026}.banner-card.theme-archive .banner-icon[data-v-15a3ced6] svg{color:#6b7280}.banner-card.theme-archive .banner-button[data-v-15a3ced6]{background:#8b5cf626;color:#8b5cf6}.banner-card.theme-archive .banner-button[data-v-15a3ced6]:hover{background:#8b5cf6;color:#fff}@media(max-width:768px){.banner-card[data-v-15a3ced6]{flex-wrap:wrap;gap:.75rem;padding:1rem}.banner-content[data-v-15a3ced6]{flex:1 1 calc(100% - 60px)}.banner-description[data-v-15a3ced6]{white-space:normal}.banner-button[data-v-15a3ced6]{justify-content:center;width:100%}}.search-container[data-v-b2cc45dd]{margin-bottom:1rem}.search-wrapper[data-v-b2cc45dd]{align-items:center;display:flex;gap:.5rem;margin:0 auto;max-width:700px;position:relative}.search-icon[data-v-b2cc45dd]{color:var(--text-tertiary);left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input[data-v-b2cc45dd]{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-b2cc45dd]::-moz-placeholder{color:var(--text-tertiary)}.search-input[data-v-b2cc45dd]::placeholder{color:var(--text-tertiary)}.search-input[data-v-b2cc45dd]:focus{border-color:var(--nav-active-text);box-shadow:0 0 0 3px #4f46e51a}.clear-button[data-v-b2cc45dd]{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-b2cc45dd]:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.search-button[data-v-b2cc45dd]{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-b2cc45dd]:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.search-button[data-v-b2cc45dd]:active{transform:translateY(0)}.search-results-info[data-v-b2cc45dd]{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-top:.75rem;text-align:center}@media(max-width:768px){.search-wrapper[data-v-b2cc45dd]{flex-direction:column;gap:.75rem;max-width:100%}.search-input[data-v-b2cc45dd]{font-size:.95rem;padding:.875rem 3rem;width:100%}.search-button[data-v-b2cc45dd]{justify-content:center;padding:.875rem 1.25rem;width:100%}}.streamer-card[data-v-d12feb65]{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-d12feb65]{color:inherit;cursor:pointer;display:block;text-decoration:none}.streamer-card[data-v-d12feb65]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.streamer-card.is-selected[data-v-d12feb65]{box-shadow:0 0 0 3px var(--nav-active-text)}.streamer-card.has-role[data-v-d12feb65]{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-d12feb65]: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-d12feb65]: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-d12feb65]{opacity:.85}.streamer-card.is-offline[data-v-d12feb65]:hover{opacity:1}.checkbox-wrapper[data-v-d12feb65]{align-items:center;display:flex;flex-direction:column;gap:.25rem;left:.75rem}.checkbox-wrapper[data-v-d12feb65],.menu-wrapper[data-v-d12feb65]{position:absolute;top:.75rem;z-index:10}.menu-wrapper[data-v-d12feb65]{right:.75rem}.menu-button[data-v-d12feb65]{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-d12feb65]:hover{background:#000000d9;border-color:#ffffff80;transform:scale(1.1)}.menu-dropdown[data-v-d12feb65]{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-d12feb65]{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-d12feb65]:hover{background:var(--nav-hover-bg);color:#dc2626}.menu-item svg[data-v-d12feb65]{flex-shrink:0}.menu-fade-enter-active[data-v-d12feb65],.menu-fade-leave-active[data-v-d12feb65]{transition:all .2s ease}.menu-fade-enter-from[data-v-d12feb65],.menu-fade-leave-to[data-v-d12feb65]{opacity:0;transform:translateY(-10px)}.card-checkbox[data-v-d12feb65]{display:none}.checkbox-label[data-v-d12feb65]{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-d12feb65]:hover{background:#000000e6;border-color:#fff9;box-shadow:0 4px 12px #0006;transform:scale(1.15)}.grid-icon[data-v-d12feb65]{opacity:1}.check-icon[data-v-d12feb65],.grid-icon[data-v-d12feb65]{color:#fff;position:absolute;transition:all .3s ease}.check-icon[data-v-d12feb65]{opacity:0;transform:scale(.5)}.card-checkbox:checked+.checkbox-label[data-v-d12feb65]{background:var(--nav-active-text);border-color:var(--nav-active-text)}.card-checkbox:checked+.checkbox-label .grid-icon[data-v-d12feb65]{opacity:0;transform:scale(.5)}.card-checkbox:checked+.checkbox-label .check-icon[data-v-d12feb65]{opacity:1;transform:scale(1)}.checkbox-tooltip[data-v-d12feb65]{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-d12feb65]{opacity:1}.card-thumbnail[data-v-d12feb65]{background:var(--nav-hover-bg);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.thumbnail-image[data-v-d12feb65]{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-d12feb65]{transform:scale(1.05)}.card-thumbnail.is-offline[data-v-d12feb65]{background:linear-gradient(135deg,var(--nav-hover-bg) 0,var(--bg-secondary) 100%)}.offline-placeholder[data-v-d12feb65]{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-d12feb65]{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-d12feb65]{opacity:.9;transform:scale(1.05)}.offline-badge[data-v-d12feb65]{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-d12feb65]{opacity:.8}.viewer-count[data-v-d12feb65]{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-d12feb65]{padding:1rem}.card-header[data-v-d12feb65]{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.profile-wrapper[data-v-d12feb65]{flex-shrink:0;height:40px;position:relative;width:40px}.profile-image[data-v-d12feb65]{border:2px solid var(--header-border);border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.live-indicator[data-v-d12feb65]{animation:pulse-indicator-d12feb65 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-d12feb65{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 4px #22c55e00}}.header-info[data-v-d12feb65]{flex:1;min-width:0}.name-row[data-v-d12feb65]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.streamer-name[data-v-d12feb65]{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0;transition:color .3s ease}.role-badge[data-v-d12feb65]{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-d12feb65]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.role-건축가[data-v-d12feb65]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d;color:#fff}.stream-title[data-v-d12feb65]{color:var(--text-secondary)}.stream-description[data-v-d12feb65],.stream-title[data-v-d12feb65]{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-d12feb65]{color:var(--text-tertiary);font-style:italic;padding-right:2rem}.card-tags[data-v-d12feb65]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag[data-v-d12feb65]{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-d12feb65]:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}.is-offline .tag[data-v-d12feb65]{opacity:.7}@media(max-width:480px){.card-content[data-v-d12feb65]{padding:.875rem}.streamer-name[data-v-d12feb65]{font-size:.9rem}.stream-title[data-v-d12feb65]{font-size:.8rem}.offline-text[data-v-d12feb65]{font-size:.9rem}.offline-icon-wrapper svg[data-v-d12feb65]{height:40px;width:40px}.tag[data-v-d12feb65]{font-size:.7rem;padding:.2rem .5rem}}.multiview-fab[data-v-e2e732cf]{bottom:2rem;position:fixed;right:2rem;z-index:999}.multiview-fab-content[data-v-e2e732cf]{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-e2e732cf]:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px)}.multiview-info[data-v-e2e732cf]{align-items:center;display:flex;gap:1rem}.multiview-avatars[data-v-e2e732cf]{display:flex;position:relative}.multiview-avatar[data-v-e2e732cf]{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-e2e732cf]:first-child{margin-left:0}.multiview-avatar-more[data-v-e2e732cf]{align-items:center;background:var(--nav-active-bg);border:3px solid var(--bg-primary);border-radius:50%;color:var(--nav-active-text);display:flex;font-size:.75rem;font-weight:700;height:40px;justify-content:center;margin-left:-12px;transition:transform .2s ease;width:40px}.multiview-fab-content:hover .multiview-avatar[data-v-e2e732cf],.multiview-fab-content:hover .multiview-avatar-more[data-v-e2e732cf]{transform:translate(4px)}.multiview-text[data-v-e2e732cf]{display:flex;flex-direction:column;gap:.25rem;max-width:200px}.multiview-count[data-v-e2e732cf]{color:var(--nav-active-text);font-size:.875rem;font-weight:700}.multiview-names[data-v-e2e732cf]{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiview-actions[data-v-e2e732cf]{align-items:center;display:flex;gap:.75rem}.multiview-clear-button[data-v-e2e732cf]{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-e2e732cf]:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.dark .multiview-clear-button[data-v-e2e732cf]:hover{background:#7f1d1d;color:#fca5a5}.multiview-clear-button[data-v-e2e732cf]:active{transform:rotate(90deg) scale(.95)}.multiview-button[data-v-e2e732cf]{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-e2e732cf]:hover{box-shadow:0 10px 15px -3px #667eea66;transform:translateY(-2px)}.multiview-button[data-v-e2e732cf]:active{transform:translateY(0)}.multiview-fade-enter-active[data-v-e2e732cf],.multiview-fade-leave-active[data-v-e2e732cf]{transition:all .3s cubic-bezier(.4,0,.2,1)}.multiview-fade-enter-from[data-v-e2e732cf],.multiview-fade-leave-to[data-v-e2e732cf]{opacity:0;transform:translateY(20px) scale(.95)}@media(max-width:768px){.multiview-fab[data-v-e2e732cf]{bottom:1rem;left:1rem;right:1rem}.multiview-fab-content[data-v-e2e732cf]{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.multiview-info[data-v-e2e732cf]{justify-content:center}.multiview-text[data-v-e2e732cf]{max-width:none}.multiview-actions[data-v-e2e732cf]{width:100%}.multiview-button[data-v-e2e732cf]{flex:1;justify-content:center}}@media(max-width:480px){.multiview-avatar[data-v-e2e732cf]{height:36px;margin-left:-10px;width:36px}.multiview-avatar[data-v-e2e732cf]:first-child{margin-left:0}.multiview-avatar-more[data-v-e2e732cf]{font-size:.7rem;height:36px;margin-left:-10px;width:36px}.multiview-count[data-v-e2e732cf]{font-size:.8rem}.multiview-names[data-v-e2e732cf]{font-size:.75rem}.multiview-button[data-v-e2e732cf]{font-size:.9rem;padding:.75rem 1.25rem}}