*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#e6e6e6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#1a1a2e;border-bottom:1px solid #2a2a4a}.header h1{font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:12px;color:#a0a0b0;padding:2px 8px;background:#2a2a4a;border-radius:4px}.connect-form{max-width:420px;margin:60px auto;background:#16213e;border:1px solid #2a2a4a;border-radius:12px;padding:32px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:#a0a0b0;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;color:#e6e6e6;font-size:14px;outline:none}.form-group input:focus{border-color:#667eea}.id-input{font-family:Courier New,monospace;letter-spacing:3px;text-align:center;font-size:18px!important}.connect-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.connect-btn:hover{opacity:.9}.connect-btn:disabled{opacity:.5;cursor:not-allowed}.error{color:#f87171;font-size:13px;margin-top:12px;text-align:center}.center{flex:1;display:flex;align-items:center;justify-content:center;color:#a0a0b0}.viewer-container{flex:1;display:flex;flex-direction:column}.screen{flex:1;background:#000;position:relative;cursor:default;outline:none}.screen video{width:100%;height:100%;object-fit:contain}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a0a0b0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1a1a2e;border-top:1px solid #2a2a4a}.status{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px}.status.connected{background:#4ade8026;color:#4ade80}.disconnect-btn{padding:6px 16px;background:#f87171;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}