*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e6e6}.app{max-width:900px;margin:0 auto;padding:24px 16px 60px}.app-header{display:flex;align-items:center;gap:10px;margin-bottom:24px}.app-header h1{font-size:1.6rem;margin:0}.admin-bar{background:#1a1d24;border:1px solid #2a2e37;border-radius:10px;padding:10px 14px;margin-bottom:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9rem}.admin-bar.logged-in{border-color:#2e7d5b;background:#12241c}.admin-bar input[type=password]{background:#0f1115;border:1px solid #2a2e37;border-radius:6px;color:#e6e6e6;padding:6px 10px;width:180px}button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;background:#2f6fed;color:#fff;transition:background .15s ease,opacity .15s ease}button:hover{background:#4880f5}button:active{opacity:.85}button.secondary{background:#2a2e37}button.secondary:hover{background:#383e4a}button.danger{background:#d9534f;padding:6px 12px;font-size:.85rem}button.danger:hover{background:#e46864}button.ghost{background:transparent;border:1px solid #2a2e37}button.ghost:hover{background:#1a1d24}input[type=text],input[type=password]{background:#1a1d24;border:1px solid #2a2e37;border-radius:8px;color:#e6e6e6;padding:9px 12px;font-size:.95rem}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#2f6fed}.lobby-section{margin-bottom:28px}.lobby-section h3{font-size:1rem;color:#9aa0ab;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.name-row,.create-row{display:flex;gap:10px;flex-wrap:wrap}.room-card{background:#1a1d24;border:1px solid #2a2e37;border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.room-card b{font-size:1.05rem}.room-card small{color:#9aa0ab}.room-card .actions{display:flex;gap:8px;flex-shrink:0}.empty-state{color:#9aa0ab;padding:20px;text-align:center;border:1px dashed #2a2e37;border-radius:10px}.room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;flex-wrap:wrap;gap:10px}.room-title{font-size:1.3rem;margin:0}.status-badge{font-size:.85rem;font-weight:600;padding:4px 10px;border-radius:20px}.status-connected{background:#12241c;color:#4cd08a}.status-disconnected{background:#2a1414;color:#e46864}.status-connecting{background:#2a2314;color:#e0b34c}.members-row{color:#9aa0ab;font-size:.9rem;margin-bottom:16px}.video-source-tabs{display:flex;gap:6px;margin-bottom:10px}.video-source-tabs button{background:#1a1d24;color:#9aa0ab;padding:6px 14px;border:1px solid #2a2e37}.video-source-tabs button.active{background:#2f6fed;color:#fff;border-color:#2f6fed}.video-panel{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.video-panel input[type=text]{flex:1;min-width:220px}progress{width:100%;height:8px;border-radius:4px;accent-color:#2f6fed}.upload-status{font-size:.85rem;color:#9aa0ab;margin-top:4px}.video-container{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain;display:block}.drift-info{font-family:monospace;font-size:.8rem;color:#6a7280;margin-top:6px;min-height:1.2em}.chat-box{border:1px solid #2a2e37;border-radius:10px;height:220px;overflow-y:auto;padding:12px;margin-top:8px;background:#14161b}.chat-line{margin:0 0 6px;font-size:.92rem;line-height:1.4}.chat-line.system{color:#6a7280;font-style:italic}.chat-line b{color:#7fa8ff}.chat-input-row{display:flex;gap:8px;margin-top:10px}.chat-input-row input{flex:1}progress.processing{animation:pulse-progress 1.2s ease-in-out infinite}@keyframes pulse-progress{0%,to{opacity:1}50%{opacity:.4}}.account-bar{background:#1a1d24;border:1px solid #2a2e37;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.account-bar.logged-in{flex-direction:row;align-items:center;justify-content:space-between;border-color:#2e7d5b;background:#12241c}.auth-tabs{display:flex;gap:6px}.auth-tabs button{background:#14161b;color:#9aa0ab;border:1px solid #2a2e37;padding:6px 14px}.auth-tabs button.active{background:#2f6fed;color:#fff;border-color:#2f6fed}.auth-form{display:flex;gap:8px;flex-wrap:wrap}.auth-form input{flex:1;min-width:140px}.auth-error{color:#e46864;font-size:.85rem}.admin-bar-wrapper{margin-bottom:20px}.hint{color:#9aa0ab;font-weight:400;text-transform:none;letter-spacing:normal;font-size:.8rem}.verify-banner{padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.verify-success{background:#12241c;color:#4cd08a}.verify-info{background:#1a1d24;color:#9aa0ab}.verify-error{background:#2a1414;color:#e46864}.badge{background:#d9534f;color:#fff;border-radius:10px;padding:1px 7px;font-size:.75rem;margin-left:6px}