*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f0f0f;color:#e0e0e0}.home[data-v-c3acb7ec]{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:120px}h1[data-v-c3acb7ec]{font-size:2rem;letter-spacing:.05em}.card[data-v-c3acb7ec]{display:flex;gap:8px}input[data-v-c3acb7ec]{padding:10px 14px;border-radius:6px;border:1px solid #333;background:#1a1a1a;color:#e0e0e0;font-size:1rem;width:160px}button[data-v-c3acb7ec]{padding:10px 20px;border-radius:6px;border:none;background:#e53e3e;color:#fff;font-size:1rem;cursor:pointer}button[data-v-c3acb7ec]:disabled{opacity:.5;cursor:default}.error[data-v-c3acb7ec]{color:#fc8181}@media (max-width: 640px){.home[data-v-c3acb7ec]{padding:60px 16px 0}.card[data-v-c3acb7ec]{flex-direction:column;width:100%;max-width:320px}input[data-v-c3acb7ec]{width:100%;box-sizing:border-box}button[data-v-c3acb7ec]{width:100%}}.player-wrap[data-v-c0b65e76]{width:100%;height:100%}.player-wrap[data-v-c0b65e76] iframe,#yt-player[data-v-c0b65e76]{width:100%;height:100%;border:none}.room[data-v-e59335f0]{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr 220px;gap:16px;padding:16px;height:100vh}header[data-v-e59335f0]{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid #222}.room-id[data-v-e59335f0]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#888}.copy-btn[data-v-e59335f0]{padding:2px 10px;font-size:.75rem;background:#2d2d2d;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer}.copy-btn[data-v-e59335f0]:hover{background:#3a3a3a}.status[data-v-e59335f0]{font-size:.8rem;padding:2px 8px;border-radius:4px}.status.connected[data-v-e59335f0]{background:#276749}.status.connecting[data-v-e59335f0]{background:#744210}.status.disconnected[data-v-e59335f0]{background:#63171b}.load-form[data-v-e59335f0]{display:flex;gap:8px;margin-left:auto}.load-form input[data-v-e59335f0]{padding:6px 12px;border-radius:6px;border:1px solid #333;background:#1a1a1a;color:#e0e0e0;font-size:.9rem;width:260px}.load-form button[data-v-e59335f0]{padding:6px 16px;border-radius:6px;border:none;background:#e53e3e;color:#fff;font-size:.9rem;cursor:pointer}.queue-btn[data-v-e59335f0]{background:#2d2d2d!important;border:1px solid #444!important;color:#ccc!important;font-size:1.1rem!important;padding:6px 12px!important}.queue-btn[data-v-e59335f0]:hover{background:#3a3a3a!important}.player-area[data-v-e59335f0]{background:#000;border-radius:8px;overflow:hidden;min-height:0;grid-row:2;grid-column:1}.queue-area[data-v-e59335f0]{grid-row:3;grid-column:1;display:flex;align-items:center;gap:12px;background:#111;border-radius:8px;padding:8px 12px;min-width:0}.queue-skip[data-v-e59335f0]{flex-shrink:0;padding:6px 12px;border-radius:6px;border:none;background:#2d2d2d;color:#ccc;font-size:.85rem;cursor:pointer;white-space:nowrap}.queue-skip[data-v-e59335f0]:hover{background:#3a3a3a}.queue-list[data-v-e59335f0]{display:flex;gap:8px;overflow-x:auto;flex:1;padding-bottom:2px}.queue-item[data-v-e59335f0]{position:relative;flex-shrink:0;cursor:pointer}.queue-item img[data-v-e59335f0]{width:120px;height:68px;object-fit:cover;border-radius:4px;display:block;border:1px solid #333}.queue-num[data-v-e59335f0]{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;font-size:.7rem;padding:1px 5px;border-radius:3px}.empty-player[data-v-e59335f0]{height:100%;display:flex;align-items:center;justify-content:center;color:#555;font-size:.95rem}.sidebar[data-v-e59335f0]{background:#1a1a1a;border-radius:8px;padding:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden;grid-row:2 / 4;grid-column:2}.participants h3[data-v-e59335f0]{font-size:.85rem;color:#888;margin-bottom:8px}.participants ul[data-v-e59335f0]{list-style:none}.participants li[data-v-e59335f0]{font-size:.9rem;padding:4px 0}.chat[data-v-e59335f0]{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:12px;border-top:1px solid #2d2d2d;padding-top:10px}.chat-messages[data-v-e59335f0]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.chat-msg[data-v-e59335f0]{display:flex;flex-direction:column;gap:1px}.chat-nick[data-v-e59335f0]{font-size:.7rem;color:#888}.chat-text[data-v-e59335f0]{font-size:.85rem;color:#e0e0e0;word-break:break-word}.chat-input[data-v-e59335f0]{display:flex;gap:6px;margin-top:8px;flex-shrink:0}.chat-input input[data-v-e59335f0]{flex:1;padding:6px 10px;border-radius:6px;border:1px solid #333;background:#111;color:#e0e0e0;font-size:.85rem;min-width:0}.chat-input button[data-v-e59335f0]{padding:6px 12px;border-radius:6px;border:none;background:#e53e3e;color:#fff;cursor:pointer;font-size:1rem}.log[data-v-e59335f0]{grid-column:1 / -1;background:#111;border-radius:6px;padding:8px 12px;max-height:120px;overflow-y:auto;font-family:monospace;font-size:.8rem;color:#6ee7b7}@media (max-width: 640px){.room[data-v-e59335f0]{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:auto;min-height:100dvh;padding:12px;gap:10px}header[data-v-e59335f0]{flex-wrap:wrap;row-gap:10px}.load-form[data-v-e59335f0]{margin-left:0;width:100%}.load-form input[data-v-e59335f0]{flex:1;width:auto}.player-area[data-v-e59335f0]{aspect-ratio:16 / 9;min-height:unset}.sidebar[data-v-e59335f0]{max-height:260px}.participants ul[data-v-e59335f0]{display:flex;flex-wrap:wrap;gap:4px 12px}.log[data-v-e59335f0]{max-height:80px}}