*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#0a0a0a;color:#fff;font-family:sans-serif;overflow:hidden}.app{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center}.status{font-size:1.2rem;color:#fff9}.status.error{color:#ef4444}.player-container{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#000}.video-frame{flex:1;min-height:0;width:100%;background:#000;object-fit:contain}.slot-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;flex:none}.controls{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#000000d9;gap:12px;transition:opacity .4s}.controls.hidden{opacity:0;pointer-events:none}.info{display:flex;flex-direction:column;min-width:0;flex:1}.video-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffd9}.video-count{font-size:11px;color:#ffffff73;margin-top:2px}.buttons{display:flex;gap:8px;flex-shrink:0}.btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);padding:7px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .2s;white-space:nowrap}.btn:hover{background:#ffffff38}.btn.active{background:#3b82f680;border-color:#3b82f6b3}.fullscreen-btn{flex-shrink:0}.login{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:0 24px}.login h1{font-size:1.6rem;font-weight:500;color:#ffffffe6;text-align:center;margin-bottom:8px}.login input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 14px;border-radius:6px;font-size:14px;outline:none}.login input:focus{border-color:#3b82f699;background:#ffffff1f}.login-btn{margin-top:4px;padding:10px 14px;font-size:14px}.login-error{color:#ef4444;font-size:13px;text-align:center;margin-top:4px}