.login-container[data-v-6bdf96bb]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1920&q=80) center/cover no-repeat fixed}.login-container[data-v-6bdf96bb]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#001e3c66}.login-card[data-v-6bdf96bb]{position:relative;z-index:10;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:40px;width:90%;max-width:400px;text-align:center;box-shadow:0 25px 50px #0000004d}.login-card h1[data-v-6bdf96bb]{font-size:1.8rem;margin-bottom:8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.subtitle[data-v-6bdf96bb]{color:#fffc;margin-bottom:30px;font-size:.95rem}.input-group[data-v-6bdf96bb]{position:relative;margin-bottom:20px}.input-icon[data-v-6bdf96bb]{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.1rem}.input-group input[type=text][data-v-6bdf96bb],.input-group input[type=password][data-v-6bdf96bb]{width:100%;padding:15px 50px 15px 45px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s}.input-group input[data-v-6bdf96bb]:focus{outline:none;border-color:#4fc3f7;background:#fff3}.input-group input[data-v-6bdf96bb]::placeholder{color:#fff9}.toggle-pwd[data-v-6bdf96bb]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:5px;opacity:.8;transition:opacity .3s}.toggle-pwd[data-v-6bdf96bb]:hover{opacity:1}.remember-me[data-v-6bdf96bb]{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:20px;color:#fffc;font-size:.9rem;cursor:pointer}.remember-me input[type=checkbox][data-v-6bdf96bb]{width:18px;height:18px;cursor:pointer;accent-color:#4fc3f7}.error[data-v-6bdf96bb]{color:#ff6b6b;font-size:.9rem;margin-bottom:15px;background:#ff6b6b1a;padding:10px;border-radius:8px}.login-btn[data-v-6bdf96bb]{width:100%;padding:15px;background:linear-gradient(135deg,#4fc3f7,#0288d1);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-btn[data-v-6bdf96bb]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4fc3f766}.login-btn[data-v-6bdf96bb]:active{transform:translateY(0)}.status-bar[data-v-6bdf96bb]{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px}.status-item[data-v-6bdf96bb]{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffffb3}.status-dot[data-v-6bdf96bb]{width:8px;height:8px;border-radius:50%;background:#888}.status-dot.online[data-v-6bdf96bb]{background:#4caf50;box-shadow:0 0 8px #4caf50;animation:pulse-dot-6bdf96bb 2s infinite}.status-dot.offline[data-v-6bdf96bb]{background:#f44336}.status-dot.checking[data-v-6bdf96bb]{background:#ff9800;animation:pulse-dot-6bdf96bb 1s infinite}@keyframes pulse-dot-6bdf96bb{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.login-card[data-v-6bdf96bb]{padding:30px 20px;margin:20px}.login-card h1[data-v-6bdf96bb]{font-size:1.5rem}.status-bar[data-v-6bdf96bb]{flex-direction:column;align-items:center}}.watch-together[data-v-e27a1e3d]{background:#0000004d;border-radius:12px;padding:15px;margin-bottom:20px}.room-entry h3[data-v-e27a1e3d]{margin-bottom:8px;color:#fff}.room-entry .desc[data-v-e27a1e3d]{color:#888;font-size:.85rem;margin-bottom:15px}.room-actions[data-v-e27a1e3d]{display:flex;flex-direction:column;gap:10px}.join-section[data-v-e27a1e3d]{display:flex;gap:8px}.join-section input[data-v-e27a1e3d]{flex:1;padding:10px;border:1px solid #444;border-radius:6px;background:#ffffff1a;color:#fff;text-transform:uppercase}.btn[data-v-e27a1e3d]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;background:#fff3;color:#fff;transition:all .3s}.btn[data-v-e27a1e3d]:hover{background:#ffffff4d}.btn.primary[data-v-e27a1e3d]{background:#e94560}.btn.primary[data-v-e27a1e3d]:hover{background:#ff6b6b}.btn[data-v-e27a1e3d]:disabled{opacity:.5;cursor:not-allowed}.btn-small[data-v-e27a1e3d]{padding:5px 10px;font-size:.8rem;border:none;border-radius:4px;cursor:pointer;background:#fff3;color:#fff;transition:all .2s}.btn-small[data-v-e27a1e3d]:hover{background:#ffffff4d}.btn-small.danger[data-v-e27a1e3d]{background:#e94560}.btn-small.play-btn[data-v-e27a1e3d]{background:#4caf50;margin-left:8px}.room-header[data-v-e27a1e3d]{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px;font-size:.85rem;color:#aaa;flex-wrap:wrap}.room-header strong[data-v-e27a1e3d]{color:#fff;font-size:1rem}.member-count[data-v-e27a1e3d]{color:#4caf50}.status[data-v-e27a1e3d]{font-size:.75rem}.status.online[data-v-e27a1e3d]{color:#4caf50}.sync-actions[data-v-e27a1e3d]{display:flex;gap:10px;margin-bottom:10px}.sync-btn[data-v-e27a1e3d],.countdown-btn[data-v-e27a1e3d]{flex:1;font-weight:700}.sync-btn[data-v-e27a1e3d]{background:linear-gradient(135deg,#e94560,#ff6b6b)}.countdown-btn[data-v-e27a1e3d]{background:linear-gradient(135deg,#4caf50,#8bc34a)}.countdown-overlay[data-v-e27a1e3d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.countdown-number[data-v-e27a1e3d]{font-size:8rem;font-weight:700;color:#e94560;animation:pulse-e27a1e3d 1s infinite}.countdown-text[data-v-e27a1e3d]{font-size:1.5rem;color:#fff;margin-top:20px}@keyframes pulse-e27a1e3d{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-area[data-v-e27a1e3d]{display:flex;flex-direction:column}.messages[data-v-e27a1e3d]{height:200px;overflow-y:auto;padding:15px 10px;display:flex;flex-direction:column;gap:12px}.message[data-v-e27a1e3d]{display:flex;flex-direction:column;max-width:70%;animation:fadeIn-e27a1e3d .2s ease}@keyframes fadeIn-e27a1e3d{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message[data-v-e27a1e3d]:not(.system):not(.video){align-self:flex-start}.message.mine[data-v-e27a1e3d]:not(.system):not(.video){align-self:flex-end}.message .sender[data-v-e27a1e3d]{font-size:.7rem;color:#888;margin-bottom:4px;padding:0 4px}.message.mine .sender[data-v-e27a1e3d]{text-align:right}.message .bubble[data-v-e27a1e3d]{padding:10px 14px;border-radius:18px;background:#2a2f3a;color:#fff;font-size:.9rem;line-height:1.5;word-break:break-word;position:relative}.message:not(.mine) .bubble[data-v-e27a1e3d]{border-top-left-radius:4px}.message.mine .bubble[data-v-e27a1e3d]{background:#e94560;border-top-right-radius:4px}.message .content[data-v-e27a1e3d]{display:block}.message .emoji-content[data-v-e27a1e3d]{font-size:2.5rem;line-height:1.2;background:transparent!important;padding:5px!important}.message .time[data-v-e27a1e3d]{font-size:.65rem;color:#666;margin-top:4px;padding:0 4px}.message.mine .time[data-v-e27a1e3d]{text-align:right}.message.system[data-v-e27a1e3d]{max-width:100%;align-self:center}.message.system .system-text[data-v-e27a1e3d]{color:#666;font-size:.75rem;background:#ffffff0d;padding:5px 12px;border-radius:12px}.message.video[data-v-e27a1e3d]{max-width:85%;align-self:center}.message.video .bubble[data-v-e27a1e3d]{background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:12px}.video-msg[data-v-e27a1e3d]{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem}.emoji-picker[data-v-e27a1e3d]{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:#0000004d;border-radius:8px;margin-bottom:10px}.emoji-picker span[data-v-e27a1e3d]{font-size:1.3rem;cursor:pointer;padding:5px;border-radius:4px;transition:background .2s}.emoji-picker span[data-v-e27a1e3d]:hover{background:#fff3}.input-area[data-v-e27a1e3d]{display:flex;gap:8px;align-items:center}.input-area input[data-v-e27a1e3d]{flex:1;padding:10px;border:1px solid #444;border-radius:6px;background:#ffffff1a;color:#fff}.input-area input[data-v-e27a1e3d]::placeholder{color:#666}.emoji-btn[data-v-e27a1e3d],.send-btn[data-v-e27a1e3d]{padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;background:#fff3;transition:all .3s}.emoji-btn[data-v-e27a1e3d]:hover{background:#ffffff4d}.send-btn[data-v-e27a1e3d]{background:#e94560;color:#fff;padding:10px 15px}.send-btn[data-v-e27a1e3d]:hover{background:#ff6b6b}@media (max-width: 480px){.messages[data-v-e27a1e3d]{height:150px}.emoji-picker span[data-v-e27a1e3d]{font-size:1.1rem;padding:3px}.room-header[data-v-e27a1e3d]{font-size:.75rem;gap:6px}.sync-actions[data-v-e27a1e3d]{flex-direction:column}.countdown-number[data-v-e27a1e3d]{font-size:5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#fff}.container{max-width:1000px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:30px 0;position:relative}.logout-btn{position:absolute;right:0;top:30px;padding:8px 16px;background:#ffffff1a;border:1px solid #444;border-radius:6px;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#e945604d;border-color:#e94560;color:#fff}.header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#888;font-size:1rem}.main{flex:1}.mode-tabs{display:flex;gap:10px;margin-bottom:20px}.mode-tabs button{flex:1;padding:12px;background:#ffffff1a;border:2px solid #333;border-radius:10px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s}.mode-tabs button.active{background:linear-gradient(135deg,#e94560,#ff6b6b);border-color:transparent}.input-section{display:flex;gap:10px;margin-bottom:30px}.url-input{flex:1;padding:15px 20px;border:2px solid #333;border-radius:10px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s}.url-input:focus{outline:none;border-color:#e94560;background:#ffffff1a}.url-input::placeholder{color:#666}.parse-btn{padding:15px 30px;background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.parse-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #e9456066}.parse-btn:disabled{opacity:.5;cursor:not-allowed}.search-results,.episodes-section,.lines-section{margin-bottom:30px}.search-results h3,.episodes-section h3,.lines-section h3,.supported-sites h3{margin-bottom:15px;color:#ccc}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.result-item{display:flex;gap:12px;padding:12px;background:#ffffff0d;border:2px solid #333;border-radius:10px;cursor:pointer;transition:all .3s}.result-item:hover{border-color:#e94560;background:#ffffff1a}.result-item.selected{border-color:#e94560;background:#e9456033}.result-img{width:80px;height:110px;object-fit:cover;border-radius:6px;background:#333}.result-info{flex:1;display:flex;flex-direction:column;gap:5px}.result-name{font-weight:700;font-size:1rem;color:#fff}.result-meta{font-size:.85rem;color:#888}.result-note{font-size:.8rem;color:#e94560}.episodes-grid,.lines-grid{display:flex;flex-wrap:wrap;gap:8px}.episodes-grid{max-height:200px;overflow-y:auto;padding:5px 0}.episode-btn{padding:8px 16px;background:#ffffff1a;border:1px solid #444;border-radius:5px;color:#fff;cursor:pointer;transition:all .3s;font-size:.9rem}.episode-btn:hover{border-color:#e94560}.episode-btn.active{background:#e94560;border-color:#e94560}.line-btn{padding:10px 20px;background:#ffffff1a;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s}.line-btn:hover{border-color:#e94560}.line-btn.active{background:linear-gradient(135deg,#e94560,#ff6b6b);border-color:transparent}.player-section{margin-bottom:30px;background:#0000004d;border-radius:15px;overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0000004d}.fullscreen-btn{padding:8px 16px;background:#e94560;border:none;border-radius:5px;color:#fff;cursor:pointer}.fullscreen-btn:hover{background:#ff6b6b}.player-frame{width:100%;height:500px;background:#000}.supported-sites{margin-bottom:30px}.sites-grid{display:flex;gap:10px;flex-wrap:wrap}.site-tag{padding:8px 16px;background:#ffffff1a;border-radius:20px;font-size:.9rem;color:#aaa}.footer{text-align:center;padding:20px;color:#666;font-size:.9rem}@media (max-width: 600px){.header h1{font-size:1.8rem}.input-section{flex-direction:column}.player-frame{height:300px}}@media (max-width: 768px){.container{padding:15px}.header{padding:20px 0}.header h1{font-size:2rem}.results-grid{grid-template-columns:1fr}.result-item{padding:10px}.result-img{width:70px;height:95px}.player-frame{height:400px}.line-btn{padding:8px 15px;font-size:.9rem}.episode-btn{padding:6px 12px;font-size:.85rem}}@media (max-width: 480px){.container{padding:10px}.header{padding:15px 0}.header h1{font-size:1.5rem}.subtitle{font-size:.85rem}.mode-tabs{gap:8px}.mode-tabs button{padding:10px 8px;font-size:.9rem}.input-section{flex-direction:column;gap:8px}.url-input{padding:12px 15px;font-size:.95rem}.parse-btn{padding:12px 20px;font-size:.95rem}.results-grid{gap:10px}.result-item{padding:8px;gap:10px}.result-img{width:60px;height:85px}.result-name{font-size:.9rem}.result-meta{font-size:.8rem}.result-note{font-size:.75rem}.episodes-grid{max-height:150px;gap:6px}.episode-btn{padding:6px 10px;font-size:.8rem}.lines-grid{gap:6px}.line-btn{padding:8px 12px;font-size:.85rem}.player-frame{height:220px}.player-header{padding:10px 15px;font-size:.9rem}.fullscreen-btn{padding:6px 12px;font-size:.85rem}.sites-grid{gap:6px}.site-tag{padding:6px 12px;font-size:.8rem}.footer{padding:15px;font-size:.8rem}.search-results h3,.episodes-section h3,.lines-section h3,.supported-sites h3{font-size:.95rem;margin-bottom:10px}}@media (max-width: 900px) and (orientation: landscape){.player-frame{height:50vh}.container{padding:10px 20px}}