*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:#09090b;color:#f4f7fb;font-family:Pretendard,Noto Sans KR,Arial,sans-serif}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.mv-page{width:100vw;height:100dvh;min-width:0;min-height:0;display:flex;flex-direction:column;background:#09090b}.mv-header{flex:0 0 58px;min-height:58px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b0c0f;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:40}.mv-brand{min-width:0;display:flex;align-items:center;gap:11px}.mv-logo{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,77,94,.2);border-radius:10px;background:#ff4d5e1a;color:#ff4d5e}.mv-brand small{display:block;margin-bottom:2px;color:#ff4d5e;font-size:.55rem;font-weight:800;letter-spacing:.12em}.mv-brand h1{margin:0;font-size:.85rem;font-weight:750}.mv-brand h1 span{margin-left:4px;color:#7f8a98;font-size:.64rem;font-weight:600}.mv-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.mv-button{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#111318;color:#aeb7c2;text-decoration:none;font-size:.63rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.mv-button:hover{background:#191d23;border-color:#62b7ff38;color:#fff}.mv-button:active{transform:scale(.97)}.mv-button.is-active{background:#17649a38;border-color:#62b7ff52;color:#74c1ff}.mv-workspace{flex:1 1 auto;min-width:0;min-height:0;display:flex;overflow:hidden}.mv-stage{flex:1 1 auto;min-width:0;min-height:0;padding:8px;overflow:hidden;transition:padding .2s ease}.mv-grid{width:100%;height:100%;min-width:0;min-height:0;display:grid;gap:8px;overflow:hidden}.mv-grid[data-count="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.mv-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.mv-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.mv-grid[data-count="3"] .mv-player:nth-child(3){grid-column:1 / -1}.mv-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.mv-player{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 30px #0000002e}.mv-player-header{flex:0 0 36px;min-height:36px;padding:4px 6px 4px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#111318;border-bottom:1px solid rgba(255,255,255,.06)}.mv-identity{min-width:0;display:flex;align-items:center;gap:7px}.mv-identity img{width:23px;height:23px;flex:0 0 23px;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:50%}.mv-identity strong{min-width:0;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.mv-identity span{padding:3px 6px;border:1px solid rgba(255,77,94,.16);border-radius:999px;background:#ff4d5e1f;color:#ff6573;font-size:.45rem;font-weight:800}.mv-remove{width:27px;height:27px;flex:0 0 27px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:#737e8b;cursor:pointer}.mv-remove:hover{background:#ff4d5e17;color:#ff6573}.mv-frame{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:#000}.mv-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000}.mv-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#737e8b}.mv-empty i{margin-bottom:10px;color:#62b7ff;font-size:1.8rem}.mv-empty strong{color:#d6dce4;font-size:.85rem}.mv-empty p{margin:7px 0 0;color:#737e8b;font-size:.66rem;line-height:1.6}.mv-member-panel{width:0;flex:0 0 0;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#0d0f13;border-left:0 solid rgba(255,255,255,.07);opacity:0;transition:width .22s ease,flex-basis .22s ease,opacity .18s ease,border-width .22s ease}.mv-member-panel.is-open{width:318px;flex-basis:318px;border-left-width:1px;opacity:1}.mv-panel-head{flex:0 0 auto;min-height:92px;padding:16px 14px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.mv-panel-head>div{min-width:0}.mv-panel-head small{display:block;margin-bottom:5px;color:#62b7ff;font-size:.49rem;font-weight:800;letter-spacing:.12em}.mv-panel-head strong{display:block;color:#f1f4f8;font-size:.88rem;font-weight:760}.mv-panel-head span{display:block;margin-top:5px;color:#737e8b;font-size:.58rem;line-height:1.5}.mv-panel-close{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#111318;color:#77828f;cursor:pointer}.mv-panel-close:hover{color:#fff}.mv-panel-summary{flex:0 0 43px;min-height:43px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.055)}.mv-panel-summary>span{color:#84909e;font-size:.59rem;font-weight:650}.mv-panel-summary strong{margin-left:4px;color:#62b7ff}.mv-panel-summary button{padding:5px 7px;border:0;border-radius:6px;background:transparent;color:#6f7a87;font-size:.55rem;cursor:pointer}.mv-panel-summary button:hover:not(:disabled){background:#ffffff0d;color:#dce2e9}.mv-panel-summary button:disabled{opacity:.35;cursor:default}.mv-member-list{flex:1 1 auto;min-height:0;padding:10px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.mv-member-list::-webkit-scrollbar{width:6px}.mv-member-list::-webkit-scrollbar-track{background:transparent}.mv-member-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.mv-member-card{width:100%;padding:0;margin:0 0 9px;overflow:hidden;display:block;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#111318;color:inherit;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.mv-member-card:hover{background:#15181d;border-color:#62b7ff3d;transform:translateY(-1px)}.mv-member-card.is-selected{border-color:#3c9ee0;background:#17649a21;box-shadow:0 0 0 1px #62b7ff1a,0 8px 24px #0000002e}.mv-member-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#08090b}.mv-member-thumb>img{width:100%;height:100%;display:block;object-fit:cover}.mv-member-card.is-selected .mv-member-thumb>img{opacity:.82}.mv-member-live,.mv-member-viewers{position:absolute;top:7px;min-height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:6px;color:#fff;font-size:.46rem;font-weight:800;box-shadow:0 3px 10px #0000003d}.mv-member-live{left:7px;background:#ff4d5e}.mv-member-viewers{right:7px;background:#07090cc7}.mv-member-info{min-width:0;padding:8px;display:flex;align-items:center;gap:8px}.mv-member-avatar{width:27px;height:27px;flex:0 0 27px;object-fit:cover;border:1px solid rgba(255,255,255,.08);border-radius:50%}.mv-member-copy{min-width:0;flex:1 1 auto}.mv-member-copy strong{display:block;overflow:hidden;color:#eaeff5;font-size:.61rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mv-member-copy small{display:block;margin-top:3px;overflow:hidden;color:#6f7b88;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.mv-member-check{width:27px;height:27px;flex:0 0 27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0d0f13;color:#788491;font-size:.55rem}.mv-member-card.is-selected .mv-member-check{border-color:#3c9ee0;background:#17649a;color:#fff}.mv-panel-loading,.mv-panel-empty{min-height:180px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#6f7b88}.mv-panel-loading i,.mv-panel-empty i{margin-bottom:3px;color:#62b7ff;font-size:1.3rem}.mv-panel-loading span,.mv-panel-empty span{font-size:.57rem;line-height:1.55}.mv-panel-empty strong{color:#c8d0d9;font-size:.66rem}.mv-panel-retry{margin-top:5px;padding:7px 9px;border:1px solid rgba(98,183,255,.2);border-radius:7px;background:#17649a29;color:#62b7ff;font-size:.56rem;cursor:pointer}html[data-theme=light] body,html[data-theme=light] .mv-page{background:#f4f5f7;color:#202124}html[data-theme=light] .mv-header{background:#fffffff5;border-color:#181e2614}html[data-theme=light] .mv-brand h1{color:#202124}html[data-theme=light] .mv-button{background:#f7f8fa;border-color:#181e2617;color:#626972}html[data-theme=light] .mv-button:hover{background:#eef1f4;color:#202124}html[data-theme=light] .mv-button.is-active{background:#105d9e14;border-color:#105d9e33;color:#105d9e}html[data-theme=light] .mv-stage{background:#eceff3}html[data-theme=light] .mv-member-panel{background:#fff;border-color:#181e2614}html[data-theme=light] .mv-panel-head,html[data-theme=light] .mv-panel-summary{border-color:#181e2612}html[data-theme=light] .mv-panel-head strong{color:#202124}html[data-theme=light] .mv-panel-head span,html[data-theme=light] .mv-panel-summary>span{color:#68707a}html[data-theme=light] .mv-panel-close,html[data-theme=light] .mv-member-card,html[data-theme=light] .mv-member-check{background:#f7f8fa;border-color:#181e2614}html[data-theme=light] .mv-member-card:hover{background:#f2f5f8}html[data-theme=light] .mv-member-card.is-selected{background:#105d9e0f;border-color:#2789d7}html[data-theme=light] .mv-member-copy strong{color:#202124}html[data-theme=light] .mv-member-copy small{color:#68707a}html[data-theme=light] .mv-panel-summary button:hover:not(:disabled){background:#181e260d;color:#202124}@media(max-width:900px){.mv-header{flex-basis:54px;min-height:54px;padding:7px 9px}.mv-actions{gap:5px}.mv-button{width:34px;padding:0}.mv-button span{display:none}.mv-stage{padding:5px}.mv-grid{gap:5px}.mv-grid[data-count="2"],.mv-grid[data-count="3"],.mv-grid[data-count="4"]{grid-template-columns:minmax(0,1fr)}.mv-grid[data-count="2"]{grid-template-rows:repeat(2,minmax(0,1fr))}.mv-grid[data-count="3"]{grid-template-rows:repeat(3,minmax(0,1fr))}.mv-grid[data-count="3"] .mv-player:nth-child(3){grid-column:auto}.mv-grid[data-count="4"]{grid-template-rows:repeat(4,minmax(0,1fr))}.mv-member-panel{position:fixed;top:54px;right:0;bottom:0;width:min(86vw,320px)!important;min-width:0;flex-basis:auto!important;z-index:60;border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 50px #00000057;transform:translate(103%);opacity:1;transition:transform .22s ease}.mv-member-panel.is-open{transform:translate(0)}html[data-theme=light] .mv-member-panel{border-color:#181e2614;box-shadow:-20px 0 50px #181e2629}}@media(max-width:520px){.mv-brand small{font-size:.48rem}.mv-brand h1{font-size:.72rem}}