*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #fa5500;--together-color: #4a5783;--secondary-color: #4a5783;--background-color: #1e1e1e;--success-color: #27ae60;--dark-bg: #1e1e1e;--card-bg: #2e2e2e;--text-primary: #e5eaee;--text-secondary: #aaaaaa;--border-color: #3e3e3e;--hover-color: #333333;--star-color: #ffa502;--substribe-color: #1e1e1e;--transition: all .3s ease}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-xxl: 32px}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1d1c1d;background-color:var(--background-color);overflow-x:hidden}.main-content{margin-top:80px;min-height:calc(100vh - 80px)}.content-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.video-section{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-title i{color:var(--primary-color)}.see-all-btn{color:var(--primary-color);background:none;border:none;cursor:pointer;font-size:1rem;transition:var(--transition)}.see-all-btn:hover{color:#ff3838}.channel-avatar{width:40px;height:40px;position:relative;flex-shrink:0}.channel-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.video-details{flex:1;min-width:0}.video-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-name{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.video-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary)}.star-rating{display:flex;align-items:center;gap:.125rem}.star-rating i{color:var(--star-color);font-size:.75rem}.rating-score{margin-left:.25rem;font-weight:600;color:var(--text-primary)}.channel-section{margin-bottom:3rem}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.channel-card{background-color:var(--card-bg);border-radius:15px;overflow:hidden;transition:var(--transition)}.channel-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.channel-banner{width:100%;height:100px;overflow:hidden}.channel-banner img{width:100%;height:100%;object-fit:cover}.channel-info{padding:1.5rem;text-align:center;position:relative}.channel-avatar-large{width:80px;height:80px;margin:-40px auto 1rem;border:4px solid var(--card-bg);border-radius:50%;overflow:hidden}.channel-avatar-large img{width:100%;height:100%;object-fit:cover}.channel-name{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.channel-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.4}.channel-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.subscriber-count,.video-count{display:flex;align-items:center;gap:.25rem}.btn-subscribe{background-color:var(--primary-color);margin-right:.5rem;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-subscribe:hover{background-color:#ff3838;transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--dark-bg)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--hover-color)}.logo-image{display:flex;flex-direction:column;align-items:flex-start;width:100px;height:50px;object-fit:cover;background-position:10px 20px}.logo-image:hover,.logo-image.active{cursor:pointer}:root{--primary-color: #fa5500;--secondary-color: #4a5783;--danger-color: #b64f4f;--background-color: #1e1e1e;--card-bg: #2e2e2e;--surface-bg: #252525;--text-primary: #e5eaee;--text-secondary: #aaaaaa;--border-color: #3e3e3e;--hover-color: #333333;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-xs: 12px;--font-sm: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--transition-fast: all .2s ease;--transition-base: all .25s ease;--container-max: 1400px;--topbar-height: 62px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background-color);color:var(--text-primary);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit}.g-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.g-main{min-height:calc(100vh - var(--topbar-height))}.g-topbar{position:sticky;top:0;z-index:20;background:#232323;border-bottom:1px solid var(--border-color)}.g-topbar__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center}.g-page{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-4)}.g-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.g-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.g-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}@media (max-width: 1024px){.g-grid-4,.g-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.g-topbar__inner{grid-template-columns:1fr;gap:var(--space-3)}.g-grid-4,.g-grid-3,.g-grid-2{grid-template-columns:1fr}}.g-brand img{width:98px;display:block}.g-search{display:flex;width:100%;max-width:640px}.g-search__input{flex:1;border:1px solid var(--border-color);border-radius:24px 0 0 24px;background:var(--card-bg);color:var(--text-primary);padding:9px 14px}.g-search__button{border:1px solid var(--border-color);border-left:none;border-radius:0 24px 24px 0;background:var(--hover-color);color:var(--text-primary);padding:0 16px;cursor:pointer;transition:var(--transition-fast)}.g-search__button i{font-size:14px}.g-search__button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.g-auth-buttons{display:flex;gap:var(--space-2)}.g-auth-buttons a{text-decoration:none;color:var(--text-secondary);font-size:var(--font-md);padding:8px 12px;border-radius:18px;transition:var(--transition-fast)}.g-auth-buttons a:hover{color:var(--text-primary);background:var(--hover-color)}.g-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.g-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#373737;color:var(--text-primary);padding:9px 12px;font-size:var(--font-sm);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.g-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.g-btn--primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.g-btn--secondary{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.g-btn--ghost{background:#373737;border-color:var(--border-color);color:var(--text-primary)}.g-btn--danger{background:#b64f4f33;border-color:#b64f4f80;color:#f0baba}.g-btn[disabled],.g-btn[aria-disabled=true]{opacity:.75;pointer-events:none}.g-btn--sm{padding:7px 10px;font-size:var(--font-xs)}.g-btn--md{padding:10px 14px;font-size:var(--font-md)}.g-btn--lg{padding:12px 16px;font-size:var(--font-lg)}.g-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.g-section-header h2,.g-section-header h3{margin:0}.g-sidebar{display:grid;gap:6px;padding:var(--space-4)}.g-sidebar__item{border:none;background:transparent;color:var(--text-secondary);border-radius:8px;padding:10px;text-align:left;text-decoration:none;transition:var(--transition-fast)}.g-sidebar__item:hover,.g-sidebar__item.is-active{color:var(--text-primary);background:var(--hover-color)}.g-sidebar__item.is-danger:hover{background:#b64f4f33;color:#f0baba}.g-video-card{background:#282828;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.g-video-card__thumb{position:relative}.g-video-card__thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.g-video-card__duration{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;border-radius:6px;padding:2px 6px;font-size:var(--font-xs)}.g-video-card__body{padding:12px}.g-video-card__title{margin:0 0 6px;font-size:var(--font-lg)}.g-video-card__meta{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.g-input,.g-textarea,.g-select{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-bg);color:var(--text-primary);padding:8px 11px}.g-input:focus,.g-textarea:focus,.g-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #fa550024}.g-table{width:100%;border-collapse:collapse}.g-table th,.g-table td{border-bottom:1px solid var(--border-color);text-align:left;padding:10px 8px}.g-table th{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600}.g-chip{display:inline-block;border:1px solid #4a4a4a;border-radius:12px;padding:4px 8px;font-size:var(--font-xs);color:#d2d2d2}.g-footer{margin-top:var(--space-6);border-top:1px solid var(--border-color);color:var(--text-secondary)}.g-footer__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-5) var(--space-4);display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 760px){.g-auth-buttons{justify-content:center}.g-section-header{flex-direction:column;align-items:flex-start}}.header[data-v-1b0903f0]{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background-color:var(--background-color);border-bottom:1px solid var(--border-color)}.header-left[data-v-1b0903f0]{display:flex;align-items:center;gap:2.5rem}.logo-image[data-v-1b0903f0]{width:6.123rem;height:4.213rem;margin-top:.7rem}.logo-image[data-v-1b0903f0]:hover,.logo-image.active[data-v-1b0903f0]{cursor:pointer}.nav-left[data-v-1b0903f0]{padding:.5rem 1rem}.nav-menu[data-v-1b0903f0]{display:flex;gap:1.5rem}.nav-item[data-v-1b0903f0]{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:var(--transition);position:relative}.nav-item[data-v-1b0903f0]:hover,.nav-item.router-link-active[data-v-1b0903f0]{color:var(--text-primary);background-color:var(--hover-color)}.header-right[data-v-1b0903f0]{margin-right:1rem}.login-menu[data-v-1b0903f0]{display:flex;gap:1rem}.login-item[data-v-1b0903f0]{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:var(--transition);position:relative}.login-item[data-v-1b0903f0]:hover,.login-item.router-link-active[data-v-1b0903f0]{color:var(--text-primary);background-color:var(--hover-color)}.nav-right[data-v-1b0903f0]{display:flex;align-items:center;position:relative}.profile-wrapper[data-v-1b0903f0]{position:relative}.profile-trigger[data-v-1b0903f0]{cursor:pointer}.profile-img[data-v-1b0903f0]{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color)}.profile-dropdown[data-v-1b0903f0]{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 10px #0000004d;min-width:160px;z-index:1000;padding:.3rem 0}.dropdown-item[data-v-1b0903f0]{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition)}.dropdown-item[data-v-1b0903f0]:hover{background-color:var(--hover-color);color:var(--text-primary)}.footer[data-v-cf33fcf9]{background-color:var(--card-bg);border-top:1px solid var(--border-color);padding:1rem 0;margin-top:10rem}.footer-container[data-v-cf33fcf9]{max-width:1400px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.footer-section h4[data-v-cf33fcf9],.footer-section h5[data-v-cf33fcf9]{color:var(--text-primary);margin-bottom:1rem}.footer-section p[data-v-cf33fcf9]{color:var(--text-secondary);margin-bottom:1rem}.social-links[data-v-cf33fcf9]{display:flex;gap:1rem}.social-links a[data-v-cf33fcf9]{width:40px;height:40px;background-color:var(--hover-color);color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition)}.social-links a[data-v-cf33fcf9]:hover{background-color:var(--primary-color);color:#fff}.footer-section ul[data-v-cf33fcf9]{list-style:none;margin:0;padding:0}.footer-section ul li[data-v-cf33fcf9]{margin-bottom:.5rem}.footer-section ul li a[data-v-cf33fcf9]{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.footer-section ul li a[data-v-cf33fcf9]:hover{color:var(--primary-color)}.footer-bottom[data-v-cf33fcf9]{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:2rem;text-align:center;color:var(--text-secondary)}.main-banner[data-v-c6231e2a]{margin:1rem 0 1.5rem}.banner-frame[data-v-c6231e2a]{border-radius:16px;border:1px solid var(--border-color);overflow:hidden;background:#171717;box-shadow:0 14px 28px #00000040}.banner-image[data-v-c6231e2a]{width:100%;height:11.5rem;display:block;object-fit:cover}.sidebar-item[data-v-ab03bd5b]{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;font-size:var(--font-sm);transition:all .3s ease}.sidebar-item[data-v-ab03bd5b]:hover{color:var(--text-primary);background-color:#ffffff1a}.sidebar-item.active[data-v-ab03bd5b]{color:var(--primary-color);background-color:#ff6b6b1a}.sidebar-item i[data-v-ab03bd5b]{width:1rem;text-align:center}.channel-icon[data-v-ab03bd5b]{width:1.5rem;height:1.5rem;border-radius:50%}.sidebar-section[data-v-7421ae4c]{margin-bottom:var(--spacing-xl)}.sidebar-section h3[data-v-7421ae4c]{color:var(--text-primary);font-size:var(--font-md);font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.sidebar-menu[data-v-7421ae4c]{list-style:none;padding:0;margin:0}.sidebar-menu li[data-v-7421ae4c]{margin-bottom:var(--spacing-xs)}.sidebar[data-v-8b02278d]{margin:0;width:17rem;background-color:var(--background-color);padding:var(--spacing-md);height:calc(100vh - 70px);overflow-y:auto;position:sticky;top:74px}.video-card[data-v-20cd9355]{width:100%;max-width:unset;background-color:var(--card-bg);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-thumbnail[data-v-20cd9355]{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px}.video-thumbnail img[data-v-20cd9355]{width:100%;height:100%;object-fit:cover;display:block}.video-duration[data-v-20cd9355]{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background-color:#000c;color:#fff;padding:2px var(--spacing-xs);border-radius:4px;font-size:var(--font-xs);font-weight:500}.video-info[data-v-20cd9355]{padding:var(--spacing-md);display:flex;gap:var(--spacing-md)}.channel-avatar img[data-v-20cd9355]{width:40px;height:40px;border-radius:50%}.channel-avatar[data-v-20cd9355]{cursor:pointer;transition:transform .2s ease}.channel-avatar[data-v-20cd9355]:hover{transform:scale(1.05)}.video-details[data-v-20cd9355]{flex:1}.video-title[data-v-20cd9355]{color:var(--text-primary);font-size:var(--font-md);font-weight:500;margin-bottom:var(--spacing-xs);line-height:1.4;overflow:hidden}.channel-name[data-v-20cd9355]{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--spacing-xs)}.video-meta[data-v-20cd9355]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-secondary);flex-wrap:wrap}.star-rating[data-v-20cd9355]{display:flex;align-items:center;gap:2px}.star-rating i[data-v-20cd9355]{color:var(--star-color)}.rating-score[data-v-20cd9355]{margin-left:var(--spacing-xs);font-weight:500}.video-overlay[data-v-20cd9355]{position:absolute;inset:0 0 6px;background-color:#00000080;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay[data-v-20cd9355]{opacity:1}.video-overlay__play-btn[data-v-20cd9355],.video-overlay__together-btn[data-v-20cd9355]{background-color:var(--primary-color);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:var(--font-lg);transition:all .3s ease}.video-overlay__together-btn[data-v-20cd9355]{background-color:var(--together-color)}.video-section[data-v-264fdc5a]{margin-bottom:6.558rem}.section-header[data-v-264fdc5a]{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.section-title i[data-v-264fdc5a]{margin-right:8px}.video-grid[data-v-264fdc5a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--spacing-lg)}.see-all-btn[data-v-264fdc5a]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:1rem}.main-view[data-v-50a08c7b]{max-width:1400px;margin:0 auto;padding:0 12px}.main-content[data-v-50a08c7b]{display:flex;margin-top:.2rem;gap:1rem}.video-content[data-v-50a08c7b]{flex:1;min-width:0;padding:1rem .6rem 1rem .2rem}.loading-container[data-v-50a08c7b]{display:flex;justify-content:center;padding:2rem 0;margin-top:2rem}.loading-spinner[data-v-50a08c7b]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.loading-spinner i[data-v-50a08c7b]{font-size:1.5rem;color:var(--primary-color)}.loading-spinner span[data-v-50a08c7b]{font-size:.9rem}.error-container[data-v-50a08c7b]{display:flex;justify-content:center;padding:2rem 0;margin-top:2rem}.error-message[data-v-50a08c7b]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);text-align:center}.error-message i[data-v-50a08c7b]{font-size:1.5rem}.error-message i.fa-exclamation-triangle[data-v-50a08c7b]{color:#e74c3c}.error-message i.fa-search[data-v-50a08c7b]{color:var(--text-secondary)}.retry-btn[data-v-50a08c7b]{padding:.5rem 1rem;background-color:#3a3a3a;color:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;transition:var(--transition)}.retry-btn[data-v-50a08c7b]:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.end-message[data-v-50a08c7b]{display:flex;justify-content:center;padding:2rem 0;margin-top:2rem;color:var(--text-secondary);font-size:.9rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.main-view[data-v-50a08c7b]{padding:0 8px}.main-content[data-v-50a08c7b]{flex-direction:column}.video-content[data-v-50a08c7b]{padding:.4rem}}.modal-backdrop[data-v-240c6dc3]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card[data-v-240c6dc3]{background-color:var(--card-bg);color:var(--text-primary);padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000004d;width:90%;max-width:35rem;text-align:center;transition:all .3s ease}.modal-title[data-v-240c6dc3]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.modal-message[data-v-240c6dc3]{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.modal-button[data-v-240c6dc3]{padding:.8rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem}.auth-page[data-v-9eabeec3]{min-height:100vh;background:#1f1f1f}.auth-main[data-v-9eabeec3]{min-height:calc(100vh - 78px);display:flex;align-items:flex-start;justify-content:center;padding:12px 16px 28px}.login-form-wrapper[data-v-9eabeec3]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:560px;color:var(--text-primary)}.login-header[data-v-9eabeec3]{text-align:center;margin-bottom:1.25rem}.auth-logo[data-v-9eabeec3]{width:72px;margin-bottom:8px}.login-header h1[data-v-9eabeec3]{margin:0 0 8px;font-size:34px;line-height:1.2}.login-header p[data-v-9eabeec3]{margin:10px 0 0;color:var(--text-secondary);font-size:1rem}.login-form-container[data-v-9eabeec3]{width:100%;padding:2.5rem;box-shadow:0 18px 34px #00000040}.form-group[data-v-9eabeec3]{margin-bottom:1.5rem}.form-group label[data-v-9eabeec3]{display:block;color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.login-form-container .g-input[data-v-9eabeec3]{padding:.9rem .95rem}.password-input[data-v-9eabeec3]{position:relative}.toggle-password[data-v-9eabeec3]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:5px;transition:var(--transition)}.toggle-password[data-v-9eabeec3]:hover{color:var(--text-primary);background-color:var(--border-color)}.form-options[data-v-9eabeec3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.remember-me[data-v-9eabeec3]{display:flex;align-items:center;cursor:pointer;color:var(--text-secondary);font-size:.875rem}.remember-me input[type=checkbox][data-v-9eabeec3]{display:none}.checkmark[data-v-9eabeec3]{width:20px;height:20px;background-color:var(--hover-color);border:2px solid var(--border-color);border-radius:4px;margin-right:.5rem;position:relative;transition:var(--transition);display:flex;align-items:center;justify-content:center}.remember-me input:checked+.checkmark[data-v-9eabeec3]{background-color:var(--primary-color);border-color:var(--primary-color)}.remember-me input:checked+.checkmark[data-v-9eabeec3]:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);display:block}.forgot-link[data-v-9eabeec3]{color:var(--primary-color);text-decoration:none;font-size:.875rem;transition:var(--transition)}.forgot-link[data-v-9eabeec3]:hover{color:#ff3838}.btn-login[data-v-9eabeec3]{width:100%;min-height:48px;font-size:1.02rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.divider[data-v-9eabeec3]{position:relative;text-align:center;margin:1rem 0}.divider[data-v-9eabeec3]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.divider span[data-v-9eabeec3]{background-color:var(--card-bg);color:var(--text-secondary);padding:0 1rem;font-size:.875rem}.social-login-container[data-v-9eabeec3]{display:flex;justify-content:center;gap:2rem}.social-icon-btn[data-v-9eabeec3]{width:48px;height:48px;border-radius:50%;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 4px 10px #0003;background-color:#2a2a2a;color:#fff}.social-icon-btn[data-v-9eabeec3]:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0006}.social-icon-btn.kakao[data-v-9eabeec3]{background-color:#fee500;color:#000}.social-icon-btn.naver[data-v-9eabeec3]{background-color:#03c75a;color:#fff;font-weight:700;font-size:1rem}.social-icon-btn.google[data-v-9eabeec3]{background-color:#fff;color:#4285f4;border:1px solid #ddd}.social-icon-btn.apple[data-v-9eabeec3]{background-color:#000;color:#fff}.signup-link[data-v-9eabeec3]{text-align:center;margin-top:.35rem;padding-top:1.5rem}.signup-link p[data-v-9eabeec3]{color:var(--text-secondary);font-size:.875rem}.signup-link a[data-v-9eabeec3]{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.signup-link a[data-v-9eabeec3]:hover{color:#ff3838}@media (max-width: 768px){.auth-main[data-v-9eabeec3]{padding:10px 14px 22px}.login-form-container[data-v-9eabeec3]{padding:1.6rem 1.2rem}}@media (max-width: 480px){.form-options[data-v-9eabeec3]{flex-direction:column;gap:1rem;align-items:flex-start}.social-login-container[data-v-9eabeec3]{gap:1rem}}.logo-image[data-v-bbe4a01e]{width:6.123rem;height:4.213rem;margin-top:.7rem}.signup-container[data-v-bbe4a01e]{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 78px);padding:12px 16px 28px;background-color:var(--background-color)}.signup-form-wrapper[data-v-bbe4a01e]{display:flex;flex-direction:column;width:min(620px,100%);color:var(--text-primary)}.signup-header[data-v-bbe4a01e]{text-align:center;margin-bottom:1rem}.auth-logo[data-v-bbe4a01e]{width:72px;margin-bottom:8px}.signup-header h1[data-v-bbe4a01e]{margin:0 0 8px;font-size:34px;line-height:1.2}.signup-header p[data-v-bbe4a01e]{margin:0;color:var(--text-secondary);font-size:15px}.signup-form[data-v-bbe4a01e]{width:100%;background-color:var(--card-bg);padding:20px 24px 22px;border-radius:14px;border:1px solid var(--border-color);box-shadow:0 14px 28px #00000047;position:relative}.form-group[data-v-bbe4a01e]{margin-bottom:1.5rem}.form-group label[data-v-bbe4a01e]{display:block;color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.form-group input[data-v-bbe4a01e]{width:100%;padding:.85rem .95rem;background-color:var(--hover-color);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:var(--transition);outline:none}.form-group input[data-v-bbe4a01e]:focus{border-color:var(--primary-color);background-color:var(--dark-bg)}.form-group input[data-v-bbe4a01e]::placeholder{color:var(--text-secondary)}.input-with-button[data-v-bbe4a01e]{display:flex;gap:.5rem}.btn-check[data-v-bbe4a01e]{padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;transition:var(--transition);white-space:nowrap}.btn-check[data-v-bbe4a01e]:hover{filter:brightness(1.05)}.toggle-password[data-v-bbe4a01e]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:5px;transition:var(--transition)}.password-input[data-v-bbe4a01e]{position:relative}.toggle-password[data-v-bbe4a01e]:hover{color:var(--text-primary);background-color:var(--border-color)}.password-strength[data-v-bbe4a01e]{margin-top:.5rem}.strength-bar[data-v-bbe4a01e]{height:4px;background-color:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.strength-fill[data-v-bbe4a01e]{height:100%;width:0%;transition:var(--transition);border-radius:2px}.strength-fill.weak[data-v-bbe4a01e]{width:33%;background-color:#e74c3c}.strength-fill.medium[data-v-bbe4a01e]{width:66%;background-color:#f39c12}.strength-fill.strong[data-v-bbe4a01e]{width:100%;background-color:var(--secondary-color)}.strength-text[data-v-bbe4a01e]{font-size:.75rem;color:var(--text-secondary)}.error-message[data-v-bbe4a01e]{color:var(--primary-color);font-size:.875rem;margin-top:.5rem;display:block;transition:var(--transition)}.success-message[data-v-bbe4a01e]{color:var(--success-color);font-size:.875rem;margin-top:.5rem;display:block;opacity:1;transition:var(--transition)}.help-text[data-v-bbe4a01e]{color:var(--text-secondary);font-size:.75rem;margin-top:.25rem;display:block}.terms-box[data-v-bbe4a01e]{border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;background:#262626;display:grid;gap:8px}.terms-box label[data-v-bbe4a01e]{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;line-height:1.35;white-space:nowrap}.terms-box input[type=checkbox][data-v-bbe4a01e]{width:auto;margin:0;flex-shrink:0}.btn-view-terms[data-v-bbe4a01e]{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:15px;font-size:.75rem;cursor:pointer;transition:var(--transition)}.btn-view-terms[data-v-bbe4a01e]:hover{background-color:var(--hover-color);color:var(--text-primary)}.form-navigation[data-v-bbe4a01e]{display:flex;margin-top:2rem}.btn-signup[data-v-bbe4a01e]{flex:1;padding:14px 16px;border:none;border-radius:11px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--secondary-color),#27ae60)}.btn-signup[data-v-bbe4a01e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2ed57366}@media (max-width: 780px){.signup-container[data-v-bbe4a01e]{padding:10px 12px 22px}.signup-form[data-v-bbe4a01e]{padding:18px 14px}.input-with-button[data-v-bbe4a01e]{flex-direction:column}}.star-rating-container[data-v-690056d9]{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;gap:.125rem}.star-rating-container i[data-v-690056d9]{transition:color .2s ease;color:var(--empty-color)}button[data-v-690056d9]{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:10px;font-size:.875rem}button[data-v-690056d9]:hover{background-color:#ff3838;transform:translateY(-1px)}.modal-backdrop[data-v-22e09c6d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.modal-content[data-v-22e09c6d]{background-color:#2c2c2c;color:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 5px 15px #00000080;border:1px solid #444;transform:scale(.95);transition:transform .3s ease}.modal-backdrop:not(.v-enter-from):not(.v-leave-to) .modal-content[data-v-22e09c6d]{transform:scale(1)}.modal-header[data-v-22e09c6d]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:16px;margin-bottom:16px}.modal-header h3[data-v-22e09c6d]{margin:0;font-size:1.4rem;font-weight:600}.close-btn[data-v-22e09c6d]{border:none;background:none;font-size:1.8rem;color:#aaa;cursor:pointer;transition:color .2s ease}.close-btn[data-v-22e09c6d]:hover{color:#fff}.modal-body p[data-v-22e09c6d]{text-align:center;color:#aaa;padding:20px 0}.playlist-list[data-v-22e09c6d]{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto}.playlist-list[data-v-22e09c6d]::-webkit-scrollbar{width:8px}.playlist-list[data-v-22e09c6d]::-webkit-scrollbar-track{background:#2c2c2c}.playlist-list[data-v-22e09c6d]::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.playlist-list[data-v-22e09c6d]::-webkit-scrollbar-thumb:hover{background:#777}.playlist-list li[data-v-22e09c6d]{padding:14px 10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s ease;font-size:1rem}.playlist-list li[data-v-22e09c6d]:hover{background-color:#3a3a3a}.playlist-list li[data-v-22e09c6d]:last-child{border-bottom:none}.createRoomBtn[data-v-66e6b530]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:none;align-items:center;justify-content:center;padding:1rem}.create-room-modal[data-v-66e6b530]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;padding:1rem;box-sizing:border-box;z-index:2000;align-items:center;justify-content:center}.modal-overlay[data-v-66e6b530]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content[data-v-66e6b530]{position:relative;display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;border:2px solid var(--border-color)}.modal-header[data-v-66e6b530]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-66e6b530]{color:var(--text-primary);font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.modal-header h3 i[data-v-66e6b530]{color:var(--primary-color)}.modal-close[data-v-66e6b530]{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:var(--transition)}.modal-close[data-v-66e6b530]:hover{background-color:var(--hover-color);color:var(--text-primary)}.create-room-form[data-v-66e6b530]{padding:2rem;overflow-y:auto}.form-group[data-v-66e6b530]{margin-bottom:2rem}.form-group[data-v-66e6b530]:last-child{margin-bottom:0}.form-group>label[data-v-66e6b530]{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.75rem;font-size:1rem}.form-group input[data-v-66e6b530]:not([type=radio]),.form-group select[data-v-66e6b530]{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:10px;background-color:var(--dark-bg);color:var(--text-primary);font-size:1rem;outline:none;transition:var(--transition)}.form-group input[data-v-66e6b530]:focus,.form-group select[data-v-66e6b530]:focus{border-color:var(--primary-color)}.char-count[data-v-66e6b530]{text-align:right;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.help-text[data-v-66e6b530]{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.4}.radio-group[data-v-66e6b530]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.radio-item[data-v-66e6b530]{position:relative;display:flex;align-items:flex-start;gap:.9rem;cursor:pointer;min-height:112px;padding:1rem 1rem 1rem .95rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05),var(--dark-bg);box-shadow:inset 0 1px #ffffff08;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease}.radio-group .radio-item[data-v-66e6b530]{margin-bottom:0}.radio-item[data-v-66e6b530]:hover{transform:translateY(-1px);border-color:#ff475773;box-shadow:0 12px 24px #0000002e}.radio-item input[type=radio][data-v-66e6b530]{position:absolute;opacity:0;width:0;height:0;padding:0;margin:0;border:0;appearance:none}.radio-mark[data-v-66e6b530]{width:22px;height:22px;margin-top:.1rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;position:relative;flex-shrink:0;background-color:#ffffff08;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.radio-item input[type=radio]:checked+.radio-mark[data-v-66e6b530]{border-color:var(--primary-color);background:radial-gradient(circle at center,#ffffff 0 24%,var(--primary-color) 28% 100%);transform:scale(1.04)}.radio-item input[type=radio]:checked+.radio-mark[data-v-66e6b530]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#fff;border-radius:50%}.radio-item[data-v-66e6b530]:has(input[type=radio]:checked){border-color:#ff4757b3;background:linear-gradient(180deg,#ff47571f,#ff47570d),var(--dark-bg);box-shadow:0 14px 30px #00000038,inset 0 0 0 1px #ff47572e}.radio-content[data-v-66e6b530]{display:flex;flex-direction:column;gap:.35rem}.radio-content strong[data-v-66e6b530]{color:var(--text-primary);font-weight:600;font-size:1rem}.radio-content span[data-v-66e6b530]{color:var(--text-secondary);font-size:.9rem;line-height:1.45}@media (max-width: 640px){.radio-group[data-v-66e6b530]{grid-template-columns:1fr}}.settings-group[data-v-66e6b530]{display:flex;flex-direction:column;gap:1rem}.setting-item[data-v-66e6b530]{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:var(--transition)}.setting-item[data-v-66e6b530]:hover{background-color:var(--hover-color)}.setting-item input[type=checkbox][data-v-66e6b530]{position:absolute;opacity:0;width:0;height:0}.checkmark[data-v-66e6b530]{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;position:relative;flex-shrink:0;transition:var(--transition)}.setting-item input[type=checkbox]:checked+.checkmark[data-v-66e6b530]{border-color:var(--secondary-color);background-color:var(--secondary-color)}.setting-item input[type=checkbox]:checked+.checkmark[data-v-66e6b530]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.modal-footer[data-v-66e6b530]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color)}.btn-cancel[data-v-66e6b530],.btn-create[data-v-66e6b530]{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-cancel[data-v-66e6b530]{background-color:var(--hover-color);color:var(--text-primary)}.btn-cancel[data-v-66e6b530]:hover{background-color:var(--border-color)}.btn-create[data-v-66e6b530]{background:linear-gradient(135deg,var(--primary-color),#ff6b7a);color:#fff;display:flex;align-items:center;gap:.5rem}.btn-create[data-v-66e6b530]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff47574d}@media (max-width: 768px){.create-room-modal[data-v-66e6b530]{padding:.5rem}.modal-content[data-v-66e6b530]{max-height:95vh}.modal-header[data-v-66e6b530],.create-room-form[data-v-66e6b530],.modal-footer[data-v-66e6b530]{padding-left:1.25rem;padding-right:1.25rem}.modal-footer[data-v-66e6b530]{flex-direction:column-reverse}.btn-cancel[data-v-66e6b530],.btn-create[data-v-66e6b530]{width:100%;justify-content:center}}.channel-panel[data-v-a7cfc4d7]{background:#2c2c2c;border:1px solid #404040;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.channel-left[data-v-a7cfc4d7]{display:flex;align-items:center;gap:12px}.channel-avatar[data-v-a7cfc4d7]{width:44px;height:44px;border-radius:50%}.channel-meta[data-v-a7cfc4d7]{display:grid;gap:3px}.channel-meta strong[data-v-a7cfc4d7]{font-size:16px}.channel-meta span[data-v-a7cfc4d7]{font-size:13px;color:var(--text-secondary)}.channel-actions[data-v-a7cfc4d7]{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;overflow-x:auto}.btn[data-v-a7cfc4d7]{border:1px solid var(--border-color);background:#383838;color:var(--text-primary);border-radius:22px;padding:10px 16px;font-size:14px;cursor:pointer;white-space:nowrap}.btn i[data-v-a7cfc4d7]{margin-right:6px}.btn-primary[data-v-a7cfc4d7]{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:700}.rating-inline[data-v-a7cfc4d7]{margin-top:10px;display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px}@media (max-width: 900px){.channel-panel[data-v-a7cfc4d7]{flex-direction:column;align-items:flex-start}.channel-actions[data-v-a7cfc4d7]{width:100%}}.description-box[data-v-04f24ef9]{background:var(--card-bg);border:none;border-radius:15px;padding:20px;line-height:1.6}.meta-rating-box[data-v-04f24ef9]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.description-meta[data-v-04f24ef9]{margin:0;color:var(--text-secondary);font-size:14px}.stars[data-v-04f24ef9]{color:#f5b301;font-size:14px}.stars .active[data-v-04f24ef9]{color:#f5b301}.description-text[data-v-04f24ef9]{margin:0 0 14px;color:#dedede;font-size:15px;line-height:1.75;white-space:pre-line}.tags[data-v-04f24ef9]{display:flex;flex-wrap:wrap;gap:8px}.tags span[data-v-04f24ef9]{background:var(--hover-color);border:1px solid #4a4a4a;color:var(--primary-color);border-radius:15px;padding:5px 11px;font-size:13px}.comments-section[data-v-a933c716]{border:none;border-radius:15px;background:var(--card-bg);padding:22px;display:grid;gap:16px}.comments-head[data-v-a933c716]{display:flex;justify-content:space-between;align-items:center}.comments-head h2[data-v-a933c716]{margin:0;font-size:20px}.comments-head select[data-v-a933c716]{border:1px solid var(--border-color);border-radius:8px;background:#303030;color:var(--text-primary);padding:8px 10px}.comment-write[data-v-a933c716]{display:grid;grid-template-columns:40px 1fr;gap:10px}.comment-avatar[data-v-a933c716]{width:40px;height:40px;border-radius:50%}.comment-input-wrap textarea[data-v-a933c716]{width:100%;min-height:92px;resize:none;border:1px solid var(--border-color);border-radius:10px;background:var(--hover-color);color:var(--text-primary);padding:12px;font-size:14px}.comment-write-actions[data-v-a933c716]{margin-top:8px;display:flex;justify-content:flex-end;gap:8px}.comment-list[data-v-a933c716]{margin:0;padding:0;list-style:none;display:grid;gap:16px}.comment-item[data-v-a933c716]{display:flex;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.comment-item[data-v-a933c716]:last-child{border-bottom:none;padding-bottom:0}.comment-body[data-v-a933c716]{flex:1}.comment-top[data-v-a933c716]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-top span[data-v-a933c716]{color:var(--text-secondary);font-size:12px}.comment-body p[data-v-a933c716]{margin:0;color:#dedede;font-size:14px;line-height:1.6}.comment-actions-row[data-v-a933c716]{margin-top:8px;display:flex;gap:8px}.like-btn[data-v-a933c716],.delete-btn[data-v-a933c716]{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:14px;padding:4px 10px;cursor:pointer;font-size:12px}.like-btn.liked[data-v-a933c716]{color:var(--primary-color);border-color:#fa550080}.load-more[data-v-a933c716]{display:flex;justify-content:center}.video-page-container[data-v-ecc3443e]{width:100%;min-height:100vh;background-color:var(--background-color, #1a1a1a)}.video-player-section[data-v-ecc3443e]{background-color:#000}.video-player-wrapper[data-v-ecc3443e]{width:100%;max-height:75vh;aspect-ratio:16 / 9;background-color:#000;position:relative}.video-player[data-v-ecc3443e]{width:100%;height:100%;object-fit:contain;background:#000;display:block}.audio-hint[data-v-ecc3443e]{position:absolute;right:24px;bottom:96px;padding:12px 18px;border-radius:999px;background:#000000b8;color:#fff;font-size:15px;font-weight:700;line-height:1.3;pointer-events:none}.main-content-area[data-v-ecc3443e]{max-width:1400px;margin:0 auto;padding:32px 16px 72px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px}.content-column[data-v-ecc3443e]{display:grid;gap:22px;padding:0 .5rem 0 3.5rem}.video-title[data-v-ecc3443e]{margin:0;color:var(--text-primary, #fff);font-size:32px;font-weight:600;line-height:1.3}.right-column h3[data-v-ecc3443e]{margin:0 0 14px;font-size:20px}.right-column[data-v-ecc3443e]{display:grid;gap:12px;align-content:start}.recommend-card[data-v-ecc3443e]{display:grid;grid-template-columns:160px 1fr;gap:10px;text-decoration:none;color:var(--text-primary);background:#2c2c2c;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.recommend-card[data-v-ecc3443e]:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000004d}.recommend-card img[data-v-ecc3443e]{width:100%;height:100%;min-height:90px;object-fit:cover}.recommend-empty[data-v-ecc3443e]{padding:18px 16px;border:1px solid var(--border-color);border-radius:12px;background:#2c2c2c;color:var(--text-secondary);font-size:14px}.recommend-card>div[data-v-ecc3443e]{padding:10px 10px 10px 0}.recommend-card strong[data-v-ecc3443e]{display:block;font-size:14px;line-height:1.35;margin-bottom:4px}.recommend-card p[data-v-ecc3443e]{margin:0;color:var(--text-secondary);font-size:12px}@media (max-width: 1200px){.content-column[data-v-ecc3443e]{padding:0}}@media (max-width: 1024px){.main-content-area[data-v-ecc3443e]{grid-template-columns:1fr;gap:20px}}.community-card[data-v-722c59b0]{background:#2a2a2a;border:1px solid var(--border-color);border-radius:12px;padding:14px}.community-top[data-v-722c59b0]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.community-top img[data-v-722c59b0]{width:38px;height:38px;border-radius:50%}.community-top strong[data-v-722c59b0]{font-size:14px}.community-top p[data-v-722c59b0]{margin:2px 0 0;font-size:12px;color:var(--text-secondary)}.community-card h3[data-v-722c59b0]{margin:0 0 8px;font-size:18px}.community-text[data-v-722c59b0]{margin:0;color:#d5d5d5;line-height:1.6}.community-actions-row[data-v-722c59b0]{margin-top:12px;display:flex;align-items:center;gap:8px}.community-actions-row button[data-v-722c59b0]{border:1px solid #4a4a4a;background:#343434;color:var(--text-secondary);border-radius:16px;padding:6px 10px;font-size:12px;cursor:pointer}.community-actions-row a[data-v-722c59b0]{margin-left:auto;color:var(--primary-color);text-decoration:none;font-size:13px}.community-actions-row .g-btn[data-v-722c59b0]:last-child{margin-left:auto}.tab-header[data-v-98173f11]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-header h2[data-v-98173f11]{margin:0;font-size:30px}.community-list[data-v-98173f11]{display:grid;gap:14px}.state-box[data-v-98173f11]{border:1px solid var(--border-color);border-radius:12px;padding:24px;color:var(--text-secondary);text-align:center}.loading-trigger[data-v-98173f11]{height:80px;display:flex;align-items:center;justify-content:center}.loading-more[data-v-98173f11]{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem}.posts-end[data-v-98173f11]{text-align:center;color:#666;font-size:.875rem;padding:1.5rem;border-top:1px solid #444;margin-top:1rem;font-style:italic}.playlist-card-link[data-v-e57d3b84]{text-decoration:none;color:inherit}.playlist-card[data-v-e57d3b84]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;height:100%}.playlist-card[data-v-e57d3b84]:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0000003d;border-color:#fa550073}.playlist-thumbnail[data-v-e57d3b84]{position:relative;aspect-ratio:16 / 9;background-color:#333}.playlist-cover[data-v-e57d3b84]{width:100%;height:100%;object-fit:cover;display:block}.video-count-overlay[data-v-e57d3b84]{position:absolute;bottom:8px;right:8px;background-color:#000000c7;color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:5px}.playlist-info[data-v-e57d3b84]{padding:12px;display:grid;gap:6px}.playlist-title[data-v-e57d3b84]{color:var(--text-primary);font-size:16px;font-weight:600;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta[data-v-e57d3b84]{margin:0;font-size:13px;color:var(--text-secondary)}.playlist-open[data-v-e57d3b84]{margin-top:4px;width:fit-content;border:1px solid var(--border-color);background:#373737;color:var(--text-primary);border-radius:10px;padding:7px 11px;font-size:13px}.tab-header[data-v-d3b03d47]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-header h2[data-v-d3b03d47]{margin:0;font-size:30px}.view-container[data-v-d3b03d47]{width:100%}.playlist-grid[data-v-d3b03d47]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.state-box[data-v-d3b03d47]{border:1px solid var(--border-color);border-radius:12px;padding:24px;color:var(--text-secondary);text-align:center;display:flex;flex-direction:column;gap:6px}@media (max-width: 1080px){.playlist-grid[data-v-d3b03d47]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.playlist-grid[data-v-d3b03d47]{grid-template-columns:1fr}}.channel-header[data-v-521d919c]{max-width:1400px;margin:20px auto 0;padding:0 16px}.channel-banner[data-v-521d919c]{width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid var(--border-color);display:block}.channel-info[data-v-521d919c]{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.profile-section[data-v-521d919c]{display:flex;align-items:center;gap:14px}.channel-profile-img[data-v-521d919c]{width:88px;height:88px;border-radius:50%;border:2px solid #4d4d4d}.channel-details[data-v-521d919c]{display:grid;gap:4px;justify-items:start;text-align:left}.channel-name[data-v-521d919c]{margin:0;font-size:32px;line-height:1.2}.channel-handle[data-v-521d919c]{margin:0;color:var(--text-secondary);font-size:14px}.channel-meta[data-v-521d919c]{display:flex;flex-wrap:wrap;gap:8px 14px;color:silver;font-size:14px}.channel-actions[data-v-521d919c]{display:flex;gap:10px}.subscribe-btn[data-v-521d919c],.message-btn[data-v-521d919c],.manage-btn[data-v-521d919c]{border:1px solid var(--border-color);border-radius:22px;background:#333;color:var(--text-primary);font-size:14px;font-weight:600;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.subscribe-btn[data-v-521d919c]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.subscribe-btn.is-subscribed[data-v-521d919c]{background:#4a5783;border-color:#4a5783}@media (max-width: 860px){.channel-info[data-v-521d919c]{flex-direction:column;align-items:flex-start}}@media (max-width: 560px){.channel-profile-img[data-v-521d919c]{width:74px;height:74px}.channel-name[data-v-521d919c]{font-size:26px}}.channel-nav[data-v-0f39c5e7]{max-width:1400px;margin:18px auto 0;padding:0 16px;border-bottom:1px solid var(--border-color);display:flex;gap:18px}.nav-item[data-v-0f39c5e7]{text-decoration:none;color:var(--text-secondary);padding:14px 2px;border-bottom:2px solid transparent}.nav-item[data-v-0f39c5e7]:hover{color:var(--text-primary)}.nav-item.active[data-v-0f39c5e7],.nav-item.router-link-active[data-v-0f39c5e7]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.channel-content[data-v-6801fc7c]{max-width:1400px;margin:0 auto;padding:24px 16px 64px}.tab-header[data-v-7d44f05b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-header h2[data-v-7d44f05b]{margin:0;font-size:30px}.about-grid[data-v-7d44f05b]{display:grid;gap:14px}.about-card[data-v-7d44f05b]{background:#2a2a2a;border:1px solid var(--border-color);border-radius:12px;padding:16px}.about-card h3[data-v-7d44f05b]{margin:0 0 10px;font-size:20px}.about-card p[data-v-7d44f05b]{margin:0 0 10px;color:#d5d5d5;line-height:1.7}.about-list[data-v-7d44f05b]{list-style:none;padding:0;margin:0;display:grid;gap:8px}.about-list li[data-v-7d44f05b]{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #3f3f3f;padding-bottom:8px}.about-list li[data-v-7d44f05b]:last-child{border-bottom:none;padding-bottom:0}.about-list span[data-v-7d44f05b]{color:var(--text-secondary);font-size:14px}.about-list strong[data-v-7d44f05b]{font-size:14px}.tab-header[data-v-0abe3eb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-header h2[data-v-0abe3eb3]{margin:0;font-size:30px}.sort-wrap[data-v-0abe3eb3]{display:flex;gap:8px}.sort-btn[data-v-0abe3eb3]{border:1px solid var(--border-color);background:#303030;color:var(--text-secondary);border-radius:16px;font-size:13px;padding:7px 12px;cursor:pointer}.sort-btn.active[data-v-0abe3eb3]{color:var(--text-primary);border-color:#5a5a5a}.state-box[data-v-0abe3eb3]{border:1px solid var(--border-color);border-radius:12px;padding:24px;color:var(--text-secondary);text-align:center}.video-grid[data-v-0abe3eb3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.video-card[data-v-0abe3eb3]{background:#282828;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.thumb-wrap[data-v-0abe3eb3]{position:relative;display:block;text-decoration:none;border:none;background:transparent;padding:0;width:100%;cursor:pointer}.thumb-wrap img[data-v-0abe3eb3]{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.duration[data-v-0abe3eb3]{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;font-size:12px;border-radius:6px;padding:2px 6px}.video-body[data-v-0abe3eb3]{padding:11px}.video-body h3[data-v-0abe3eb3]{margin:0 0 6px;font-size:15px;line-height:1.35}.video-body p[data-v-0abe3eb3]{margin:0;color:var(--text-secondary);font-size:13px}@media (max-width: 1080px){.video-grid[data-v-0abe3eb3]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.video-grid[data-v-0abe3eb3]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.video-grid[data-v-0abe3eb3]{grid-template-columns:1fr}}.comment-item[data-v-6bc81b0e]{display:flex;gap:1rem;align-items:flex-start}.comment-avatar-container[data-v-6bc81b0e]{flex-shrink:0}.comment-avatar[data-v-6bc81b0e]{width:32px;height:32px;border-radius:50%}.comment-main[data-v-6bc81b0e]{flex:1}.comment-header[data-v-6bc81b0e]{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author-name[data-v-6bc81b0e]{font-weight:500;color:#fff;font-size:.875rem}.comment-time[data-v-6bc81b0e]{font-size:.75rem;color:#888}.modified-badge[data-v-6bc81b0e]{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#fbbf24;background-color:#fbbf241a;padding:.2rem .5rem;border-radius:12px;border:1px solid rgba(251,191,36,.3)}.modified-badge i[data-v-6bc81b0e]{font-size:.6rem}.comment-content[data-v-6bc81b0e]{color:#fff;line-height:1.5;margin-bottom:.5rem;font-size:.875rem}.comment-modified-info[data-v-6bc81b0e]{font-size:.7rem;color:#888;font-style:italic;margin-bottom:.5rem}.comment-actions-bar[data-v-6bc81b0e]{display:flex;align-items:center;gap:1rem}.comment-action-btn[data-v-6bc81b0e]{color:#888;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:.25rem}.comment-action-btn[data-v-6bc81b0e]:hover{background-color:#ffffff1a;color:#fff}.comment-action-btn i[data-v-6bc81b0e]{font-size:.75rem}.comment-form[data-v-fe38c4e8]{margin-bottom:2rem;padding-bottom:1.5rem}.comment-input-container[data-v-fe38c4e8]{display:flex;gap:1rem;align-items:flex-start}.comment-user-avatar[data-v-fe38c4e8]{width:40px;height:40px;border-radius:50%;flex-shrink:0}.comment-input-wrapper[data-v-fe38c4e8]{flex:1}.comment-input[data-v-fe38c4e8]{width:100%;background:transparent;border:none;border-bottom:1px solid #444;color:#fff;font-size:1rem;font-family:inherit;padding:.5rem 0;resize:none;transition:border-color .2s}.comment-input[data-v-fe38c4e8]:focus{outline:none;border-bottom-color:#3b82f6}.comment-input.focused[data-v-fe38c4e8]{border-bottom-color:#3b82f6}.comment-input[data-v-fe38c4e8]::placeholder{color:#888}.comment-actions[data-v-fe38c4e8]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.comment-cancel-btn[data-v-fe38c4e8]{color:#888;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;transition:background-color .2s}.comment-cancel-btn[data-v-fe38c4e8]:hover{background-color:#ffffff1a}.comment-submit-btn[data-v-fe38c4e8]{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;transition:all .2s}.comment-submit-btn[data-v-fe38c4e8]:disabled{background-color:#444;color:#888;cursor:not-allowed}.comment-submit-btn[data-v-fe38c4e8]:not(:disabled):hover{background-color:#2563eb}.sort-dropdown[data-v-47b7ebf9]{position:relative}.sort-button[data-v-47b7ebf9]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#232020;color:#fff;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.sort-button[data-v-47b7ebf9]:hover{background-color:#2d2a2a}.dropdown-menu[data-v-47b7ebf9]{position:absolute;top:100%;right:0;background-color:#232020;border:1px solid #444;border-radius:6px;overflow:hidden;z-index:100;min-width:120px;margin-top:.25rem}.dropdown-item[data-v-47b7ebf9]{padding:.75rem 1rem;color:#fff;cursor:pointer;transition:background-color .2s}.dropdown-item[data-v-47b7ebf9]:hover{background-color:#2d2a2a}.dropdown-item.active[data-v-47b7ebf9]{background-color:#3b82f6;color:#fff}.comments-section[data-v-11df8f63]{margin-top:2rem}.comments-header[data-v-11df8f63]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.comments-title[data-v-11df8f63]{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.comments-list[data-v-11df8f63]{display:flex;flex-direction:column;gap:1.5rem}.no-comments[data-v-11df8f63]{text-align:center;color:#888;padding:2rem;font-style:italic}.loading-trigger[data-v-11df8f63]{height:80px;display:flex;align-items:center;justify-content:center}.loading-more[data-v-11df8f63]{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem}.loading-more i[data-v-11df8f63]{color:#3b82f6}.comments-end[data-v-11df8f63]{text-align:center;color:#666;font-size:.875rem;padding:1.5rem;border-top:1px solid #444;margin-top:1rem;font-style:italic}.post-detail-container[data-v-b3d39a24]{max-width:800px;margin:0 auto;padding:1rem}.loading[data-v-b3d39a24]{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#fff}.community-post[data-v-b3d39a24]{background-color:#2d2a2a;border-radius:12px;padding:2rem;color:#fff}.post-header[data-v-b3d39a24]{margin-bottom:1.5rem}.post-author[data-v-b3d39a24]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.author-avatar[data-v-b3d39a24]{width:40px;height:40px;border-radius:50%}.author-info[data-v-b3d39a24]{display:flex;flex-direction:column;gap:.25rem}.author-name[data-v-b3d39a24]{font-weight:600;color:#fff}.post-time[data-v-b3d39a24]{font-size:.875rem;color:#888}.post-title[data-v-b3d39a24]{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.post-content[data-v-b3d39a24]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #444}.post-content p[data-v-b3d39a24]{line-height:1.6;color:#fff;margin:0}.studio-top[data-v-18a7e936]{display:grid;gap:12px}.banner-frame[data-v-18a7e936]{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:#141518}.banner-image[data-v-18a7e936]{width:100%;height:190px;object-fit:cover;display:block}.summary-card[data-v-18a7e936]{border:1px solid var(--border-color);border-radius:14px;background:#191b1f;padding:16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.profile-block[data-v-18a7e936]{display:flex;gap:12px;align-items:center}.avatar[data-v-18a7e936]{width:72px;height:72px;border-radius:50%;border:2px solid #555}.identity h1[data-v-18a7e936]{margin:0;font-size:24px}.identity p[data-v-18a7e936]{margin:6px 0 0;color:var(--text-secondary);font-size:13px}.metrics[data-v-18a7e936]{display:flex;gap:10px;flex-wrap:wrap}.metric-item[data-v-18a7e936]{min-width:120px;border:1px solid var(--border-color);border-radius:10px;background:#15171a;padding:10px 12px;display:grid;gap:4px}.metric-label[data-v-18a7e936]{color:var(--text-secondary);font-size:12px}.metric-value[data-v-18a7e936]{font-size:16px}@media (max-width: 920px){.summary-card[data-v-18a7e936]{flex-direction:column;align-items:flex-start}}.studio-sidebar[data-v-27cebd23]{border:1px solid var(--border-color);border-radius:14px;background:#191b1f;padding:10px;display:grid;gap:8px;position:sticky;top:88px}.sidebar-link[data-v-27cebd23]{border-radius:10px;background:#141518;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:600;padding:11px 12px;text-align:left}.sidebar-link.is-active[data-v-27cebd23]{background:#fa550024;border-color:#fa550073;color:#ffb085}.sidebar-link.danger[data-v-27cebd23]{color:#ff9c9c;border-color:#ff787866}.studio-page[data-v-6c669ae7]{max-width:1400px;margin:16px auto 0;padding:0 16px 28px;display:grid;gap:14px}.studio-body[data-v-6c669ae7]{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}.studio-main[data-v-6c669ae7]{min-width:0}@media (max-width: 980px){.studio-body[data-v-6c669ae7]{grid-template-columns:1fr}.studio-nav[data-v-6c669ae7]{position:static}}.modal-overlay[data-v-9c86938c]{position:fixed;inset:0;background:#000000b3;display:grid;place-items:center;z-index:1200}.modal[data-v-9c86938c]{width:min(860px,calc(100% - 24px));border:1px solid var(--border-color);border-radius:12px;background:#1b1d22;overflow:hidden}.modal-header[data-v-9c86938c],.modal-footer[data-v-9c86938c]{padding:14px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-footer[data-v-9c86938c]{border-bottom:none;border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px}.modal-header h3[data-v-9c86938c]{margin:0;font-size:18px}.close-btn[data-v-9c86938c]{border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.modal-body[data-v-9c86938c]{padding:16px}.upload-area[data-v-9c86938c]{border:2px dashed var(--border-color);border-radius:12px;padding:36px 16px;text-align:center;cursor:pointer}.upload-placeholder i[data-v-9c86938c]{font-size:34px;color:#a6a6a6}.upload-placeholder h4[data-v-9c86938c]{margin:10px 0 6px}.upload-placeholder p[data-v-9c86938c]{margin:0 0 12px;color:var(--text-secondary)}.content-grid[data-v-9c86938c]{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:14px}.preview-box[data-v-9c86938c]{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:#111;aspect-ratio:16 / 9}.preview-box video[data-v-9c86938c]{width:100%;height:100%;object-fit:cover}.form-grid[data-v-9c86938c]{display:grid;gap:10px}.form-grid label[data-v-9c86938c]{display:grid;gap:6px;font-size:13px}.form-grid input[data-v-9c86938c],.form-grid textarea[data-v-9c86938c],.form-grid select[data-v-9c86938c]{border:1px solid var(--border-color);border-radius:8px;background:#14161a;color:var(--text-primary);padding:9px 10px;font-size:14px}.checkbox-row[data-v-9c86938c]{display:flex!important;align-items:center;gap:8px;margin-top:2px}.status-text[data-v-9c86938c],.error-text[data-v-9c86938c]{margin:12px 0 0;font-size:13px}.error-text[data-v-9c86938c]{color:#ff9f9f}.btn[data-v-9c86938c]{border:1px solid var(--border-color);background:#36383d;color:var(--text-primary);border-radius:8px;padding:8px 12px;cursor:pointer}.btn-primary[data-v-9c86938c]{background:#fa550033;border-color:#fa55008c;color:#ffc3a1;font-weight:700}.btn[data-v-9c86938c]:disabled{opacity:.5;cursor:not-allowed}.hidden[data-v-9c86938c]{display:none}@media (max-width: 760px){.content-grid[data-v-9c86938c]{grid-template-columns:1fr}}.studio-card[data-v-ec5e49c6]{border:1px solid var(--border-color);border-radius:14px;background:#191b1f;padding:18px}.head-row[data-v-ec5e49c6]{display:flex;justify-content:space-between;align-items:center;gap:10px}.head-row h2[data-v-ec5e49c6]{margin:0;font-size:24px}.subtext[data-v-ec5e49c6]{margin:7px 0 0;color:var(--text-secondary);font-size:14px}.subtext.loading[data-v-ec5e49c6]{color:#b8b8b8}.subtext.error[data-v-ec5e49c6]{color:#ff9f9f}.upload-btn[data-v-ec5e49c6],.edit-btn[data-v-ec5e49c6]{border-radius:10px;font-weight:700}.table-wrap[data-v-ec5e49c6]{margin-top:12px;overflow-x:auto}.video-table[data-v-ec5e49c6]{width:100%;border-collapse:collapse;min-width:760px}.video-table th[data-v-ec5e49c6],.video-table td[data-v-ec5e49c6]{border-bottom:1px solid var(--border-color);padding:12px 10px;font-size:14px;vertical-align:middle}.thumb-cell[data-v-ec5e49c6]{width:128px}.thumbnail[data-v-ec5e49c6]{width:116px;height:66px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.video-table th[data-v-ec5e49c6]{color:var(--text-secondary);text-align:left}.video-table td p[data-v-ec5e49c6]{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.status[data-v-ec5e49c6]{display:inline-block;border:1px solid rgba(32,196,110,.5);border-radius:999px;color:#8be6b9;padding:4px 8px;font-size:12px;font-weight:700}.status.off[data-v-ec5e49c6]{border-color:#ff828280;color:#ffb0b0}.empty-state[data-v-ec5e49c6]{margin-top:14px;border:1px dashed var(--border-color);border-radius:12px;background:#16181c;padding:28px 14px;text-align:center}.empty-state i[data-v-ec5e49c6]{font-size:32px;color:#a8a8a8}.empty-state h3[data-v-ec5e49c6]{margin:12px 0 6px}.empty-state p[data-v-ec5e49c6]{margin:0 0 14px;color:var(--text-secondary)}.studio-card[data-v-52d7da8b]{border:1px solid var(--border-color);border-radius:14px;background:#191b1f;padding:18px}.head-row[data-v-52d7da8b]{display:flex;justify-content:space-between;align-items:center;gap:10px}.head-row h2[data-v-52d7da8b]{margin:0;font-size:24px}.head-actions[data-v-52d7da8b]{display:flex;gap:8px}.sort-select[data-v-52d7da8b],.tools button[data-v-52d7da8b],.edit-box input[data-v-52d7da8b],.edit-box textarea[data-v-52d7da8b],.modal-body input[data-v-52d7da8b],.modal-body textarea[data-v-52d7da8b]{border:1px solid var(--border-color);border-radius:8px;background:#141518;color:var(--text-primary)}.sort-select[data-v-52d7da8b]{padding:8px 10px}.primary-btn[data-v-52d7da8b],.tools button[data-v-52d7da8b],.edit-actions button[data-v-52d7da8b],.modal-footer button[data-v-52d7da8b]{border-radius:8px;padding:8px 12px}.primary-btn[data-v-52d7da8b]{font-weight:700}.tools[data-v-52d7da8b]{display:flex;gap:8px}.tools .danger[data-v-52d7da8b]{color:#ffb0b0}.subtext[data-v-52d7da8b]{margin:10px 0 0;color:var(--text-secondary)}.subtext.error[data-v-52d7da8b]{color:#ff9f9f}.post-list[data-v-52d7da8b]{margin-top:12px;display:grid;gap:10px}.post-card[data-v-52d7da8b]{border:1px solid var(--border-color);border-radius:12px;background:#15171a;padding:12px}.post-head[data-v-52d7da8b]{display:flex;justify-content:space-between;gap:10px}.post-head h4[data-v-52d7da8b]{margin:0;font-size:16px}.post-head p[data-v-52d7da8b]{margin:5px 0 0;color:var(--text-secondary);font-size:12px}.post-body[data-v-52d7da8b]{margin:10px 0 0;color:#d5d5d5;line-height:1.45;white-space:pre-wrap}.edit-box[data-v-52d7da8b]{margin-top:10px;display:grid;gap:8px}.edit-box input[data-v-52d7da8b],.edit-box textarea[data-v-52d7da8b]{padding:9px 10px;font-size:14px}.edit-actions[data-v-52d7da8b]{display:flex;justify-content:flex-end;gap:8px}.empty-state[data-v-52d7da8b]{margin-top:12px;border:1px dashed var(--border-color);border-radius:12px;text-align:center;padding:28px 14px;background:#16181c}.empty-state i[data-v-52d7da8b]{font-size:32px;color:#a8a8a8}.empty-state h3[data-v-52d7da8b]{margin:12px 0 6px}.empty-state p[data-v-52d7da8b]{margin:0 0 14px;color:var(--text-secondary)}.modal-overlay[data-v-52d7da8b]{position:fixed;inset:0;background:#000000b3;display:grid;place-items:center;z-index:1200}.modal[data-v-52d7da8b]{width:min(680px,calc(100% - 24px));border:1px solid var(--border-color);border-radius:12px;background:#1b1d22;overflow:hidden}.modal-header[data-v-52d7da8b],.modal-footer[data-v-52d7da8b]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color)}.modal-footer[data-v-52d7da8b]{border-bottom:none;border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px}.modal-header h3[data-v-52d7da8b]{margin:0}.close-btn[data-v-52d7da8b]{border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.modal-body[data-v-52d7da8b]{padding:16px;display:grid;gap:10px}.modal-body label[data-v-52d7da8b]{display:grid;gap:6px;font-size:13px}.modal-body input[data-v-52d7da8b],.modal-body textarea[data-v-52d7da8b]{padding:9px 10px;font-size:14px}@media (max-width: 760px){.head-row[data-v-52d7da8b]{flex-direction:column;align-items:flex-start}.head-actions[data-v-52d7da8b]{width:100%}.sort-select[data-v-52d7da8b],.primary-btn[data-v-52d7da8b]{flex:1}}.studio-card[data-v-8dfed3da]{border:1px solid var(--border-color);border-radius:14px;background:#191b1f;padding:18px}.head-row[data-v-8dfed3da]{display:flex;justify-content:space-between;align-items:center;gap:10px}.head-row h2[data-v-8dfed3da]{margin:0;font-size:24px}.head-row p[data-v-8dfed3da]{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.subtext[data-v-8dfed3da]{margin:10px 0 0;color:var(--text-secondary)}.subtext.error[data-v-8dfed3da]{color:#ff9f9f}.save-btn[data-v-8dfed3da]{border-radius:10px;font-weight:700;padding:8px 14px}.save-btn[data-v-8dfed3da]:disabled{opacity:.5}.form[data-v-8dfed3da]{margin-top:14px;display:grid;gap:14px}.field[data-v-8dfed3da]{display:grid;gap:8px}.field span[data-v-8dfed3da]{font-size:14px;font-weight:700}textarea[data-v-8dfed3da],input[type=file][data-v-8dfed3da]{border:1px solid var(--border-color);border-radius:10px;background:#141518;color:var(--text-primary);font-size:14px}textarea[data-v-8dfed3da]{padding:12px;resize:vertical}input[type=file][data-v-8dfed3da]{padding:9px}.upload-grid[data-v-8dfed3da]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-box[data-v-8dfed3da]{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:#121418;position:relative}.preview-box img[data-v-8dfed3da]{display:block;width:100%;object-fit:cover}.avatar-box img[data-v-8dfed3da],.banner-box img[data-v-8dfed3da]{height:220px}@media (max-width: 760px){.upload-grid[data-v-8dfed3da]{grid-template-columns:1fr}.head-row[data-v-8dfed3da]{flex-direction:column;align-items:flex-start}}.together-page-wrap[data-v-bf7e2efc]{max-width:1400px;margin:0 auto;padding:24px 16px 56px}.together-header[data-v-bf7e2efc]{text-align:center;margin-bottom:28px;padding-top:8px}.together-header h1[data-v-bf7e2efc]{margin:0 0 10px;font-size:38px;display:flex;align-items:center;justify-content:center;gap:12px}.together-header h1 i[data-v-bf7e2efc]{color:var(--secondary-color);font-size:34px}.together-header p[data-v-bf7e2efc]{margin:0;color:var(--text-secondary);font-size:18px}.together-search[data-v-bf7e2efc]{width:min(980px,100%);margin:0 auto 34px}.together-search[data-v-bf7e2efc] .g-search{width:100%;max-width:none}.together-search[data-v-bf7e2efc] .g-search__input{flex:1;padding:12px 14px;border:2px solid var(--border-color);border-radius:25px 0 0 25px;background:var(--card-bg);color:var(--text-primary);font-size:16px}.together-search[data-v-bf7e2efc] .g-search__button{padding:0 18px;border:2px solid var(--border-color);border-left:none;border-radius:0 25px 25px 0;background:var(--hover-color);color:var(--text-primary);cursor:pointer}.together-search[data-v-bf7e2efc] .g-search__button:hover{background:var(--primary-color);border-color:var(--primary-color)}.room-options[data-v-bf7e2efc]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:34px}.option-card[data-v-bf7e2efc]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:16px}.option-icon[data-v-bf7e2efc]{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px;background:#4a578340}.option-icon i[data-v-bf7e2efc]{color:#b9c5f0;font-size:22px}.option-card h3[data-v-bf7e2efc]{margin:0 0 7px}.option-card p[data-v-bf7e2efc]{margin:0 0 12px;color:var(--text-secondary)}.join-row[data-v-bf7e2efc]{display:grid;grid-template-columns:1fr auto;gap:8px}.join-row input[data-v-bf7e2efc]{border:1px solid var(--border-color);border-radius:10px;background:#252525;color:var(--text-primary);padding:9px 11px}.section-block[data-v-bf7e2efc]{margin-bottom:32px}.section-header[data-v-bf7e2efc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.section-header h2[data-v-bf7e2efc]{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}.section-header h2 i[data-v-bf7e2efc]{color:var(--primary-color)}.my-rooms-list[data-v-bf7e2efc]{display:grid;gap:10px}.my-room-item[data-v-bf7e2efc]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.room-info h4[data-v-bf7e2efc]{margin:0 0 6px;font-size:18px}.room-info p[data-v-bf7e2efc]{margin:0;color:var(--text-secondary);font-size:14px}.room-actions[data-v-bf7e2efc]{display:flex;gap:8px}.rooms-grid[data-v-bf7e2efc]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.room-card[data-v-bf7e2efc]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.room-thumb[data-v-bf7e2efc]{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;display:block;margin-bottom:10px}.room-card h3[data-v-bf7e2efc]{margin:0 0 8px;font-size:18px}.muted[data-v-bf7e2efc]{color:var(--text-secondary);font-size:14px;margin:0 0 10px}.page-head[data-v-bf7e2efc]{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.page-head h1[data-v-bf7e2efc]{margin:0;font-size:32px}.page-head p[data-v-bf7e2efc]{margin:8px 0 0;color:var(--text-secondary)}.card[data-v-bf7e2efc]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.grid[data-v-bf7e2efc]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.row[data-v-bf7e2efc]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-bf7e2efc]{border:1px solid var(--border-color);background:#373737;color:var(--text-primary);border-radius:10px;padding:9px 12px;font-size:13px;text-decoration:none;display:inline-block;cursor:pointer}.btn-primary[data-v-bf7e2efc]{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff;font-weight:700}.layout-room[data-v-bf7e2efc]{display:grid;grid-template-columns:1fr 360px;gap:14px}.player[data-v-bf7e2efc]{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;border:1px solid var(--border-color)}.chat[data-v-bf7e2efc]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:grid;gap:10px}.chat h3[data-v-bf7e2efc]{margin:0}.chat-log[data-v-bf7e2efc]{height:380px;overflow-y:auto;border:1px solid var(--border-color);border-radius:10px;padding:10px;background:#252525}.chat-item[data-v-bf7e2efc]{margin-bottom:8px;font-size:14px}.chat-item strong[data-v-bf7e2efc]{color:#9fb1ff}.chat-input[data-v-bf7e2efc]{width:100%;border:1px solid var(--border-color);border-radius:10px;background:#252525;color:var(--text-primary);padding:10px 12px}@media (max-width: 1200px){.rooms-grid[data-v-bf7e2efc],.grid[data-v-bf7e2efc]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.room-options[data-v-bf7e2efc],.layout-room[data-v-bf7e2efc]{grid-template-columns:1fr}}@media (max-width: 760px){.together-header h1[data-v-bf7e2efc]{font-size:30px;flex-direction:column;gap:8px}.together-header p[data-v-bf7e2efc]{font-size:15px}.section-header[data-v-bf7e2efc],.page-head[data-v-bf7e2efc]{flex-direction:column;align-items:flex-start}.section-header h2[data-v-bf7e2efc]{font-size:22px}.my-room-item[data-v-bf7e2efc]{flex-direction:column;align-items:flex-start}.rooms-grid[data-v-bf7e2efc],.grid[data-v-bf7e2efc],.join-row[data-v-bf7e2efc]{grid-template-columns:1fr}}.empty-copy[data-v-bf7e2efc]{margin:0;padding:16px;border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary)}.together-page-wrap[data-v-3c3db9de]{max-width:1400px;margin:0 auto;padding:24px 16px 56px}.together-header[data-v-3c3db9de]{text-align:center;margin-bottom:28px;padding-top:8px}.together-header h1[data-v-3c3db9de]{margin:0 0 10px;font-size:38px;display:flex;align-items:center;justify-content:center;gap:12px}.together-header h1 i[data-v-3c3db9de]{color:var(--secondary-color);font-size:34px}.together-header p[data-v-3c3db9de]{margin:0;color:var(--text-secondary);font-size:18px}.together-search[data-v-3c3db9de]{width:min(980px,100%);margin:0 auto 34px}.together-search[data-v-3c3db9de] .g-search{width:100%;max-width:none}.together-search[data-v-3c3db9de] .g-search__input{flex:1;padding:12px 14px;border:2px solid var(--border-color);border-radius:25px 0 0 25px;background:var(--card-bg);color:var(--text-primary);font-size:16px}.together-search[data-v-3c3db9de] .g-search__button{padding:0 18px;border:2px solid var(--border-color);border-left:none;border-radius:0 25px 25px 0;background:var(--hover-color);color:var(--text-primary);cursor:pointer}.together-search[data-v-3c3db9de] .g-search__button:hover{background:var(--primary-color);border-color:var(--primary-color)}.room-options[data-v-3c3db9de]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:34px}.option-card[data-v-3c3db9de]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:16px}.option-icon[data-v-3c3db9de]{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px;background:#4a578340}.option-icon i[data-v-3c3db9de]{color:#b9c5f0;font-size:22px}.option-card h3[data-v-3c3db9de]{margin:0 0 7px}.option-card p[data-v-3c3db9de]{margin:0 0 12px;color:var(--text-secondary)}.join-row[data-v-3c3db9de]{display:grid;grid-template-columns:1fr auto;gap:8px}.join-row input[data-v-3c3db9de]{border:1px solid var(--border-color);border-radius:10px;background:#252525;color:var(--text-primary);padding:9px 11px}.section-block[data-v-3c3db9de]{margin-bottom:32px}.section-header[data-v-3c3db9de]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.section-header h2[data-v-3c3db9de]{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}.section-header h2 i[data-v-3c3db9de]{color:var(--primary-color)}.my-rooms-list[data-v-3c3db9de]{display:grid;gap:10px}.my-room-item[data-v-3c3db9de]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.room-info h4[data-v-3c3db9de]{margin:0 0 6px;font-size:18px}.room-info p[data-v-3c3db9de]{margin:0;color:var(--text-secondary);font-size:14px}.room-actions[data-v-3c3db9de]{display:flex;gap:8px}.rooms-grid[data-v-3c3db9de]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.room-card[data-v-3c3db9de]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.room-thumb[data-v-3c3db9de]{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;display:block;margin-bottom:10px}.room-card h3[data-v-3c3db9de]{margin:0 0 8px;font-size:18px}.muted[data-v-3c3db9de]{color:var(--text-secondary);font-size:14px;margin:0 0 10px}.page-head[data-v-3c3db9de]{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.page-head h1[data-v-3c3db9de]{margin:0;font-size:32px}.page-head p[data-v-3c3db9de]{margin:8px 0 0;color:var(--text-secondary)}.card[data-v-3c3db9de]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.grid[data-v-3c3db9de]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.row[data-v-3c3db9de]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-3c3db9de]{border:1px solid var(--border-color);background:#373737;color:var(--text-primary);border-radius:10px;padding:9px 12px;font-size:13px;text-decoration:none;display:inline-block;cursor:pointer}.btn-primary[data-v-3c3db9de]{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff;font-weight:700}.layout-room[data-v-3c3db9de]{display:grid;grid-template-columns:1fr 360px;gap:14px}.player[data-v-3c3db9de]{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;border:1px solid var(--border-color)}.chat[data-v-3c3db9de]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:grid;gap:10px}.chat h3[data-v-3c3db9de]{margin:0}.chat-log[data-v-3c3db9de]{height:380px;overflow-y:auto;border:1px solid var(--border-color);border-radius:10px;padding:10px;background:#252525}.chat-item[data-v-3c3db9de]{margin-bottom:8px;font-size:14px}.chat-item strong[data-v-3c3db9de]{color:#9fb1ff}.chat-input[data-v-3c3db9de]{width:100%;border:1px solid var(--border-color);border-radius:10px;background:#252525;color:var(--text-primary);padding:10px 12px}@media (max-width: 1200px){.rooms-grid[data-v-3c3db9de],.grid[data-v-3c3db9de]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.room-options[data-v-3c3db9de],.layout-room[data-v-3c3db9de]{grid-template-columns:1fr}}@media (max-width: 760px){.together-header h1[data-v-3c3db9de]{font-size:30px;flex-direction:column;gap:8px}.together-header p[data-v-3c3db9de]{font-size:15px}.section-header[data-v-3c3db9de],.page-head[data-v-3c3db9de]{flex-direction:column;align-items:flex-start}.section-header h2[data-v-3c3db9de]{font-size:22px}.my-room-item[data-v-3c3db9de]{flex-direction:column;align-items:flex-start}.rooms-grid[data-v-3c3db9de],.grid[data-v-3c3db9de],.join-row[data-v-3c3db9de]{grid-template-columns:1fr}}.empty-copy[data-v-3c3db9de]{margin:0;padding:16px;border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary)}.video-player[data-v-f02b11b2]{width:100%;height:100%;background-color:#000;border-radius:15px 15px 0 0}.modal-close[data-v-2eae1c74]{width:40px;height:40px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:18px}.modal-close[data-v-2eae1c74]:hover{background:var(--hover-color);color:var(--text-primary)}.participant-item[data-v-88c2b949]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-color);border-radius:12px}.participant-name[data-v-88c2b949]{font-weight:700}.participant-status[data-v-88c2b949]{margin-top:4px;color:var(--text-secondary);font-size:13px}.master-badge[data-v-88c2b949]{color:var(--secondary-color);font-size:13px;font-weight:700}.kick-btn[data-v-88c2b949]{border:none;border-radius:10px;padding:8px 10px;background:#d94b4b;color:#fff;cursor:pointer}.modal-overlay[data-v-9725a136]{position:fixed;inset:0;background:#0000009e;z-index:60;display:grid;place-items:center;padding:20px}.modal-card[data-v-9725a136]{width:min(680px,100%);max-height:85vh;overflow-y:auto;background:var(--card-bg);border-radius:18px;padding:20px}.modal-header[data-v-9725a136]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-title[data-v-9725a136]{margin:0;font-size:22px}.form-group[data-v-9725a136]{margin-bottom:18px}.form-group label[data-v-9725a136]{display:block;margin-bottom:10px;font-weight:700}.input-row[data-v-9725a136]{display:grid;grid-template-columns:1fr auto;gap:10px}.input-row input[data-v-9725a136]{min-width:0;padding:12px 14px;border:1px solid var(--border-color);border-radius:12px;background:var(--dark-bg);color:var(--text-primary)}.btn-create[data-v-9725a136]{border:none;border-radius:12px;padding:0 16px;background:var(--primary-color);color:#fff;cursor:pointer}.participant-list[data-v-9725a136]{display:grid;gap:10px}.setting-btn[data-v-b9c03842]{width:48px;height:48px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:18px}.setting-btn[data-v-b9c03842]:hover{background:var(--hover-color);color:var(--text-primary)}.message[data-v-6a0f97ae]{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.my-message[data-v-6a0f97ae]{align-items:flex-end}.other-message[data-v-6a0f97ae]{align-items:flex-start}.message-meta[data-v-6a0f97ae]{display:flex;gap:8px;align-items:center;font-size:11px;padding:0 3px}.message-author[data-v-6a0f97ae]{font-weight:700}.my-author[data-v-6a0f97ae]{color:#ffae78}.other-author[data-v-6a0f97ae]{color:#9dc0ff}.message-time[data-v-6a0f97ae]{color:var(--text-secondary)}.message-content[data-v-6a0f97ae]{max-width:82%;padding:9px 11px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff0d;line-height:1.4;font-size:13px;word-break:break-word;box-shadow:0 10px 24px #00000024}.my-message .message-content[data-v-6a0f97ae]{border-color:#fa550038;background:linear-gradient(135deg,#fa550038,#fa550014);border-bottom-right-radius:6px}.other-message .message-content[data-v-6a0f97ae]{border-bottom-left-radius:6px}.system-message[data-v-6a0f97ae]{width:fit-content;margin:14px auto;padding:8px 12px;border-radius:999px;background:#ffffff0d;color:var(--text-secondary);font-size:12px;text-align:center}.chat-shell[data-v-9cb5733d]{min-width:0;height:100%}.chat-backdrop[data-v-9cb5733d]{display:none}.chat-sidebar[data-v-9cb5733d]{position:sticky;top:84px;width:100%;height:min(76vh,860px);background:linear-gradient(180deg,#2e2e2efa,#1e1e1efa),radial-gradient(circle at top,rgba(250,85,0,.14),transparent 30%);border:1px solid rgba(255,255,255,.06);border-radius:22px;display:grid;grid-template-rows:auto 1fr auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 52px #00000047;overflow:hidden}.chat-header[data-v-9cb5733d]{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.chat-heading[data-v-9cb5733d]{display:flex;flex-direction:column;gap:4px}.chat-title[data-v-9cb5733d]{font-size:24px;font-weight:700}.online-count[data-v-9cb5733d]{color:var(--text-secondary);font-size:14px}.chat-actions[data-v-9cb5733d]{display:flex;align-items:center;gap:6px}.header-icon-btn[data-v-9cb5733d]{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-messages[data-v-9cb5733d]{overflow-y:auto;padding:18px 16px 24px}.chat-empty[data-v-9cb5733d]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:32px 20px;text-align:center;color:var(--text-secondary)}.chat-empty i[data-v-9cb5733d]{margin-bottom:14px;font-size:34px;color:#fa5500b3}.chat-empty strong[data-v-9cb5733d]{margin-bottom:8px;color:var(--text-primary);font-size:18px}.chat-empty p[data-v-9cb5733d]{margin:0 0 18px;line-height:1.55}.quick-actions[data-v-9cb5733d]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quick-btn[data-v-9cb5733d]{min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:var(--text-primary);cursor:pointer}.chat-input-container[data-v-9cb5733d]{padding:16px 18px 20px;border-top:1px solid rgba(255,255,255,.06);background:#181818bf}.chat-input-caption[data-v-9cb5733d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;color:var(--text-secondary)}.chat-input-wrapper[data-v-9cb5733d]{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-input[data-v-9cb5733d]{min-width:0;padding:15px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.chat-input[data-v-9cb5733d]:focus{outline:none;border-color:#fa55008c;box-shadow:0 0 0 4px #fa55001f}.send-btn[data-v-9cb5733d]{width:52px;border:none;border-radius:16px;background:linear-gradient(135deg,#fa5500,#ff7b3d);color:#fff;cursor:pointer;box-shadow:0 12px 26px #fa55003d}.send-btn[data-v-9cb5733d]:disabled{background:#ffffff14;color:#ffffff73;box-shadow:none;cursor:default}@media (max-width: 960px){.chat-shell[data-v-9cb5733d]{position:fixed;inset:0;z-index:50;pointer-events:none}.chat-backdrop[data-v-9cb5733d]{position:absolute;inset:0;display:block;border:none;background:#00000042;pointer-events:auto}.chat-sidebar[data-v-9cb5733d]{position:fixed;top:0;right:0;width:min(100vw,420px);height:100vh;border:none;border-left:1px solid rgba(255,255,255,.06);border-radius:0;z-index:1;box-shadow:-24px 0 64px #00000052;pointer-events:auto}}@media (max-width: 640px){.chat-header[data-v-9cb5733d]{padding:18px 16px 16px}.chat-title[data-v-9cb5733d]{font-size:22px}.chat-messages[data-v-9cb5733d]{padding:16px 14px 20px}}.nav-container[data-v-37dbfc2f]{position:fixed;top:110px;right:26px;z-index:40;display:flex;flex-direction:column;gap:12px}.nav-btn[data-v-37dbfc2f]{width:58px;height:58px;border:none;border-radius:999px;background:var(--card-bg);color:var(--text-primary);box-shadow:0 14px 30px #00000038;cursor:pointer;font-size:20px}.nav-btn[data-v-37dbfc2f]:hover{background:var(--hover-color)}.nav-btn.active[data-v-37dbfc2f]{background:var(--secondary-color)}.together-room-page[data-v-162c9d42]{max-width:1660px;margin:0 auto;padding:18px 22px 64px}.room-eyebrow[data-v-162c9d42]{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-color)}.room-title-row[data-v-162c9d42]{min-width:0}.room-title-row h1[data-v-162c9d42]{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.1}.room-meta[data-v-162c9d42]{display:flex;flex-wrap:wrap;gap:10px}.room-meta-bar[data-v-162c9d42]{display:grid;gap:14px;padding:16px 6px 0}.meta-pill[data-v-162c9d42]{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff0d;color:var(--text-secondary);font-size:13px;white-space:nowrap}.meta-pill-accent[data-v-162c9d42]{background:#fa55001f;color:#ffbc97}.video-section[data-v-162c9d42]{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:22px}.video-section.chat-active[data-v-162c9d42]{grid-template-columns:minmax(0,1.52fr) minmax(320px,.54fr)}.video-column[data-v-162c9d42]{min-width:0}.video-container[data-v-162c9d42]{width:100%;height:min(69vw,800px);transition:transform .28s ease}.video-player[data-v-162c9d42]{width:100%;height:100%;overflow:hidden;border:1px solid var(--border-color);border-radius:28px;background:#000;box-shadow:0 32px 92px #0000004d}@media (max-width: 960px){.video-section.chat-active[data-v-162c9d42]{grid-template-columns:1fr}.video-container[data-v-162c9d42]{width:100%;height:56vw}}@media (max-width: 640px){.together-room-page[data-v-162c9d42]{padding:14px 14px 48px}}.message-page[data-v-176c1bf9]{min-height:calc(100vh - 78px);padding:14px 16px 24px}.messages-shell[data-v-176c1bf9]{display:flex;max-width:1320px;margin:0 auto;height:calc(100vh - 116px);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.chat-list[data-v-176c1bf9]{width:350px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.chat-list-header[data-v-176c1bf9]{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-color)}.chat-list-header h2[data-v-176c1bf9]{margin:0;font-size:1.2rem}.chat-search[data-v-176c1bf9]{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.chat-search-input[data-v-176c1bf9]{width:100%;border:1px solid var(--border-color);border-radius:10px;background:#252525;color:var(--text-primary);padding:10px 12px}.chat-list-content[data-v-176c1bf9]{flex:1;overflow-y:auto}.chat-item[data-v-176c1bf9]{width:100%;display:flex;gap:10px;padding:12px;border:0;border-bottom:1px solid var(--border-color);background:transparent;cursor:pointer;text-align:left;transition:background-color .2s}.chat-item[data-v-176c1bf9]:hover{background:#313131}.chat-item.active[data-v-176c1bf9]{background:#343434}.chat-avatar[data-v-176c1bf9]{width:44px;height:44px;border-radius:50%;flex-shrink:0}.chat-item-main[data-v-176c1bf9]{min-width:0;flex:1}.chat-item-top[data-v-176c1bf9]{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.chat-item-name[data-v-176c1bf9]{font-size:15px;font-weight:700}.chat-item-time[data-v-176c1bf9]{color:var(--text-secondary);font-size:12px;white-space:nowrap}.chat-item-last[data-v-176c1bf9]{margin:0;color:var(--text-secondary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window[data-v-176c1bf9],.empty-chat[data-v-176c1bf9]{flex:1;display:flex;flex-direction:column;background-color:var(--background-color)}.chat-header[data-v-176c1bf9]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background-color:var(--card-bg);border-bottom:1px solid var(--border-color)}.chat-header-info[data-v-176c1bf9]{display:flex;align-items:center;gap:.8rem}.chat-header-avatar[data-v-176c1bf9]{width:40px;height:40px;border-radius:50%}.chat-header-details h3[data-v-176c1bf9]{margin:0 0 2px;font-size:1.05rem}.chat-header-status[data-v-176c1bf9]{color:var(--text-secondary);font-size:.82rem}.chat-actions[data-v-176c1bf9]{display:flex;gap:.4rem}.chat-action-btn[data-v-176c1bf9]{border:none;background:transparent;color:var(--text-secondary);border-radius:50%;width:34px;height:34px}.chat-action-btn[data-v-176c1bf9]:hover{background:var(--hover-color);color:var(--text-primary)}.chat-messages[data-v-176c1bf9]{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.message[data-v-176c1bf9]{display:flex;align-items:flex-end;gap:.6rem;max-width:66%}.message.sent[data-v-176c1bf9]{align-self:flex-end;flex-direction:row-reverse}.message-avatar[data-v-176c1bf9]{width:28px;height:28px;border-radius:50%}.message-content-wrapper[data-v-176c1bf9]{display:flex;flex-direction:column;gap:3px}.message.sent .message-content-wrapper[data-v-176c1bf9]{align-items:flex-end}.message-content[data-v-176c1bf9]{background-color:var(--card-bg);color:var(--text-primary);padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.4}.message.sent .message-content[data-v-176c1bf9]{background-color:var(--primary-color);color:#fff}.message-time[data-v-176c1bf9]{color:var(--text-secondary);font-size:11px}.message-input-container[data-v-176c1bf9]{padding:.9rem 1rem;border-top:1px solid var(--border-color);background:var(--card-bg)}.message-input-wrapper[data-v-176c1bf9]{display:flex;gap:.7rem;align-items:center}.input-btn[data-v-176c1bf9],.send-btn[data-v-176c1bf9]{border:none;width:40px;height:40px;border-radius:50%;background:#3a3a3a;color:var(--text-primary);cursor:pointer;flex-shrink:0}.send-btn[data-v-176c1bf9]{background:var(--primary-color)}.send-btn[data-v-176c1bf9]:disabled{opacity:.45;cursor:not-allowed}.message-input-area[data-v-176c1bf9]{flex:1;display:flex;align-items:flex-end;gap:.6rem;border:1px solid var(--border-color);border-radius:14px;background:#252525;padding:.5rem .6rem}.message-input[data-v-176c1bf9]{flex:1;border:none;resize:none;background:transparent;color:var(--text-primary);min-height:24px;max-height:120px;outline:none}.empty-chat[data-v-176c1bf9]{align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary)}.empty-chat i[data-v-176c1bf9]{font-size:2rem}@media (max-width: 920px){.messages-shell[data-v-176c1bf9]{height:auto;min-height:calc(100vh - 116px);flex-direction:column}.chat-list[data-v-176c1bf9]{width:100%;max-height:320px}.message[data-v-176c1bf9]{max-width:82%}}.playlist-page[data-v-8b4517fe]{max-width:1400px;margin:0 auto;padding:22px 16px 56px}.page-head[data-v-8b4517fe]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.page-head h1[data-v-8b4517fe]{margin:0;font-size:30px}.page-head p[data-v-8b4517fe]{margin:4px 0 0;color:var(--text-secondary)}.playlist-grid[data-v-8b4517fe]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.state-panel[data-v-8b4517fe]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.state-panel i[data-v-8b4517fe]{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.state-panel p[data-v-8b4517fe]{margin-top:.5rem;font-size:.9rem}@media (max-width: 1024px){.playlist-grid[data-v-8b4517fe]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.page-head[data-v-8b4517fe]{flex-direction:column;align-items:flex-start}.playlist-grid[data-v-8b4517fe]{grid-template-columns:1fr}}.playlist-detail-page[data-v-74226a36]{max-width:1400px;margin:0 auto;padding:22px 16px 56px}.layout[data-v-74226a36]{display:grid;grid-template-columns:380px 1fr;gap:14px}.panel[data-v-74226a36]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:14px}.panel h2[data-v-74226a36]{margin:0 0 10px}.muted[data-v-74226a36]{margin:0 0 10px;color:var(--text-secondary);font-size:13px;line-height:1.5}.action-row[data-v-74226a36]{display:flex;gap:8px;flex-wrap:wrap}.section-head[data-v-74226a36]{margin-bottom:10px}.video-list[data-v-74226a36]{display:grid;gap:10px}.video-item[data-v-74226a36]{border:1px solid var(--border-color);border-radius:10px;background:#282828;padding:10px;display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center}.video-item img[data-v-74226a36]{width:150px;height:84px;object-fit:cover;border-radius:8px}.video-copy h4[data-v-74226a36]{margin:0 0 5px;font-size:15px}.video-copy p[data-v-74226a36]{margin:0;color:var(--text-secondary);font-size:12px}.state-panel[data-v-74226a36]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.state-panel i[data-v-74226a36]{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}@media (max-width: 1024px){.layout[data-v-74226a36]{grid-template-columns:1fr}}@media (max-width: 760px){.video-item[data-v-74226a36]{grid-template-columns:1fr}.video-item img[data-v-74226a36]{width:100%;height:auto;aspect-ratio:16 / 9}}